.timetable_at_stop_searches #content .box
.stop_area_searches #content .box
{
  min-height:250px;  
  height:auto !important;  
  height:250px;
  padding-bottom: 20px;
}

.stop_area_searches #content .box
{
  margin-right: 0;
}

#results
{
  width: 460px;
  margin-left: 10px;
  padding-top: 20px;
}

#results span.stop_name
{
  text-transform: uppercase;
  margin-left: 64px;
  font-weight: bold;
  font-size: 16px;
}

#results ul
{
  margin-bottom: 20px;
}

.timetable_at_stop_searches #timetable_data td,
.timetable_at_stop_searches  #timetable_data th
{
  width: 20px;
  padding: 5px;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  text-align: center;
}
  
.timetable_at_stop_searches th
{
  color: #FFFFFF;
  background-color: #013e7f;
}

.timetable_at_stop_searches td  a:link,
.timetable_at_stop_searches td  a:visited,
.timetable_at_stop_searches td  a:hover,
.timetable_at_stop_searches td  a:active
{
  color: #FFFFFF;
}

.timetable_at_stop_searches .strong
{
  color: #EC6921;
}

.timetable_at_stop_searches td.strong a:link,
.timetable_at_stop_searches td.strong a:visited,
.timetable_at_stop_searches td.strong a:hover,
.timetable_at_stop_searches td.strong a:active
{
 color: #EC6921; 
 font-weight: bold;
}

.timetable_at_stop_searches td.odd,
.timetable_at_stop_searches .connected_lines .odd
{
  background-color: #457FBC;
}

.timetable_at_stop_searches td.even,
.timetable_at_stop_searches .connected_lines tr
{
  background-color: #286099;
  clear: right;
}



.timetable_at_stop_searches .connected_lines td
{
  width: auto;
  padding: 0;
}

.timetable_at_stop_searches .connected_lines td.line_number a
{
  padding-left: 5px
}

.timetable_at_stop_searches h3,
.stop_area_searches #content h3
{
  color: #003E7E;
  margin: 30px 0 5px;
  clear:both;
  font-size: 14px;
}

.timetable_at_stop_searches .connected_lines
{
  width: 500px;
}

.timetable_at_stop_searches .connected_lines li
{
 border-bottom: 1px solid #FFF;
}

.timetable_at_stop_searches .connected_lines a
{
  display: block;
  padding: 2px 3px;
}


/* ------ FORM ------ */
.js_enabled .stop_area_searches #content form .submit
{
  display: none;
}

.js_enabled .flash_message
{
  display: none;
}

.stop_area_searches #content #spinner
{
  position: absolute;
  top: -5px;
  right: -26px;
}

.stop_area_searches  #content form
{
  padding: 10px 0;
  margin-left: 10px;
  position: relative;
  z-index: 100;
}

.stop_area_searches #stop_area_search_user_input
{
  border:1px solid #AAAAAA;
  font-size:16px;
  height:22px;
  padding:2px 4px;
  width:270px;
}

.stop_area_searches #content form span
{
  line-height: 26px;
  display: inline;
  position: relative;
}

.stop_area_searches #content label
{
  margin-right: 8px;
  color: #003E7E;
  font-weight: bold;
}

#lines_for_station h2#station_name
{
  font-size: 16px;
  margin-bottom: 5px;
}
.stop_area_searches  #content form label
{
  display:block;
}

.stop_area_searches #content form span img,
.stop_area_searches  #content form span input
{
  vertical-align: middle;
}

.stop_area_searches #content label.with_example span
{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}

.stop_area_searches #content label.with_example
{
  color: #AAAAAA;
  font-size: 12px;
  font-weight: normal;
}

/* ------ AUTOCOMPLETE ------ */
.stop_area_searches ul.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;
  width: 278px !important;
}

.stop_area_searches ul.autocomplete li
{
  list-style-type:none;
  margin:0px;
  padding-top: 0 !important;
  padding-bottom: 1 !important ;
}

.stop_area_searches ul.autocomplete li.selected
{ 
  background-color: #B4D8FE;
}

.stop_area_searches ul.autocomplete li
{ 
  list-style-image:none;
  position: relative;
  border-bottom: 1px solid #999;
  list-style-type:none; 
  display:block;
  margin:0; 
  padding: 0 35px 2px 6px;
  cursor:pointer;
}

/* ------ LINES ------ */

#lines_for_station
{
  padding: 10px 0 20px 10px;
  position: relative;
}

#lines_for_station #line_spinner
{
  position: absolute;
  left: 10px;
  top: 50px;
}

.connected_lines
{
  width: 470px;
  margin-top: 5px;
  overflow: hidden;
}

.connected_lines li
{
  margin-bottom: 1px;
}

/* Class or ID depends on context */
.connected_lines a:link,
.connected_lines a:hover,
.connected_lines a:visited,
.connected_lines a:active
{
  padding: 3px 5px 3px 8px;
  display: block;
  clear: right;
  background-color: #D7E7F7;
  overflow: hidden;
  font-weight: bold;
  color: #000000;
}

.connected_lines a span
{
  float: right;
  width: 400px;
  font-weight: normal;
  display: inline;
}

.connected_lines a span.line_number
{
  float: left;
  width: 50px;
}

.connected_lines li a:hover
{
  background-color: #FC3;
  cursor: pointer;
}

/* ------ NON JS ------*/
.stop_area_searches #content span.guide
{
  color: #013E7F;
  font-weight: bold;
  margin: 15px 10px 0;
  display: block;
}

