body{behavior:url('../htc/csshover.htc')/*png fix dla IE6*/;}

/* layout */
.ui-layout-pane {background: #5e58c9; border: 1px solid #937EFB; padding: 10px; overflow: auto;}
.ui-layout-resizer { background: #937EFB; } 
.ui-layout-toggler { background: #2C29E0; }
.ui-layout-south {background: #2C29E0; height:20px;}
.ui-layout-north{ padding-left:100px;}
.ui-layout-center { background-color:white}


/* prawy panel */
.ui-layout-east{padding:0px;margin:0px; position:relative; color:white; float:right; font-family:Tahoma; font-size:small;background-color:#5e58c9}
.ui-layout-east a:link,.ui-layout-east a:link hover,.ui-layout-east a:visited{color:white;text-decoration:none;font-family:Times New Roman;font-size:small;font-weight:bold;}
.ui-layout-east a:link:hover{text-decoration:underline;}
.ui-layout-east input.text {background:white; margin:2px; border:1px solid black; font-size:small}
.ui-layout-east .options{ border:1px solid white; margin:10px;padding:3px;}
.ui-layout-east .options ul{margin:12px;padding:2px;}
.ui-layout-east h2{ margin:0px; background-color:white;color:blue; font-size:small; font-family:Verdana; text-align:center;margin:-3px -3px 3px -3px}
    


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

/* style dla chmurek wyświetlanych przez przystanki */
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;}
.route, .routeIw{color:green;display : block;margin: 1px;text-decoration: none;text-align:center;background: yellow;border: 1pt solid red;width: 23pt;}
.routeIw,.routeIw:hover{cursor:pointer;}
.routeIw:hover{background-color:red; color:white; font-weight:bold;}		
      
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;}


 /* 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{background-image:url('../img/top_grad.png');background-repeat:repeat-y;background-position:left; height:20px}
.sidebar a:link,.sidebar a:link hover,.sidebar a:visited{color:white;text-decoration:none;font-family:Times New Roman;font-size:small;font-weight:bold;}
.sidebar a:link:hover{text-decoration:underline;}
.sidebar input.text {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="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 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}


/* poziome zakładki */
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: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,
.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;}
.vehicleLabel{background:#0066CC;}
.vehicleLabelVar,.vehicleLabelKr,.vehicleLabelVar_m2,.vehicleLabelVar_20,.vehicleLabelVar_00,.vehicleLabelVar_01,.vehicleLabelVar_p1{width:60px;font-size:11px}
.vehicleLabelKr{width:60px;font-size:11px;background:gray}
.vehicleLabelNb{width:30px; font-size:11px;background-color:#D8B000}
.vehicleLabelDm_0,.vehicleLabelDm_1{width:15px;font-size:11px}

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


.cnrInfo input[type='text']{font-size:10px;border:1px solid #aaa;}
.cnrInfo .small,.small_0, .small_1 {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 .big_p0,.big_p1,.big_p2,.big_m0,.big_m1,.big_m2 {color:white; font-weight:bold}
*/
.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; }
.cnrInfo .big_p0, .vehicleLabelVar_p0, .cnr_grid_p0 {background-color:#68D800;color:white; }
.cnrInfo .big_p1, .vehicleLabelVar_p1, .cnr_grid_p1 {background-color:#CB9500;color:white; }
.cnrInfo .big_p2, .vehicleLabelVar_p2, .cnr_grid_p2 {background-color:#DC3B00;color:white; }
.cnrInfo .big_m0, .vehicleLabelVar_m0, .cnr_grid_m0 {background-color:#00B39C;color:white; }
.cnrInfo .big_m1, .vehicleLabelVar_m1, .cnr_grid_m1 {background-color:#0054B3;color:white; }
.cnrInfo .big_m2, .vehicleLabelVar_m2, .cnr_grid_m2 {background-color:#2100C8;color:white; }
.cnr_grid_st_1{} .cnr_grid_st_2{}
.cnr_grid_st_3{background-color:#68D800;color:white; }
.cnr_grid_st_4{}
.cnr_grid_st_5{background-color:#ff0000;color:white; }
.cnr_grid_st_6{}
.cnr_grid_al_0{}.cnr_grid_al_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}