.itineraries a.bubble_link:link,  .itineraries a.bubble_link:visited { text-decoration: underline; }
.itineraries a.bubble_link:hover, .itineraries a.bubble_link:active  {text-decoration: underline; }

.itineraries  #content #map { height: 400px; background: #F2EFE9; clear: left; }
.itineraries  #content #datetime { font-size: 13px; color: black; }
.itineraries  #content #datetime a { color: black; }
.itineraries  #content #datetime .light { color: gray; margin: 0 5px; }

.itineraries  #content #time_mode_swapper { font-size: 1.2em; }

.itineraries  #content #stop_points { margin: 15px 0px; }
.itineraries  #content #stop_points .pill_1 { margin-top: 19px; font-size: 16px; margin-left: 10px; }

.itineraries  #content #stop_points .stop_point { float: left; }

.itineraries  #content #stop_points .stop_point input { height: 22px; width: 270px; border: 1px solid #AAA; padding: 2px 4px; font-size: 16px; }
.itineraries  #content #stop_points .stop_point label,
.itineraries  h2.title { font-size: 16px !important; font-weight: bold; }
.itineraries  #content #stop_points .stop_point label .example { font-size: 12px; font-weight: normal; color: #aaa; }
.itineraries  a#invert { display: block; float: left; padding-top: 28px; margin: 0 5px; }
.itineraries  #content .stop_point label { display: block;}

.flash
{
  color: red;
}

/* Flash messages */
.flash ul
{
  list-style-type: none;
  border: 1px red solid;
  padding: 10px 20px;
  margin-bottom: 10px;
}

.flash ul li
{
    color:red;
    list-style-image: none;
}

/* autocomplete */

body.itineraries  #content #itinerary_form div.autocomplete {  position: absolute;  background-color: white;  border: 1px solid #999;  border-top: none; border-bottom: none; margin: 0px;  padding: 0px;  z-index: 100000;  font-size: 16px;}
body.itineraries  #content #itinerary_form div.autocomplete ul { list-style-type:none;  margin:0px;  padding:0px;}
body.itineraries  #content #itinerary_form div.autocomplete ul li.selected { background-color: #B4D8FE;}
body.itineraries  #content #itinerary_form div.autocomplete ul li { list-style-image:none;  position: relative; border-bottom: 1px solid #999; list-style-type:none;  display:block;  margin:0;  padding: 4px 35px 6px 6px;  cursor:pointer;}
body.itineraries  #content #itinerary_form div.autocomplete ul li img.picto { width: 20px; height: 20px; position: absolute; top: 4px; right: 10px; }

#content #itinerary_form .hide { display: none; }
#content #itinerary_form a img { border: 0px; }

#content #itinerary_form label .example { margin-left: 10px; }

/* search results*/

.itineraries #search_results h2.title { clear: both; margin-top: 20px; font-size: 16px !important; font-weight: bold; }
.itineraries #search_results .number_bubble    { height: 16px; width: 16px;  display: -moz-inline-block; display: inline-block; }
.itineraries #search_results #route_select_box .number_bubble   { float: left; margin-right: 12px }
.itineraries #search_results #route_select_box li {list-style-type: none;}
.itineraries #search_results h2 .number_bubble { margin-left: 6px; position: relative; top: 3px }

.itineraries #search_results .number_bubble_1  { background: transparent url('/images/itineraries/number_bubble_1.png') no-repeat top left; }
.itineraries #search_results .number_bubble_2  { background: transparent url('/images/itineraries/number_bubble_2.png') no-repeat top left; }
.itineraries #search_results .number_bubble_3  { background: transparent url('/images/itineraries/number_bubble_3.png') no-repeat top left; }
.itineraries #search_results .number_bubble_4  { background: transparent url('/images/itineraries/number_bubble_4.png') no-repeat top left; }
.itineraries #search_results .number_bubble_5  { background: transparent url('/images/itineraries/number_bubble_5.png') no-repeat top left; }
.itineraries #search_results .number_bubble_6  { background: transparent url('/images/itineraries/number_bubble_6.png') no-repeat top left; }


.itineraries #search_results #excerpt_header_names { position: relative; padding-left: 45px; height: 20px; color: #aaa; font-size: 12px; margin-top: 7px;}

