/**
 * Copyright (c) 2013 Kurt Raschke
 * Copyright (c) 2011 Metropolitan Transportation Authority
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

ul.routeList li {
    width: 45%;
    display: inline-block;
    vertical-align: bottom;
    margin: 5px 10px 10px 10px;
    color: #000;
}
#routes {
    font-size: 16px;
}
#routes .routeList .description {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
}
#routes .routeList .name {
    margin-bottom: 5px;
    font-weight: bold;
    cursor: pointer;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
#routes .routeList .name a {
    text-decoration: none;
    color: #000;
}

/*
    Additions to provide Schedules display integrated from original OBA code
    Taken from /onebusaway-application-modules/onebusaway-webapp/src/main/webapp/WEB-INF/css/where-standard-schedule.css
 */
#stopSchedulePanel {
	text-align: left;
	margin-left: 10px;
}

#stopSchedulePanel>table {
	border-collapse: collapse;
}

#stopSchedulePanel>table>tbody>tr>td {
	vertical-align: top;
	text-align: center;
}

.stopScheduleStop {
	padding-top: 10px;
	padding-left: 30px;
}

.stopScheduleStopInfo {
	display: block;
	cursor: pointer;
	margin-bottom: 20px;
}

.stopScheduleStopAddress {
	font-weight: bold;
	font-size: 30px;
}

.stopScheduleStopNumber {
	font-weight: bold;
	font-size: 16px;
}

.stopScheduleDate {
	margin-bottom: 20px;
}

.stopScheduleDate > span {
	font-weight: bold;
	color: green;
}

.stopScheduleStopInfo a:link {
	color: black;
}

.stopScheduleStopInfo a:visited {
	color: black;
}

.stopScheduleRouteEntry {
	margin-top: 2em;
}

.stopScheduleRouteHeader {
	border-bottom: 1px solid black;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
}

table.stopScheduleTable {
  margin-top: 1em;
  width: 100%;
}

table.stopScheduleTable > thead > tr {
  background-color: #6d6e72;
}

table.stopScheduleTable > thead > tr > td {
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 5px;
}

table.stopScheduleTable tr.even {
  background-color: #e0e1e3;
}

table.stopScheduleTable tr.odd {
  background-color: #f1f1f1;
}

table.stopScheduleNonFrequencyTable > tbody > tr > td {
  padding: 5px 5px 5px 5px;
}

table.stopScheduleNonFrequencyTable td.am_pm_header {
  width: 2em;
}

table.stopScheduleNonFrequencyTable td.hour_header {
  width: 2em;
}

table.stopScheduleNonFrequencyTable td.minute_header {
  text-align: left;
}

table.stopScheduleNonFrequencyTable td.am_pm_label {
  color:green;
  font-weight:bold;
}

.stopScheduleNonFrequencyTable .highlightedTrip {
	background-color: #ffaaaa;
}

table.stopScheduleFrequencyTable > tbody > tr > td {
  text-align: center;
  padding: 5px 2em 5px 2em;
}

table.stopScheduleFrequencyTable td.startTime {
  vertical-align: top;
}

table.stopScheduleFrequencyTable span.frequency {
  font-weight: bold;
}

.stopScheduleHoursKey {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

.stopScheduleMinutes {
	margin-right: 10px;
	padding: 2px;
}

.stopScheduleStop {
	text-align: left;
}

.stopScheduleStop p {
	margin-top: 1em;
}

.stopScheduleNearbyStops>div.header {
	font-weight: bold;
	margin-bottom: 10px;
}

.stopScheduleCalendars {
	margin-top: 10px;
	width: 310px;
	padding: 10px;
	border: 2px solid gray;
	width: 200px;
	padding: 5px;
}

.stopScheduleCalendars > table {
  margin-left: auto;
  margin-right: auto;
}

.stopScheduleCalendars>table>tbody>tr>td {
	vertical-align: top;
	text-align: center;
	padding: 5px;
}

.stopScheduleCalendarsHeader {
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: 10pt;
}

.stopScheduleCalendar {
	font-size: 10pt;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}

.stopScheduleCalendar>table {
	font-size: 10pt;
	text-align: center;
}

.stopScheduleCalendar td {
	text-align: center;
	padding: 1px;
}

.stopScheduleCalendarHeader {
	font-weight: bold;
}

.calendarGroup1 {
	background-color: white;
}

.calendarGroup2 {
	background-color: #BFFFBF;
}

.calendarGroup3 {
	background-color: #BFE4FF;
}

.calendarGroup4 {
	background-color: #FFDFBF;
}

.calendarGroup5 {
	background-color: #FFBFBF;
}

.calendarGroup6 {
	background-color: #80C9FF;
}

.calendarGroup7 {
	background-color: #80FF80;
}

.calendarGroup8 {
	background-color: #FFC080;
}

.calendarGroup9 {
	background-color: #FF8080;
}

.calendarGroup10 {
	background-color: #FFBFBF;
}

.calendarGroup11 {
	background-color: #FFBFBF;
}

.calendarGroup12 {
	background-color: #FFBFBF;
}