/* ------ TIMETABLE FORM ------*/
.timetable_at_stop_searches form.edit_timetable_at_stop_search
{
  padding: 10px 0 25px 10px;
  border-top: 1px solid #013E7F;
  border-bottom: 1px solid #013E7F;
  margin-right:15px;
  background-color: #D7E7F7;
  overflow: hidden;
  position: relative;
}
  
.timetable_at_stop_searches #content form select
{
  margin-right: 10px;
}
  
.timetable_at_stop_searches #content .directions
{
  margin: 20px 0  10px;
  overflow: hidden;

}

.timetable_at_stop_searches #content .directions label.section,
.timetable_at_stop_searches #content span.section
{
  float: left;
  margin: 15px 15px 0 0;
  display: block;
  width: 100px;
  color: #013E7F;
  font-weight: bold;
  text-align:right;
}

.timetable_at_stop_searches #content .directions ul
{
  float: left;
  padding: 15px 5px 15px 25px;
  width: 230px;
}
 
.timetable_at_stop_searches #content .directions ul#direction_outward
{
  background: transparent url(../images/horaires_arret/u_arrow.png) no-repeat left top;
} 

.timetable_at_stop_searches #content .directions ul#direction_return
{
  background: transparent url(../images/horaires_arret/d_arrow.png) no-repeat left bottom;
}

.timetable_at_stop_searches #content .directions ul li label 
{
  margin-left: 3px;
}

.timetable_at_stop_searches #content form .submit
{
  clear: both;
  position:absolute;
  right:20px;
  bottom: 15px;
  
}

.timetable_at_stop_searches #content form span label
{
  width: 100px;
  color: #003E7E;
  float: left;
  margin: 3px 15px 0 0;
  vertical-align: middle;
  font-weight: bold;
  text-align: right;
}

/* ------ TIMETABLE DATA ------*/
.timetable_at_stop_searches #content #timetable_data
{
  clear:left;
  margin-left: 10px;
  margin-bottom: 2px;
}

.timetable_at_stop_searches #content #timetable_data table
{
  margin-bottom: 2px;
}

.timetable_at_stop_searches #content .no_results,
.timetable_at_stop_searches #content .flash_message,
.stop_area_searches #content .no_results,
.stop_area_searches #content .flash_message
{
  color:#555;
  display:block;
  font-style:italic;
  font-weight:bold;
  margin:20px 0 0 10px;
}

.timetable_at_stop_searches #content .to_and_from_stop
{
  margin: 5px 0 30px;
  overflow: hidden;
  padding-left: 2px;
}

.timetable_at_stop_searches .to_and_from_stop li
{
  float: left;
  margin-right: 10px;
  font-style: italic;
  color: #003E7E;
}

.timetable_at_stop_searches .to_and_from_stop li.to a
{
  padding-left: 17px;
  background: transparent url('/images/horaires_arret/arrows.png') no-repeat 0 2px;
}

.timetable_at_stop_searches .to_and_from_stop li.to a:hover
{
  background-position: 0 -48px;
}

.timetable_at_stop_searches .to_and_from_stop li.from a
{
  padding-right: 17px;
  background: transparent url('/images/horaires_arret/arrows.png') no-repeat 100% 2px;
}

.timetable_at_stop_searches .to_and_from_stop li.from a:hover
{
  background-position: 100% -48px;
}

.timetable_at_stop_searches .to_and_from_stop li a
{
  font-style: normal;
}

.timetable_at_stop_searches .no_connected_lines
{
  color: #555;
  font-style: italic;
  margin-right:40px;
  margin-bottom: 20px;
}

/* -- PRINT-FRIENDLY VERSION -- */
.printable_content
{
  padding-left: 10px;
}

.printable dl
{
  margin: 20px 0;
  font-size: 1.2em;
  overflow: hidden;
  width: 100%;
}

.printable dt
{
  float: left;
  display: inline;
}

.printable dt
{
    width: 100px;
    clear: left;
}

.printable dd
{
  font-weight: bold;
  text-transform: uppercase;
  color: #003E7E;
}

.printable p
{
  color: #003E7E;
  margin: 10px 0 5px;
}

.printable #timetable_data td,
.printable #timetable_data th
{
    width: 30px;
    text-align: left;
}

.printable #timetable_data td span,
.destination_legend li span
{
  font-size: 0.8em;
  vertical-align: super;
}

.printable #timetable_data td span
{
  display: inline;
  color: #FFF;
}


.printable .destination_legend li
{
  margin-top: 3px;
}

/* -- JOURNEY DETAILS - DESSERTE --*/

ul.journey_details
{
  background: transparent url(/images/horaires_arret/journey_bg.png) repeat-y 55px 0;
  margin: 20px;
}

.journey_details li
{
  clear: left;
  display: block;
  margin-top: 10px;
  padding: 4px 0;
  background: transparent url(/images/horaires_arret/stop_marker.png) no-repeat 51px 50%;
  position: relative;
  width: 100%;
}

.about
{
  float: right;
}

.journey_details .time
{
  width: 40px;
  padding: 0 10px;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 0;
}

.journey_details .stop
{
  width: 250px;
  display: block;
  margin-left: 85px;
  position: relative;
  padding: 5px;
}

.journey_details .stop_details
{
  display: none;
}

.clearfix
{
  display: inline-block;
}

.clearfix:after 
{
     content: " "; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

iframe
{
  z-index: 1000;
}