.itineraries #search_results #excerpt_header_names .column_header { display: block; float: left;}
.itineraries #search_results #excerpt_header_names #departure_header,
.itineraries #search_results #excerpt_header_names #arrival_header {width: 70px;}


.itineraries #search_results #excerpt_header_names #duration_header {text-align: right; margin-right: 22px;}

.itineraries #search_results #excerpt_header_names #next_results { position: absolute; right: 0px; }

.itineraries #search_results #excerpt_header_names #next_results a { color: #333;}

.itineraries #search_results ol#route_select_box li { list-style-image: none !important; padding: 10px 5px 0px; font-size: 16px; clear: left; cursor: pointer; }

.itineraries #search_results ol#route_select_box li.selected { background-color: #CCD8E5; }
.itineraries #search_results ol#route_select_box li.hovered { background-color: #F2F5F8; }

.itineraries #search_results ol#route_select_box li div.departure_arrival_time { width: 70px; font-size: 16px; font-weight: bold; float: left }

.itineraries #search_results ol#route_select_box li div.duration { text-align: right; float: left; margin-right: 22px; width: 70px; }
.itineraries #search_results ol#route_select_box li img { margin-right: 12px; position: relative; top: -3px }

.itineraries #search_results .trip_sections { border-bottom: 1px solid #AAA; margin-bottom: 12px; margin-top: 12px; font-size: 16px; }
.itineraries #search_results .trip_sections .trip_section { padding: 10px; border-top: 1px solid #AAA; clear: both }

.itineraries #search_results .trip_sections .hovered { background-color: #F2F5F8 }

.itineraries #search_results .trip_sections .trip_section .transport_mode { float: left; }
.itineraries #search_results .trip_sections .trip_section .transport_mode strong { font-weight: normal; color: black }
.itineraries #search_results .trip_sections .trip_section .transport_mode img { display: block; float: left; position: relative; top: -2px; margin-right: 8px; }

.itineraries #search_results .trip_sections .trip_section .line_bubble { text-align: center; float: left; height: 20px; min-width: 10px; padding: 3px 7px 0 7px; font-weight: bold; color: white; font-size: 16px; position: relative; top: -2px; margin-left: 8px }

.itineraries #search_results .trip_sections .trip_section .direction { float: left; padding-left: 8px }
.itineraries #search_results .trip_sections .trip_section .departure_arrival { clear: left; padding-top: 4px; padding-left: 40px; }
.itineraries #search_results .trip_sections .trip_section .departure_arrival .stop { left: 80px; top: 10px; color: black }

.itineraries #search_results .trip_sections .trip_section .departure_arrival .stop small { font-size: 16px; float: left; display: block; width: 30px; color: #333 }
.itineraries #search_results .trip_sections .trip_section .departure_arrival .stop strong { font-size: 16px; float: left; display: block; font-weight: bold; margin-right: 11px }
.itineraries #search_results .trip_sections .trip_section .stop_map_bubble { float: right; margin-right: 12px; text-align: center; width: 22px; height: 22px; padding-top: 3px; background: transparent url('/images/itineraries/stop_map_bubble_light.png') no-repeat top left; font-size: 12px; font-weight: bold; }
.itineraries #search_results .trip_sections .trip_section.hovered .stop_map_bubble { background: transparent url('/images/itineraries/stop_map_bubble.png') no-repeat top left; }
.itineraries #search_results .trip_sections .trip_section .departure_arrival .journey { border-left: 1px solid #333; margin-left: 20px; padding-left: 6px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; }
.itineraries #search_results .trip_sections .trip_section .departure_arrival .interchange_journey { margin-left: 10px; font-size: 12px; }

.itineraries #content #itinerary_form input[type="submit"] { margin:20px 0 0 10px; }

.itineraries #itinerary_form #spinner { float: right; margin-right: 12px; }

.itineraries #itinerary_form select { padding-right: 3px; }

#marker_tooltip {  background-color: #000; border: 1px #FFFFFF solid; color: #FFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; opacity: 0.8; filter: "alpha(opacity=70)"; padding: 2px 1ex; white-space: nowrap; margin: 0; z-index: 5000; }

.itineraries .road_trip { margin-left: 50px; }
.itineraries .show_hide_road_details { float: right; font-size: 13px; margin: 5px 30px 10px 0px; }