body
{
    font-family:Verdana;
    font-size:11px;
}
#mapBox_out{background-color:#f8fafb}
#mapBox{border-bottom-width:2px; border-right-width:0px;border-left-width:0px;border-top-width:0px }


/*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:1.2em; font-family:Arial;}
.routeBus,.routeTrol,.routeTram{}
.routeBus{background-color:#3A81AE;color:#fff;border-color:#c7e0ff}
.routeTrol{background-color:#cc3333;color:#ffffff;border-color:#cc3333}
.routeTram{background-color:#cc3333;color:#ffffff;border-color:#cc3333}
.routeBus:hover,.routeBus.selected{background-color:#ff9717;color:#000000;border-color:#ff9717}
.routeTrol:hover,.routeTrol.selected{background-color:#ff9717;color:#ffffff;border-color:#ff9717}
.routeTram:hover,.routeTram.selected{background-color:#0000ff;color:#0000ff;border-color:#0000ff}


.progress{background-color:#0a78ff;color:#ffffff; padding:10px;font-family:Tahoma;text-align:center;width:400px;height:20px;  }
.clientButton{background-color:#377dc8;}
 /* Prawe menu - SIDEBAR   */
.sidebar {padding:0px;margin:0px; position:relative; float:left; font-family:Tahoma; font-size:1em;background-color:#f8fafb;}
.sidebar .options{width:260px; margin:10px;padding:6px; padding-top:0px; background:transparent url('../img/ui-bg_transparent.png') 0px 0px;  }
.sidebar .logo,.sidebar .logo-pl,.sidebar .logo-en,.sidebar .logo-de{margin:0px; height:75px;}
.sidebar .logo-pl{background:transparent url(../img/logo_pl.png) 0px 0px; background-repeat:no-repeat;}
.sidebar .logo-en{background:transparent url(../img/logo_en.png) 0px 0px; background-repeat:no-repeat;}
.sidebar .logo-de{background:transparent url(../img/logo_de.png) 0px 0px; background-repeat:no-repeat;}
.sidebar .lang{margin:10px; margin-top:4px;margin-bottom:0px;}
.sidebar h2{background-color:#8a828a;color:#fcfeff; font-size:1.1em; font-family:Verdana; text-align:left; padding:2px; padding-left:25px;height:18px;background-image:url(../img/option_header.png)}


.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/sborder_left.png')}

/*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,
.vehicleLabelVar,
.vehicleLabelNr,
.vehicleLabelCch
{text-align:center; border:1px solid white; padding: 0px 2px 0px 2px; font-size:1.1em; font-family:Tahoma; font-weight:bold;}
.vehicleLabel,.vehicleLabelVar,.vehicleLabelNr{color:#fff;}
.vehicleLabelCch{background:yellow;color:#000;}

.contextMenu{ background:transparent;}


/*nr lini*/
.vehicleLabel{background:#0066CC;font-size:11px;width:auto;}
.vehicleLabelBg{width:100px;border:10px solid green;background:transparent;opacity:0.7 }
.markerZoomLabel{background:#606DE0; font-size:10px;}

/* styl określający tabliczkę dla pojazdu */
.EWindow {border:2px solid  #377dc8;width:200px; font-size:1em; color:#000000; font-family:Verdana;/*FF*/z-index:9999;  background:#fff; }


.pointer{cursor:pointer;}
.watermark{color: #999 !important;}
.button-search-pl,.button-search-pl:hover,.button-search-en,.button-search-en:hover,.button-search-de,.button-search-de:hover{cursor:pointer; display:inline-block;width:120px;height:26px;border:0px;}
.button-search-pl{background:transparent url(../img/buttons_search_pl.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_search_pl.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover; }
.button-search-pl:hover{background:transparent url(../img/buttons_search_pl.png) 0px 26px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_search_pl.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-search-en{background:transparent url(../img/buttons_search_en.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_search_en.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-search-en:hover{background:transparent url(../img/buttons_search_en.png) 0px 26px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_search_en.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-search-de{background:transparent url(../img/buttons_search_de.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_search_de.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-search-de:hover{background:transparent url(../img/buttons_search_de.png) 0px 26px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_search_de.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-eye,.button-arrow{background:transparent url(../img/button_eye.png) 0px 0px;width:26px;height:20px;cursor:pointer;border:0px;}
.button-eye:hover{background:transparent url(../img/button_eye.png) 26px 20px;}
.button-arrow{background:transparent url(../img/button_arrow.png) 0px 0px;}
.button-arrow:hover{background:transparent url(../img/button_arrow.png) 26px 20px;}
.button-conn-pl,.button-conn-pl:hover,.button-conn-en,.button-conn-en:hover,.button-conn-de,.button-conn-de:hover{border:0px;width:120px;height:20px;cursor:pointer;}
.button-conn-pl{background:transparent url(../img/buttons_conn_pl.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_conn_pl.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-conn-pl:hover{background:transparent url(../img/buttons_conn_pl.png) 0px 20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_conn_pl.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-conn-en{background:transparent url(../img/buttons_conn_en.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_conn_en.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-conn-en:hover{background:transparent url(../img/buttons_conn_en.png) 0px 20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_conn_en.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-conn-en{background:transparent url(../img/buttons_conn_de.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_conn_de.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-conn-en:hover{background:transparent url(../img/buttons_conn_de.png) 0px 20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_conn_de.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-pl,.button-help-pl:hover,.button-help-en,.button-help-en:hover,.button-help-de,.button-help-de:hover{border:0px;width:120px;height:20px;cursor:pointer;webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-pl{background:transparent url(../img/buttons_help_pl.png) 0px 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_help_pl.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-pl:hover{background:transparent url(../img/buttons_help_pl.png)  0px 20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_help_pl.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-en{background:transparent url(../img/buttons_help_en.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_help_en.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-en:hover{background:transparent url(../img/buttons_help_en.png) 0px 20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_help_en.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-de{background:transparent url(../img/buttons_help_de.png) 0px 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_help_de.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.button-help-de:hover{background:transparent url(../img/buttons_help_de.png) 0px 20px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/buttons_help_de.png',     sizingMethod='scale');webkit-background-size: cover; moz-background-size:cover;o-background-size: cover; background-size: cover;}
.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/direction_right.png);width:6px;}
.cwolk{background-image:url(../img/pedestriancrossing_simple.png);width:6px;}
.ctoggle {width:16px;height:16px;}
.ctoggle.collapsed{background-image:url(../img/bullet_toggle_plus.png);}
.ctoggle.expanded{background-image:url(../img/bullet_toggle_minus.png);}
.cFast{background-image:url(../img/arrow_up.png);background-position:left;background-repeat:no-repeat;color:Red;}
.cSlow{background-image:url(../img/arrow_down.png);background-position:left;background-repeat:no-repeat;color:Green;}
.cFastSlow{background-image:url(../img/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:#377dc8;color:#fff;border-color:#00517d;border-style:solid;}
.cOptionHeader:hover{background:#fff;color:#377dc8;}
.cTrackHeader,.cTrackHeader-pl,.cTrackHeader-en{ background: transparent url(../img/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/ctrack_header_pl.png) 50% 50%;}
.cTrackHeader-en{ background: transparent url(../img/ctrack_header_en.png) 50% 50%;}
.ui-bg_gloss{background: #377dc8 url(../img/ui-bg_gloss.png) 50% 50% repeat-x; color: #ffffff; }
.ui-bg_big_gloss_vert{background: transparent url(../img/sidebar_bg.png) 0px 0px ; background-repeat:no-repeat;margin-top:-5px;z-index:1;}
.ui-bg_big_gloss{ background: #377dc8 url(../img/ui-bg_big_gloss.png) 50% 50% repeat-x; }
.ui-bg_gradient_small{ background: #fff url(../img/ui-bg_gradient_small.png) 0px 0px ; background-repeat:repeat-x; }

.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; }
.ui-border-color{border-color:#377dc8;}
.ui-border-tiny{ border-width:1px; border-style:solid; }
.ui-border-bold{ border-width:2px; border-style:solid; }
.ui-border-outer-shadow{ box-shadow: 0px 0px 8px #999999; -moz-box-shadow: 0px 0px 8px #999999;-webkit-box-shadow: 0px 0px 8px #999999;}
.ui-border-inner-shadow{ -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd; box-shadow: inset 2px 2px 2px 0px #dddddd;}
.ui-opacity{ font-size:0.8em; opacity: 0.9;/*IE*/filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}



.ui-input
{

    border: 1px solid #c4c4c4;
    font-size: 1.4em;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;    
    webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;  
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
}

.ui-input:focus
{ 
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.ui-input option{ padding-left:5px;}
.ui-input-loading{ background-image:url('../img/ajax_loader_3.gif'); background-position:right; background-repeat:no-repeat;}


.ui-action-item
{
    cursor:pointer;
}
.ui-action-item-a
{
    cursor:pointer;
    text-decoration:none;
    color:#000;
}
.ui-action-item:hover
{
    background-color:#C6E5FF;
}

/*lista z przystankami*/
.ui-routebuslist-list
{
    background:#fff ;
}

.ui-routebuslist-item
{
    font-size:1.0em;
    font-weight:normal;
    height:20px;
    margin:0px;
    padding:0px;
    vertical-align:middle;
}
.ui-routebuslist-item-image
{
 padding:0px;
 width:20px;
 background-position:50% 50%;
 background-repeat:no-repeat;
}
.ui-routebuslist-item-a
{
    text-decoration:none;
    color:#000;
}

.ui-hover-ul    {margin: 0; z-index:99;	padding: 0;	list-style: none; display:inline-block;}
.ui-hover-ul li {float:left}
.ui-hover-ul li ul{ padding:0px;margin-top:-5px;display:none;background-color:#fff;}
.ui-hover-ul li:hover ul{position: absolute;display: block;padding:5px;z-index:99;left:20px;margin-top:20px}
.ui-hover-ul li ul li{list-style:none;margin-top:-3px;margin:0px;padding:3px;float:none; vertical-align:middle;}