/* hafasMap.css */
img.clickmap {
  cursor:crosshair;
  }
#popUpRect {
  cursor:crosshair;
  position:absolute;
  visibility:hidden;
  background-color:#657FFF;
  z-index:100;
  border:#000 1px solid;
  -moz-opacity:0.5;
  opacity:0.5;
  filter:alpha(opacity='50');
  }
div.contextMenu {
  border:solid 1px #003399;
  background-color:#fff;
  color:#00A6EB;
  padding:5px;
  width:200px;
  z-index:6;
  }
div.contextMenu span {
  color:#f00;
  }

/* table.hafasSliderMap                  {width:487px;margin-bottom:5px;} */
.hafasSliderMap td                       {width: 50px;height: 22px;padding: 0px; border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.hafasSliderMap td a                     {cursor:pointer;padding: 3px 15px 2px 15px; border-bottom: 1px solid #fff;}
.hafasSliderMap td.slider                {background-color:#c8c8c8;color:#fff;}
.hafasSliderMap td.slider a              {background-color:#c8c8c8;color:#fff;}
.hafasSliderMap td.slider a:hover        {color:#009;}
.hafasSliderMap td.activeslider          {background-color:#009; color:#009;}
.hafasSliderMap td.activeslider a        {background-color:#009; color:#fff;}
.hafasSliderMap td.activeslider a:hover  {color:#c8c8c8;}

/* Main map-results container */
div.mapHolder {
  border:solid 1px #CCC;
  padding:5px;
  margin-bottom:10px;
  }

/* map zoom */
span.mapCaption,
div.mapzoomCaption,
div.mapLookCaption {
  text-align:left;
  font-weight:bold;
  margin-top:0px;
  }
table.mapzoom td {
  padding:0px;
  background-color:#fbfbfb;
  }
.mapzoom {
  border-collapse:collapse;
  }
.mapzoom td.zoomin,
.mapzoom td.zoomout {
  padding:0px 3px;
  }
.mapzoom td.zoomin a,
.mapzoom td.zoomout a {
  background-color: #fbfbfb;
  }
.mapzoom td.level {
  border:1px solid #999;
  background-color:#e9e9e9;
  }
.mapzoom td.level a:hover {
  background-color:#c00;
  color:#fff;
  }
.mapzoom td {
  padding-left:2px;
  background-color:#e9e9e9;
  }
.mapzoom td a {
  display:block;
  background-color:#e9e9e9;
  color:#fff;
  }
.mapzoom td.active,
.mapzoom td.active a {
  background-color:#c00;
  color:#fff
  }

/* styles for look applications */
div.look_maptitle {
  background-color:#a7c1c5;
  color:#fff;
  text-align:center;
  border-bottom-color:#000000;
  border-bottom-width:1px;
  border-bottom-style:solid;
  font-size:12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;
  white-space: nowrap;
  }
div.look_maptitletime {
  color:#fff;
  text-align:left;
  border-bottom-color:#000000;
  font-size:12px;
  font-weight: bold;
  padding: 1px 4px 1px 0px;
  white-space: nowrap;
  }
#look_mainelem_perl {
  background-color:#FFFFFF;
  border-style:outset;
  border-color:#000000;
  border-width:1px;
  }
div.look_info {
  border-color:#000000;
  position:absolute;
  border-width:1px;
  border-style:ridge;
  }
div.look_info_title {
  background-color:#a7c1c5;
  position:relative;
  top:0px;
  left:0px;
  border-bottom-color:#000000;
  border-bottom-width:1px;
  border-bottom-style:solid;
  text-align:left;
  font-size:x-small;
  padding-left:3px;
  padding-right:3px;
  }
div.look_info_body {
  background-color:#fbfbfb;
  position:relative;
  top:0px;
  left:0px;
  text-align:left;
  font-size:x-small;
  padding-left:3px;
  padding-right:3px;
  }
div.look_names_on_map {
  background-color:#fbfbfb;
  position:absolute;
  display:inline;
  text-align:left;
  font-size:x-small;
  opacity:0.70;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }
div.look_details {
  border-color:#000000;
  position:absolute;
  width:200px;
  border-width:1px;
  border-style:ridge;
  }
div.look_details_title {
  background-color:#a7c1c5;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom-color:#000000;
  border-bottom-width:1px;
  border-bottom-style:solid;
  text-align:left;
  font-size:x-small;
  }
 span.look_details_titletext {
  position:relative;
  width:100%text-align:left;
  font-size:x-small;
  }
div.look_details_body {
  background-color:#fbfbfb;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  text-align:left;
  font-size:x-small;
  padding-left:3px;
  padding-right:3px;
  }
div.look_traintext {
  background-color:#fbfbfb;
  text-align:left;
  font-size:x-small;
  padding-left:2px;
  padding-right:2px;
  opacity:0.70;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

div.look_popup {
  border-color:#ccc;
  width:200px;
  position:absolute;
  border-width:1px;
  border-style:ridge;
  text-align:left;
  }
div.look_popup_title {
  background-color:#a7c1c5;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom-color:#ccc;
  border-bottom-width:1px;
  border-bottom-style:solid;
  text-align:left;
  font-size:x-small;
  }
div.look_popup_title_train {
  background-color:#E9E9E9;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom-color:#ccc;
  border-bottom-width:1px;
  border-bottom-style:solid;
  text-align:left;
  font-size:x-small;
  }
div.look_popup_title_stop {
  background-color:#a7c1c5;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom: solid 1px #ccc;
  text-align:left;
  font-size:x-small;
  }
div.look_popup_title_poi {
  background-color:#c5dce5;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom: solid 1px #ccc;
  text-align:left;
  font-size:x-small;
  padding:1px;
  }
span.look_popup_titletext {
  position:relative;
  width:100%text-align:left;
  font-size:x-small;
  }
div.look_popup_title_traininfo {
  background-color:#a7c1c5;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom: solid 1px #ccc;
  text-align:left;
  font-size:x-small;
  }
div.look_popup_textdiv {
  background-color:#E9E9E9;
  position:relative;
  width:100%;
  top:0px;
  left:0px;
  border-bottom: solid 1px #ccc;
  text-align:left;
  font-size:x-small;
  }

tr.title td {font-weight:bold;}
table.CMenue td {padding:1px 1px 1px 0px;}


div.CMenue {}
div.CMenue .radio {width: 30px; position: absolute; left: 0px; top: 0px;}
div.CMenue .radio div.icon_toggle {width: 11px; position: absolute; left: 0px; top: 3px;}
div.CMenue .radio div.text_main   {width: 18px; position: absolute; left: 12px; top: 0px;}
div.CMenue .icon  {width: 20px; position: absolute; left: 30px; top: 0px;}
div.CMenue .text  {width: 185px; position: absolute; left: 50px; top: 0px;}
div.CMenue .text img {margin-right:4px;vertical-align:middle;}
div.CMenue .disabled  {position: relative; width: 250px; height: 20px; display: none;}
div.CMenue .enabled  {position: relative; width: 250px; height: 20px; display: block;}
div.CMenue .mainPoi  {position: relative; width: 250px; height: 20px; display: block;}
div.CMenue .mainMot  {position: relative; width: 250px; height: 20px; display: block;}

.menuHeadline {font-weight:bold;}
.menuImgWrap  {float:left;}
.mapStopMenu, .mapPoiMenu { float:left;padding: 15px 15px 15px 0; }
.mapStopMenu    {
    /*    width:145px;  width:120px; */
    /*width:116px;*/
    width: 130px;
}
.mapPoiMenu   { /*width:396px;*/ width:385px; margin-left:55px;padding-right:0px;}
.colicon      {margin-top:2px;margin-bottom:2px;/*white-space: nowrap;*/cursor:pointer;cursor:hand;}
.mapStopMenu img, .mapPoiMenu img { vertical-align: middle; }
.poiMenuColumn  {float:left;width:190px;}
.ajaxmapdiv    { overflow:hidden; }

.livemapHint   { font-size:11px; padding:0px 0px 15px 10px; margin-right:15px}
.livemapInfoboxNoGuarantee  { font-size:11px; padding-left:3px; margin-top:10px; margin-bottom:10px;}
.infoboxClock   { /*float:right;*/ margin-right:25px;position:absolute;right:10px;top:11px; }
.delayed       { color: #ff270b; }

div.overlappingInfoBox {
    position:absolute;
    visibility:hidden;
    /*border-radius:10px;*/
    padding:0px 10px 0px 10px;
    border:1px solid #687786;
    border-top:none;
    border-bottom:none;
    background-color:white;
    z-index:2000000000;
}

div.overlappingInfoBoxTop,
div.overlappingInfoBoxBottom{
   width:395px;
   height:10px;
   position:absolute;
}
div.overlappingInfoBoxBottom{
   bottom: -10px;
   left: -1px;
}
div.overlappingInfoBoxTop{
   top: -10px;
   left: -1px;
}

div.livemapTimeoutNotice{
   background-color:#8592A1 !important;
   position:absolute;
   top:55px;
   left:15px;
   z-index:2000000;
   padding:5px;
   color: white;
   font-weight:bold;
   color:#ffffff;
}
div.overlappingInfoBoxContent{
   padding:4px 0 15px;
   background-color:#F8F8F8;
}

span#timeholder{
   color: #333;
}
.tooltipCloseAndTime img{
   cursor:pointer;
   cursor:hand;
}

div.livemapTimeoutNotice a,
div.livemapTimeoutNotice a:link,
div.livemapTimeoutNotice a:hover,
div.livemapTimeoutNotice a:active{
   color: #ffffff;
}