#mapBox_out{border:0px;background-color:#5e58c9}
#mapBox{border-bottom:2px solid #5e58c9;border-right:0px}

/* style dla chmurek wyświetlanych przez przystanki */
.infoWindow{background:#ffffff/*biały*/;margin:0px;padding:0px;}
.infoWindow tr td {color:#ff0000/*czerwony*/;font-family:Arial;}
.infoWindow .num { color:#0000ff/*niebieski*/; font-size:  8pt; margin:1pt;}

.hoverUl {margin: 0; z-index:99;	padding: 0;	list-style: none; display:inline-block;}
.hoverUl li {float:left}
.hoverUl li ul{padding:0px;margin-top:-5px;display:none}
.hoverUl li:hover ul{position: absolute;display: block;padding:0px;z-index:99;left:20px;margin-top:20px}
.hoverUl li ul li{list-style:none;margin-top:-3px;margin-bottom:-3px;float:none;}

/*styl linii wyświetlanej w chmurce (w tej kolory chwili ustalany w configu)*/
.routeBox{width:35px;display:inline-block;}
.routeBus,.routeTrol,.routeTram{margin:1px;padding:1px;text-decoration:none;text-align:center;font-weight:bold; font-size:12px; font-family:Arial;}
.routeBus,.routeTrol,.routeTram{}
.routeBus{ color:#ffffff; border-color:#006699; background-color:#006699}
.routeTrol{color:#ffffff; border-color:#cc3333; background-color:#cc3333}
.routeTram{color:#ffffff; border-color:#cc3333; background-color:#cc3333}
.routeBus:hover, .routeBus.selected {color:#ffffff; border-color:#006699; background-color:#006699}
.routeTrol:hover,.routeTrol.selected{color:#ffffff; border-color:#cc3333; background-color:#cc3333}
.routeTram:hover,.routeTram.selected{color:#ffffff; border-color:#cc3333; background-color:#cc3333}


.progress{background:#5e58c9;color:white; padding:10px;font-family:Tahoma;text-align:center;width:400px;height:20px;  }
.clientButton{background:#5e58c9;}
 /* Prawe menu - SIDEBAR   */
.sidebar{padding:0px;margin:0px; position:relative; color:white; float:left; font-family:Tahoma; font-size:small;background-color:#5e58c9}
.sidebarContainer{padding:0px;margin:0px; overflow:hidden;}
.mapContainer{float:right}
.sidebarButton{position:absolute;width:25px;height:20px;cursor:pointer}
.sidebarLeftShadow{height:100%;width:7px;margin:0px;padding:0px;float:left;background-image:url('../../img/klient_layout/sborder_left.png')}

.sidebar .options{border:1px solid white; border-style:solid; width:246px; margin:10px;padding:6px; padding-top:0px; background:transparent url('../../img/klient_layout/ui-bg_transparent.png') 0px 0px;  }
.sidebar .logo,.sidebar .logo-pl,.sidebar .logo-en,.sidebar .logo-li{margin:0px; height:75px;}
.sidebar .logo-pl{background:transparent url(../../img/klient_layout/logo_pl.png) 0px 0px; background-repeat:no-repeat;}
.sidebar .logo-en{background:transparent url(../../img/klient_layout/logo_en.png) 0px 0px; background-repeat:no-repeat;}
.sidebar .logo-li{background:transparent url(../../img/klient_layout/logo_li.png) 0px 0px; background-repeat:no-repeat;}

.sidebar .lang{margin:10px; margin-top:4px;margin-bottom:0px;}

.ui-input {border:1px solid #B6B7C6;margin:1px; background-color:#AEB5FF;}
.ui-input:hover{border:1px solid orange;background-color:#fff;}
.ui-input option{ padding-left:5px;}
.ui-input-loading{ background-image:url('../../img/ajax_loader_3.gif'); background-position:right; background-repeat:no-repeat;}

.sidebar .options ul{margin:12px;padding:2px;}
.sidebar a:link,.sidebar a:link hover,.sidebar a:visited{color:white;text-decoration:none;font-family:Tahoma;font-size:small;font-weight:bold;}
.sidebar a:link:hover{text-decoration:underline;}
.sidebar h2{background-color:white;color:blue; font-size:small; font-family:Verdana; text-align:left; padding:2px; padding-left:25px;height:18px;background-image:url(../../img/klient_layout/option_header.png)}
   
/* styl określający kolor wierszy wyświetlających linie w prawym menu aplikacji */
.rlist0 {font-size:10px; background: transparent url(../../img/klient_layout/ui-bg_gradient.png) 0px 0px; background-repeat:no-repeat; }
.rlist0:hover {background: transparent url(../../img/klient_layout/ui-bg_gradient.png) -280px 0px; background-repeat:no-repeat;}
.rlist0_s {font-size:10px;background: transparent url(../../img/klient_layout/ui-bg_gradient.png) -280px 0px; background-repeat:no-repeat;}
.rlist1 {font-size:10px; background: transparent url(../../img/klient_layout/ui-bg_gradient.png) -560px 0px; background-repeat:no-repeat;}
.rlist1_s {font-size:10px;background: transparent url(../../img/klient_layout/ui-bg_gradient.png) -840px 0px; background-repeat:no-repeat;}
.rlist1:hover {background: transparent url(../../img/klient_layout/ui-bg_gradient.png) -840px 0px; background-repeat:no-repeat;}
  

/* styl określający wygląd przycisków do wyboru lini w zakładce POJAZDY -> częśc styli określona jest w pliku Vehicle.js */
span.vehicle { display:inline-block; width:34px;height:16px;  list-style:none; vertical-align:middle; padding-top:9px; padding-bottom:9px; text-align:center;cursor:pointer; font-weight:bold}	

/*styl określający etykiety przystanków (nr numer) i ewentualnie etykiety pojazdów i menu kontekstowe na mapie -> kolory ustalane są w pliku VehicleColors.css*/
.markerLabel, .markerZoomLabel,.contextMenu,.vehicleLabelPosType_0,.vehicleLabelPosType_1,
.vehicleLabel,.vehicleLabelNb,.vehicleLabelDm,.vehicleLabelVar,.vehicleLabelKr,.vehicleLabelVar_m2,.vehicleLabelVar_20,.vehicleLabelVar_00,.vehicleLabelVar_01,.vehicleLabelVar_p1
{background:#372DBF; color:white;text-align:center; border:1px solid white; padding: 0px 2px 0px 2px; font-size:small; font-family:Tahoma; font-weight:bold;}
.contextMenu{ background:transparent;}

a:link img{border: 0px;} 

/*nr lini*/
.vehicleLabel{background:#0066CC;font-size:11px;width:auto;}
.vehicleLabelVar,.vehicleLabelKr,.vehicleLabelVar_m2,.vehicleLabelVar_20,.vehicleLabelVar_00,.vehicleLabelVar_01,.vehicleLabelVar_p1,.vehicleLabelCzynn{width:60px;font-size:11px}
.vehicleLabelKr{width:auto;font-size:11px;background:gray; padding-left:4px;padding-right:4px}
.vehicleLabelNb{width:30px; font-size:11px;background-color:#D8B000}
.vehicleLabelDm_0,.vehicleLabelDm_1{width:15px;font-size:11px}
.vehicleLabelCzynn{width:auto;font-size:11px;background:gray; padding-left:4px;padding-right:4px}
.vehicleLabelAlert_0{width:70px; background:transparent;border:6px solid #5A99FF;}
.vehicleLabelAlert_1{width:70px; background:transparent;border:6px solid red;}
.vehicleLabelAlert_2{width:70px; background:transparent;border:6px solid green;}
.vehicleLabelBg{width:100px;border:10px solid green;background:transparent;opacity:0.7 }

.vehicleLabelPosType_0{width:10px;font-size:11px;background:blue}
.vehicleLabelPosType_1{width:10px;font-size:11px;background:red}
.markerZoomLabel{background:#606DE0; font-size:10px;}

.EWindowVar,.EWindowVar_p0,.EWindowVar_p1,.EWindowVar_p2,.EWindowVar_m1,.EWindowVar_m2 {width:100px;height:20px; text-align:center; background:#ffffff; position:absolute; font-size:10px; font-family:Verdana;/*FF*/ opacity: 0.9;/*IE*/filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
/* styl określający tabliczkę dla pojazdu */
.EWindow {border:2px solid  #cf1319;width:200px; font-size:10px; color:white; font-family:Verdana;/*FF*/ opacity: 1.0;/*IE*/filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); background-color:#372DBF;}
.EWindow table.schedules{width:100%; margin:0px;border:1px solid #000033; vertical-align:top}
.EWindow table.schedules th{ background-color:#000033;vertical-align:top}

.pointer{cursor:pointer;}
.watermark{color: #999 !important;}
.button-search-pl,.button-search-pl:hover,.button-search-en,.button-search-en:hover{cursor:pointer; display:inline-block;width:120px;height:26px;border:0px;}
.button-search-pl{background:transparent url(../../img/klient_layout/buttons_search_pl.png) 0px 0px;}
.button-search-pl:hover{background:transparent url(../../img/klient_layout/buttons_search_pl.png) 0px 26px;}
.button-search-en{background:transparent url(../../img/klient_layout/buttons_search_en.png) 0px 0px;}
.button-search-en:hover{background:transparent url(../../img/klient_layout/buttons_search_en.png) 0px 26px;}
.button-eye,.button-arrow{background:transparent url(../../img/klient_layout/button_eye.png) 0px 0px;width:26px;height:20px;cursor:pointer;border:0px;}
.button-eye:hover{background:transparent url(../../img/klient_layout/button_eye.png) 26px 20px;}
.button-arrow{background:transparent url(../../img/klient_layout/button_arrow.png) 0px 0px;}
.button-arrow:hover{background:transparent url(../../img/klient_layout/button_arrow.png) 26px 20px;}
.button-conn-pl,.button-conn-pl:hover,.button-conn-en,.button-conn-en:hover{border:0px;width:120px;height:20px;cursor:pointer;}
.button-conn-pl{background:transparent url(../../img/klient_layout/buttons_conn_pl.png) 0px 0px;}
.button-conn-en{background:transparent url(../../img/klient_layout/buttons_conn_en.png) 0px 0px;}
.button-conn-pl:hover{background:transparent url(../../img/klient_layout/buttons_conn_pl.png) 0px 20px;}
.button-conn-en:hover{background:transparent url(../../img/klient_layout/buttons_conn_en.png) 0px 20px;}
.button-help-pl,.button-help-pl:hover,.button-help-en,.button-help-en:hover,.button-help-li,.button-help-hover{border:0px;width:120px;height:20px;cursor:pointer;}
.button-help-pl{background:transparent url(../../img/klient_layout/buttons_help_pl.png) 0px 0px;}
.button-help-en{background:transparent url(../../img/klient_layout/buttons_help_en.png) 0px 0px;}
.button-help-li{background:transparent url(../../img/klient_layout/buttons_help_li.png) 0px 0px;}
.button-help-pl:hover{background:transparent url(../../img/klient_layout/buttons_help_pl.png) 0px 20px;}
.button-help-en:hover{background:transparent url(../../img/klient_layout/buttons_help_en.png) 0px 20px;}
.button-help-li:hover{background:transparent url(../../img/klient_layout/buttons_help_li.png) 0px 20px;}
.carrow,.cbus,.cwolk,.ctrol,.ctram{display:inline-block;background-image:url(../../img/bus/bus_simple.png);background-position: right;background-repeat:no-repeat;padding:2px;padding-right:20px;padding-top:4px;text-align:right;height:18px;font-size:14px;margin:0px;vertical-align:middle;}
.ctrol{background-image:url(../../img/trolej/trolej_simple.png);}
.ctram{background-image:url(../../img/tram/tram_simple.png);}
.carrow {background-image:url(../../img/klient_layout/direction_right.png);}
.cwolk{background-image:url(../../img/klient_layout/pedestriancrossing_simple.png);}
.ctoggle {width:16px;height:16px;}
.ctoggle.collapsed{background-image:url(../../img/klient_layout/bullet_toggle_plus.png);}
.ctoggle.expanded{background-image:url(../../img/klient_layout/bullet_toggle_minus.png);}
.cFast{background-image:url(../../img/klient_layout/arrow_up.png);background-position:left;background-repeat:no-repeat;color:Red;}
.cSlow{background-image:url(../../img/klient_layout/arrow_down.png);background-position:left;background-repeat:no-repeat;color:Green;}
.cFastSlow{background-image:url(../../img/klient_layout/arrow_up_down.png);background-position:left;background-repeat:no-repeat;color:Green;}
.cvehicleLabel{background:transparent;color:#ffffff;font-size:11px;font-family:Tahoma; font-weight:bold;}
.cOptionHeader{background:#dc5054;border-color:#cf3434;border-style:solid;}
.cOptionHeader:hover{background:#ffffff;color:#cf3434;}
.cTrackHeader,.cTrackHeader-pl,.cTrackHeader-en{ background: transparent url(../../img/klient_layout/ctrack_header_pl.png) 50% 50%; color: #ffffff; font-weight: bold;height:26px;margin-top:-26px;margin-left:20px;width:125px;text-align:center;vertical-align:middle;z-index:999;}
.cTrackHeader-pl{ background: transparent url(../../img/klient_layout/ctrack_header_pl.png) 50% 50%;}
.cTrackHeader-en{ background: transparent url(../../img/klient_layout/ctrack_header_en.png) 50% 50%;}
.ui-bg_gloss{background: #d3282d url(../../img/klient_layout/ui-bg_gloss.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;}
.ui-bg_big_gloss_vert{background: transparent url(../../img/klient_layout/sidebar_bg.png) 0px 0px ; color: #ffffff; font-weight: bold;background-repeat:no-repeat;margin-top:-5px;z-index:1;}
.ui-bg_big_gloss{ background: #d3282d url(../../img/klient_layout/ui-bg_big_gloss.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;}
.ui-corner-all,.ui-corner-top, .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all,.ui-corner-top, .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all,.ui-corner-bottom, .ui-corner-left { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all,.ui-corner-bottom, .ui-corner-right { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }