
#screenDiv		{ position:relative; }

.map_app		{ position:absolute; width:180px; z-index:100; background:#fff; border:1px solid #ccc;box-shadow: 0 4px 15px 0 #666666; width:183px;}

.map_app_tabs .tab	        { float:left; border:1px solid #ccc; font-size:11px; background:#eee; }
.map_app_tabs .tab:hover { background:#E76D31; color:#fff; }
.map_app_tabs .active	{ float:left; border-width:1px; border-style:solid; border-color:#ccc #ccc #fff #ccc; font-size:11px; background:#fff; }
.map_app .dragbar		{  background-color:#cc0000; color:#fff; font-weight: bold; height: 25px; text-align: left; cursor:move; padding-top:8px; font-size:12px;}
.map_app .app_content	{ padding:10px 5px; /*overflow:hidden;*/ }
.map_app .app_content .app_sep { border-top: 1px dotted #999999; margin: 8px 0; }
.map_app .label			{ font-weight:bold; font-size:11px; color:#666; }
img.product				{ width:22px; height:22px; }

#screenDiv .ajaxmapdiv	{ height:100%; width:100%; }

#HFS .map_app .jmap_buttonholder_reach img	{ float:left; margin-right:5px; border:1px solid #fff; cursor:pointer; }
#HFS .map_app .jmap_buttonholder_reach img.active { border:1px solid orange; background:orange; opacity:0.7; filter:alpha(opacity=70); }
#HFS .map_app .jmap_buttonholder_reach .update_button_disabled { display:none; }

.map_app #reachMapErrorText	{ width:auto; }

#reach_dimmer_content .greyBox { background-color: #F1F1F1; border: 4px solid #FDFDFD;  box-shadow: 0 1px 4px 0 #CCCCCC; clear: left;  margin-bottom: 10px;  margin-right: 10px; padding: 4px; }

.fullmap_menu_div			{ cursor:default; background:#fff; border:1px solid #0386A7; position:absolute; top:0px; right:0px; width:150px; display:none; }
.fullmap_menu_div h1			{ font-size:12px; font-weight:bold; color:#fff; background:#0386A7; margin:0; padding:5px; }
.fullmap_menu_div p			{ padding:5px; }
.fullmap_menu_div img.close	{ position:absolute; right:5px; top:5px; cursor:pointer; }

ul.submenuSearch li.active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    /*border-color: #B8B8B8 #B8B8B8 -moz-use-text-color;*/
    border-color:#B8B8B8;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-weight: bold;
    /*border-left:none;*/
    color:#e2002b;
}
ul.submenuSearch li#trainSearchMenuLink.active{
    border-left:none;
}
ul.submenuSearch #trainSearchMenuLink .active { border-left:1px solid #B8B8B8;border-top:1px solid #B8B8B8 !important;}
ul.submenuSearch #searchMenuLink .active {
    border-left: 1px solid #B8B8B8 !important;
    padding-right:5px;
}
ul.submenuSearch li {
    border-bottom: medium none;
    border-top:1px solid white;
    cursor: pointer;
    float: left;
    padding: 5px;
    font-weight:bold;
    padding:5px 8px;
}
ul.submenuSearch {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#app_livedep_div{ width:195px; }
table.infoBoxPearl                               { background-color:white; width:100%;}
/*#HFS table.infoBoxPearl tr.infoBoxHeadline td img.product     { border:1px solid white;}*/
table.infoBoxPearl td           {padding: 0px;}
table.infoBoxPearl td.leftTd    {padding-left:8px;padding-right:8px;}
table.infoBoxPearl th.scheduledColumn,
table.infoBoxPearl td.scheduledColumn      { width:45px;padding-left:10px;}
table.infoBoxPearl td.delay                { width:30px;padding-left:5px; padding-right: 20px}
table.infoBoxPearl td.stationColumn,
table.infoBoxPearl th.stationColumn        { width:130px;}
table.infoBoxPearl tr.infoBoxHeadline td,
table.infoBoxPearl tr.infoBoxHeadlineWhite td    { background-color:#E76D31; color:white; padding:4px;}
table.infoBoxPearl tr.infoBoxHeadlineWhite td    { background-color:white;color:black;border-left:1px solid #CDCDCD;border-right:1px solid #CDCDCD;}
table.infoBoxPearl tr.infoBoxPearlRow td.leftTd,
table.infoBoxPearl tr.infoBoxPearlRow th.leftTd         {}
table.infoBoxPearl tr.infoBoxPearlRow td.rightTd,
table.infoBoxPearl tr.infoBoxPearlRow th.rightTd         {}
table.infoBoxPearl tr.infoBoxHeadline td         {}
table.infoBoxPearl tr.infoBoxHeadline td a.linkButtonInfobox    { color:white !important; padding:0px !important; text-decoration:underline;}
table.infoBoxPearl tr.infoBoxFunctions td        {}
table.infoBoxPearl tr.infoBoxFunctions td.rightTd { border-left:none; }
table.infoBoxPearl tr.infoBoxPearlRow td.pearlColumn.leftTd,
table.infoBoxPearl tr.infoBoxPearlRow th.pearlColumn.leftTd       { width:15px !important;padding-right:0px !important;}

.livemapGeneralOverview         { margin-left:1px;height:75px;margin-top:10px;padding-left:29px; }
#app_livedep_content            { padding-left:0px;padding-right:0px; }
#trainSearchContainer,
#stationSearchContainer         { border-top:1px solid #c9c9c9; padding-left:10px; padding-top:10px;}
.separator_menu                 { margin-bottom: 10px; height: 14px; }
#trainSearchResults a.linkButton { padding-left:0px !important; }
.separatorLineInfoWindow        {  margin-top:1px;height:1px; background-color:#9a9a9a; }
table.infoBoxPearl tr td img    { vertical-align:middle; }

table.infoBoxPearl tr.infoBoxPearlRow th        { padding-top:3px; }
/*#trainSearchContainer           { background-color: #c9c9c9; }*/
.livemapInfoBoxTable td         {padding:0px;}
.livemapInfoBoxHeadline         { background-color: #CC0000;color:#fff; padding:8px; font-size:14px !important; font-weight:bold;}
.infoboxStationFrameWrap        { background-color: #fff; padding:8px; padding-bottom:0px;}
.infoboxStationSeparator        { width:100%; height:13px;background-position:center;center;background-repeat:no-repeat;background-color:#ffffff; padding-top:4px;padding-bottom:4px;}
.infoboxStationInfo             { background-color:white; text-align:right;}
.infoboxStationInfo img         { vertical-align:middle; }
#HFS .infoboxStationInfo a,
#HFS .infoboxStationInfo a:link,
#HFS .infoboxStationInfo a:hover,
#HFS .infoboxStationInfo a:visited   { font-weight:bold;text-decoration:none; font-weight:11px;}
#dimmer                         { background-color: #000000;bottom: 20px;height: 30px;margin-left: -75px;margin-top: -75px;opacity: 0.7;position: absolute;right: 20px;width: 130px;z-index: 1000; }
#dimmericon                     { bottom: 25px; color: white;font-size: 11px; margin-left: -75px;margin-top: -40px; position: absolute;right: 11px;text-align: center;width: 150px;z-index: 1001;}
#livemapAdditionRealtimeHint    { border: 1px solid #CB0A1D;left: 94px;padding: 10px;position: absolute;text-align: left;width: 160px;}
.livemapHeader                  { background-repeat:no-repeat; height:87px;background-color:#fff; }
#timer                          { font-weight:bold; }
.livemapMenuProductRow          { margin-top:3px; font-weight:bold;}
.livemapMenuCheckBoxWrap        { float:left;margin-right:8px;margin-top:6px;margin-left:6px; }
.separator_menu, .livemapGeneralOverview { background: url(../../img/livemap/shadow_background.png) no-repeat scroll 0 bottom white; }
#livemapAdditionRealtimeHint    { background:url(../../img/livemap/tooltip_trans85.png) repeat scroll 0 }

div.livemapScheduledTrainsWrap  {float:left;padding:0px;margin:0px;margin-left:28px;}
span.livemapSearchStationBtn    {cursor:pointer;cursor:hand;}
div.infoboxStationInfo          { padding-bottom:3px; }
.infoboxStationSeparator        {background-image:url(../../img/livemap/stboard_separatorline.png);background-color: #FFFFFF;background-position: center center;background-repeat: no-repeat;height: 13px;padding-bottom: 4px;padding-top: 4px;width: 100%;}
#HFS div.apptitle div           {font-size:14px;}
.productDisplayNotPossible      { background-color: #FFF3DF;border: 1px solid #B0B0B0;position:absolute;padding:4px;z-index:2000000001; width:250px;}
.livemapInfoPopup               { box-shadow:0 4px 15px 0 #666666; }

span.delayed                    {color:#CC0000;}
span.delayed_ok                 {color:#000000;}
span.ontime                     {color:#000000;}
/*.livemapInfoBoxTable td         { background-color:green;}*/

.dimmerInactivityiconRight{
    float:left;width:250px;margin-top:10px;margin-left:10px;
}
.dimmerInactivityiconLeft{
    margin-top:10px;
    cursor:pointer;
    cursor:hand;
}

#HFS #dimmerInactivity {
   background-color:#ffffff;
   color:0 4px 15px 0 #666666;
}
#HFS #dimmerInactivity, #dimmerInactivityicon{
   color:#000000;
   position:absolute;
   top:50%;
   left:680px;
   width:300px;
   height:50px;
   margin-left:-150px;
   margin-top:-75px;
   z-index:20000;
   box-shadow:0 4px 15px 0 #666666;
   background-color:#fff;
}
.livemapHintLink{
    cursor:pointer;
    cursor:hand;
}
span.livemapScheduledTrainsText{
    margin-top:8px;display:inline-block;
}
