/* Hafas stationboardticker redesign */
/* hfs_liveticker.css */
body {
  background-color:#ffffff;
  font-family:arial,helvetica,verdana;
  font-size:12px;
  padding:0px;
  margin:0px;
  }
a.hfsErrLnk {color:#ffffff;}
a.hfsQueryLink {
  color:#ffffff;
  }
#data  {
  width:100%;
  border:1px solid #092846;
  }
#data th {
  padding:4px;
  background-color:#3a6184;
  color:#ffffff;
  text-align:left;
  font-size:12px;
  border-bottom:1px solid #193c5c;
  }
#data td {
  padding:4px 8px 4px 4px;
  font-size:12px;
  }
#data td a {text-decoration:none;color:#900;}
#data tr.c1 td {background-color:#f9fcfe;}
#data tr.c0 td {background-color:#e4edf5;}

#logo,#station,#content,#footer {
  margin:0;
  padding:0pt;
  width:270px;
  }
#logo {height:46px;}
#station {height:42px;}
#content {
  background-color:#ffffff;
  }

#treload {position:relative;top:10px;}

#footer {height:11px;}
#stblink a {text-decoration:none;color:#900;}
#data td img{vertical-align:middle;margin-right:3px;}
#menu {padding:0px 5px 0px 5px;font-weight:bold;color:#ffffff;position:relative;top:14px;}
#menuHolder {
  width:230px;
  z-index:200;
  border:solid 2px #EFBD00;
  background-color:#ffffff;
  position:absolute;
  left:20px;
  top:20px;
  padding:6px;
  display:none;
  }
#menuHolder div {
  padding:0px 5px 0px 0px;
  margin-bottom:3px;
  }
#menuButtons {
  padding-top:5px;
  clear:both;
  }
#oti {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  filter:Alpha(opacity=75);
  -moz-opacity:0.75;
  background-color:#fff;
  width:100%;
  height:100%;
  z-index:100;
  }

/* styles for location suggestion */
#suggestion {
  position: absolute;
  max-height: 150px;
  min-width: 180px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid black;
  z-index:220;
  }
#suggestion div {
  white-space:nowrap;
  }
#suggestion .selected {
  background-color:#ECBD00;
  color:#000;
  }

#menuHolder #stationInput1 {float:left;width:90px;padding-top:8px;}
#menuHolder #stationInput2 {float:left;height:21px;vertical-align:bottom;}
#menuHolder #hafasStation {width:120px;}

#menuHolder #directionInput1 {float:left;width:90px;padding-top:8px;}
#menuHolder #directionInput2 {float:left;height:21px;vertical-align:bottom;}
#menuHolder #hafasDirection {width:120px;}

#menuHolder #journeyNumber1 {float:left;width:150px;padding-top:8px;}
#menuHolder #journeyNumber2 {float:left;}

#menuHolder #addTimeInput1 {float:left;width:150px;padding-top:8px;}
#menuHolder #addTimeInput2 {float:left;}
#menuHolder #addTime {width:25px;}

#data td.time div {width:26px;padding:1px 6px 1px 1px;white-space:nowrap;}
#data td.mot  div {width:60px;padding:1px 6px 1px 1px;white-space:nowrap;}
#data td.dir  div {width:112px;padding:1px 6px 1px 1px;white-space:nowrap;}