.route_spacer   {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.route_no   {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.route_no:hover {background-color: #DDDDFF; cursor: pointer}
.route_no_link  {text-decoration: none}
.route_no_link:hover {text-decoration: underline}

.stop_name  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.stop_name:hover {background-color: #DDDDFF; cursor: pointer}
.stop_link  {text-decoration: none}
.stop_link:hover {text-decoration: underline; background-color: #DDDDFF}

.route_code  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.bus_stop    {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.times       {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.time_cells  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.times_first {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.times_last  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.times_head       {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.times_head_first {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.times_head_last  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.note_head   {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.note_key    {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.note_value  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.t_note_head   {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.t_note_key    {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.t_note_value  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}

.search_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.direct_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.direct_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.direct_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.timetable_return {font-family: helvetica, arial, sans-serif; font-size: 0.95em; text-decoration: none}
.timetable_return:hover {text-decoration: underline}
.return_route_bg {border: 1px dashed #0000AA;}
.return_route_bg:hover {background-color: #EEEEFF; cursor: pointer;}
#return_route_layer:hover {background-color: #EEEEFF; cursor: pointer;}

.loc_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.loc_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.loc_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.map_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.map_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.map_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.via_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.via_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.via_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.time_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.time_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.time_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.bus_route_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.bus_route_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.bus_route_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.tableau_tab_on  {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.tableau_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.tableau_heading {font-family: helvetica, arial, sans-serif; font-size: 0.95em}

.search_results {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_from_loc {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_from_loc:hover {background-color: #FFDDDD; cursor: pointer}
.search_to_loc {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_to_loc:hover {background-color: #FFDDDD; cursor: pointer}
.search_route {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_route:hover {background-color: #FFDDDD; cursor: pointer}
.search_from_stop {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_from_stop:hover {background-color: #FFDDDD; cursor: pointer}
.search_to_stop {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.search_to_stop:hover {background-color: #FFDDDD; cursor: pointer}

.search_link {text-decoration: none; color: #880000}
.search_link:hover {text-decoration: underline; color: #FF0000}

.results {
	border-top: 1px solid #AA4444;
	border-bottom: 3px double #AA4444;
	font-family: helvetica, arial, sans-serif; 
	font-size: 1.0em;
}
.route_number {font-family: helvetica, arial, sans-serif; font-size: 1.1em}
.route_link {text-decoration: none; color: #880000}
.route_link:hover {text-decoration: none; color: #FF0000}

.route_table {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.route_row:hover {background-color: #FFF0D0; cursor: pointer}
.route_name_link {text-decoration: none}
.route_name_link:hover {text-decoration: underline}

.route_plan_table {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.route_plan_row:hover {background-color: #DDFFDD; cursor: pointer}
.route_plan_link {text-decoration: none}
.route_plan_link:hover {text-decoration: underline}

.timetable, .timetable_stops {

	border-collapse: collapse;
}

.time-block {

	width: 500px;
	overflow-x: auto; 
	overflow-y: hidden; 
	overflow: auto; 
	display: block;
	padding-bottom: 15px; 
}

/* Hidden from Internet Explorer -- IE will put the horizontal scrollbar inside the bottom row of the timetable with height: 100%; however Mozilla will sometimes get the height wrong without it. */
html>body .time-block {

	padding-bottom: 0px; 
	height: 100%;
}

th.bus_stop {

	border-top:    1px solid  #BBBB88;
	border-bottom: 3px double #BBBB88;
	border-right:  3px double #BBBB88;
	border-left:   none;
}

td.bus_stop {

	border-top:    1px dashed #BBBB88;
	border-bottom: 1px dashed #BBBB88;
	border-left:   none;
	border-right:  3px double #BBBB88;
}

th.times_head, td.times_head {

	padding-left:  5px;
	padding-right: 5px;
	border-top:    1px solid  #BBBB88;
	border-bottom: 3px double #BBBB88;
	border-right:  1px dashed #BBBB88;
	border-left:   1px dashed #BBBB88;
}

td.times {

	border: 1px dashed #BBBB88;
	padding-left:  5px;
	padding-right: 5px;
}

td.times_first {

	border: 1px dashed #BBBB88;
	padding-left:  5px;
	padding-right: 5px;
	border-left:   none;
}

th.times_head_first, td.times_head_first {

	padding-left:  5px;
	padding-right: 5px;
	border-top:    1px solid  #BBBB88;
	border-bottom: 3px double #BBBB88;
	border-right:  1px dashed #BBBB88;
	border-left:   none;
}

td.times_last {

	padding-left:  5px;
	padding-right: 5px;
	border-top:    1px dashed #BBBB88;
	border-bottom: 1px dashed #BBBB88;
	border-left:   1px dashed #BBBB88;
	border-right:  none;
}

th.times_head_last, td.times_head_last {

	padding-left:  5px;
	padding-right: 5px;
	border-top:    1px solid  #BBBB88;
	border-bottom: 3px double #BBBB88;
	border-right:  none;
	border-left:   1px dashed #BBBB88;
}

th.note_head {

	border-left:   none;
	border-right:  none;
	border-top:    1px solid  #BBBB88;
	border-bottom: 3px double #BBBB88;
}

td.note_key {

	padding-left:  10px;
	padding-right: 10px;
	border-left:   none;
	border-top:    1px dashed #BBBB88;
	border-bottom: 1px dashed #BBBB88;
	border-right:  3px double #BBBB88;
}

td.note_value {

	padding-left:  5px;
	padding-right: 5px;
	border-right:  none;
	border-top:    1px dashed #BBBB88;
	border-bottom: 1px dashed #BBBB88;
	border-left:   3px double #BBBB88;
}







.timetable_block {

	border-collapse: collapse;
}

td.stop_name {

	border-top:    1px dashed #666699;
	border-bottom: 1px dashed #666699;
	border-right:  3px double #666699;
	border-left:   none;
}

td.route_spacer {

	border-top:    1px solid  #666699;
	border-bottom: 1px solid  #666699;
	border-right:  3px double #666699;
	border-left:   none;
}

td.route_no, td.route_code {

	border-top:    1px solid  #666699;
	border-bottom: 1px solid  #666699;
	border-right:  1px dashed #666699;
	border-left:   1px dashed #666699;
}

td.time_cells {

	border-top:    1px dashed #666699;
	border-bottom: 1px dashed #666699;
	border-right:  1px dashed #666699;
	border-left:   1px dashed #666699;
}

th.t_note_head {

	border-left:   none;
	border-right:  none;
	border-top:    1px solid  #666699;
	border-bottom: 3px double #666699;
}

td.t_note_key {

	padding-left:  10px;
	padding-right: 10px;
	border-left:   none;
	border-top:    1px dashed #666699;
	border-bottom: 1px dashed #666699;
	border-right:  3px double #666699;
}

td.t_note_value {

	padding-left:  5px;
	padding-right: 5px;
	border-right:  none;
	border-top:    1px dashed #666699;
	border-bottom: 1px dashed #666699;
	border-left:   3px double #666699;
}

#bus_calendar {
	margin: 10px auto 10px auto;
}

#bus_calendar h2 {
	border: 1px solid #888888;
	font-size: 1em;
	background-color: #BBDDBB;
	text-align: center;
	padding: 3px;
}

table.month {
	float: left;
	margin: 5px 5px;
	font-size: 0.8em;
	border-collapse: collapse;
	border: 1px solid #888888;
}

table.month th {
	text-align: center;
	border: 1px solid #888888;
	font-weight: bold;
	background-color: #BBDDBB;
}

table.month tr.days td {
	font-weight: bold;
	background-color: #DDFFDD;
}

table.month td {
	text-align: center;
	width: 1.5em;
	border: 1px solid #888888;
	background-color: #F0FFF0;
}

table.month td.N {

}

table.month td.P, table.month td.A, span.cc_P, span.cc_A {
	background-color: #FFFF66;
}

table.month td.R, table.month td.B, span.cc_R, span.cc_B {
	background-color: #FF66FF;
}

table.month td.S, table.month td.C, span.cc_S, span.cc_C {
	background-color: #66FFFF;
}

table.month td.T, table.month td.D, span.cc_T, span.cc_D {
	background-color: #FFCC88;
}

table.month td.U, table.month td.F, span.cc_U, span.cc_F {
	background-color: #FF8888;
}

table.month td.G, span.cc_G {
	background-color: #8888FF;
}

table.month td.H, span.cc_H {
	background-color: #88FF88;
}