#mapBox{border:20px solid #5e58c9;}

/* style dla chmurek wyświetlanych przez przystanki */

.infoWindow{background:#ffffff/*biały*/;margin:0px;padding:0px;border-bottom:1px solid black; }
.infoWindow tr td {color:#ff0000/*czerwony*/;font-family:Arial;}
.infoWindow h2 { color:#0000ff/*niebieski*/; font-size:  12pt; margin:1pt;}

ul.infoWindow {	behavior:url('../htc/csshover.htc')/*png fix dla IE6*/;margin: 0;	padding: 0;	list-style: none;}
ul.infoWindow li {float:left;}
ul.infoWindow li ul{position: absolute;	display: none;padding:0px;margin-top: -5px;}
ul.infoWindow li:hover ul{display: block;padding:0px;margin-left:-4px;z-index:1;}
ul.infoWindow li ul li{behavior:url('../htc/csshover.htc');list-style:none;margin-top:-3px;margin-bottom:-3px;float:none;position:relative;}

/*styl linii wyświetlanej w chmurce (w tej kolory chwili ustalany w configu)*/
.route, .routeIw,.routeBus,.routeTrol,.routeTram{color:green;display :inline-block;margin: 1px;text-decoration: none;text-align:center;background: yellow; font-weight:bold; font-size:12px; font-family:Arial; border: 1pt solid red;width: 23pt;}
.routeIw,.routeIw:hover,.routeBus,.routeTrol,.routeTram{cursor:pointer;}
.routeIw:hover{background-color:red; color:white; font-weight:bold;}		
.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{ color:#ffffff; border-color:#006699; background-color:#006699}
.routeTrol:hover{color:#ffffff; border-color:#cc3333; background-color:#cc3333}
.routeTram:hover{color:#ffffff; border-color:#cc3333; background-color:#cc3333}

      
table.owal_box{width:250px;border-collapse:collapse;border-spacing: 0px;background:#ff0000;padding:4px;margin:4px;}
table.owal_box tr td{padding:0px;}
table.owal_box td.left_top{background-image:url('../img/left_top.png');background-repeat:no-repeat;background-position:left; width:20px;height:20px;}
table.owal_box td.right_top{background-image:url('../img/right_top.png');background-repeat:no-repeat;background-position:right; width:20px;height:20px;}
table.owal_box td.right{border-right:1px solid #c9c9c9;background:white;}
table.owal_box td.left{border-left:1px solid #c9c9c9;background:white;}
table.owal_box td.left_bottom{background:url('../img/left_bottom.png') no-repeat;width:20px;height:20px;}
table.owal_box td.right_bottom{background-image:url('../img/right_bottom.png');background-repeat:no-repeat;background-position:right;width:20px;height:20px;}
table.owal_box td.middle{background:white;border-top: 1px #c9c9c9;}
table.owal_box td.content{background:white;}


.progress{background:#5e58c9;color:white; padding:10px;font-family:Tahoma;text-align:center;width:400px;height:20px;  }

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

.sidebar div.grad{height:20px}
/*kolor suwaka*/
.sidebar div.grad{background:transparent}

/*
.sidebar input.text,.sidebar input.password  {background:white; margin:2px; border:1px solid black; font-size:small}
*/
.sidebar .options{border:1px solid white; width:240px; height:auto; margin:10px;padding:3px;}
.sidebar .options ul{margin:12px;padding:2px;}
.sidebar .options select,.sidebar .options input[type="password"],.sidebar .options input[type="text"]{border:1px solid #B6B7C6;margin:1px; background:#AEB5FF}
.sidebar .options select:hover{border:1px solid orange;background:#fff}
.sidebar .options select option{ padding-left:5px;}
.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{ margin:0px; background-color:white;color:blue; font-size:small; font-family:Verdana; text-align:center;margin:-3px -3px 3px -3px}


/* pionowe zakładki w prawym menu*/
.sidebarLeftTabs{height:100%;width:25px;padding:0px; margin:0px; overflow:hidden;float:left}
ul.vtabs {font-size:15px;margin:0px;padding-left:5px; 	padding-right:0px;padding-top:6px; list-style  :none;border-right:1px solid white;height:100%;background-color:#060744 }
ul.vtabs li {border:1px solid white;border-right:none; padding:10px 0 10px 0; cursor:pointer; margin-bottom:6px;text-align:center;vertical-align:middle;background-color: black; color:white; font-weight:bold;}
ul.vtabs li:hover {position:relative; background-color:#5e58c9;}
ul.vtabs a{text-decoration:none;font-weight:bold;text-align:center;color:white;}
ul.vtabs li a:active{color: black;}
ul.vtabs li.selected {position:relative;margin-right:-1px/*FF */; left:1px;background-color:#5e58c9; }
  
    
/* styl określający kolor wierszy wyświetlających linie w prawym menu aplikacji */
.rlist0 {background-color: #4942ff; font-size:10px}
.rlist1 {background-color: #4942d2; font-size:10px}
.rlist0_s {background-color: orange; font-size:10px}
.rlist1_s {background-color: orange; font-size:10px}
.rlist0:hover {background-color: blue;}
.rlist1:hover {background-color: blue;}
  

/* 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;}
/*nr lini*/
.vehicleLabel{background:#0066CC;font-size:11px;width:auto;}
.vehicleLabelVar,.vehicleLabelKr,.vehicleLabelVar_m2,.vehicleLabelVar_20,.vehicleLabelVar_00,.vehicleLabelVar_01,.vehicleLabelVar_p1{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}
.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}

.cnrInfo{width:170px;}
.cnrInfo td{padding: 0px 2px 0px 2px; text-align:left}
.cnrInfo label{font-size:11px;font-family:Arial; text-align:left}


.cnrInfo input[type='text']{font-size:10px;border:1px solid #aaa;}
.cnrInfo .small,.small_0,.small_1,.small_00,.small_01,.small_p1,.small_m2,.small_20{width:74px; background-color:#ddd;}
.cnrInfo .big,.big_p0,.big_p1,.big_p2,.big_m0,.big_m1,.big_m2 {width:158px;background-color:#ddd;}
.cnrInfo .small_0,.vehicleLabelDm_0,   .cnr_grid_0  {background-color:#1F6700;color:white; }
.cnrInfo .small_1,.vehicleLabelDm_1,   .cnr_grid_1  {background-color:#ff0000;color:white; }



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);}

.markerZoomLabel{background:#606DE0; font-size:10px;}
.contextMenu{background:#606DE0;width:90px; padding:1px; font-family:Arial; font-size:10px}
.contextMenu ul  { padding:0px; margin:0px; list-style-type:none;}
.contextMenu ul li { padding:1px; vertical-align:middle;}


/* styl określający tabliczkę dla pojazdu */
.EWindow{border:2px solid white;padding:2px;width:200px; font-size:10px; color:white; font-family:Verdana;/*FF*/ opacity: 0.9;/*IE*/filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); background-color:#372DBF;}
.EWindow h2{background-color:#060744;color:red; font-size:medium; text-align:center}
.EWindow thead{ background-color:black}
.EWindow table.schedules{width:100%; margin:0px;border:1px solid #000033; vertical-align:top}
.EWindow table.schedules th{ background-color:#000033;vertical-align:top}