a, span, div, body {
    text-decoration: none;
}

body,html {
    margin:0px;
    width: 100%;
    height: 100%;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    background: #B6BCCC;
}
img {
    border:none;
}
.selectList{
    font: normal 11px verdana;
    color: #003366;

}
#dropin{
    position:absolute;
    left:230px;
    top:100px;
    width:500px;
    height:300px;
    background-color:white;
    border: 2px solid red;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
.bubble {
    font: normal 10px verdana;
    width: 270px;
    border: 1px solid #8D8EA3;
    padding:3px;
    text-align:left;
    color: #B915C3;
}


.buttons {
    padding: 5px;
    margin: 2px;
    font: normal 10px verdana;
    width: 130px;

}

.button, .selectedButton, .buttonB, .button3 {
    background: #A6A8CC;
    color: navy;
    border: 1px solid navy;
    text-align:center;
    vertical-align:middle;
    font: normal 10px verdana;
    cursor: pointer;
    margin: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.button3 {
    margin: 0px;
}

.selectedButton {
    border: 1px solid #008000;
    background: #80FF80;
    color: #008000;
}
.menuMap{
    text-align:center;
    vertical-align:middle;
    font: normal 11px verdana;
    cursor: pointer;
    margin: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #003399;
    border: 1px solid #ECB052;
    background: #FFFFFF url('../img_map/menu-item-bg.png') repeat-x;

}

.menuMap:hover{
    border: 1px solid red;
    background: #FFFFFF url('../img_map/menu-item-bg-current.png') repeat-x;

}
.buttonB {
    border: 1px solid #ECB052;
    background: #F6D84C;
    background: #3381E0 url('kat21.gif') repeat-x;

}
.button:hover, .buttonB:hover, .button3:hover {
    color: red;
    border: 1px solid red;

}


#leftSidebar {
    float: right;
    width: 150px;
    height: auto;
    border: 1px solid #C0C0C0;
    padding: 5px 0px 0px 0px;
}/* #leftSidebar */


.headerFrame, #link {
    background:#A6A8CC;
    margin-left: 12px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #ffffff;
    color: #003399;
    background: #FFFFFF url('headerFrame.gif') repeat-x;

}
.sidebarFrame {
    padding:3px;
    background:#A6A8CC;
    margin-left: 12px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding:8px;
    font: normal 12px verdana;
    text-align:left;
    border: 1px solid navy;
}

#link a{
    color:navy;
}


#detailmap, #mapDiv{
    font: normal 10px verdana;
}

#mapDiv{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
 
    background-color: #ffffff;
    background: #B6BCCC;
    width: 940px;
    height:700px;
}
#detailmap {
    width: 250px;
    height: 150px;
    border:1px solid gray;
}


.label {
    width: 100px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font: normal 12px verdana;
    padding:2px;

}
.message {
    height: 80px;
    border: 1px solid #8D8EA3;
    overflow: auto;
    font-family: 'Courier New',Courier,monospace;
    font-size: 12px;
}

.ListaLinii {
    margin:5px;
    padding: 5px;
    background: #FFC435;
    background: #FFFFFF url('kat11.gif') repeat-x;
    color: #003399;
    font-size: 11px;
    border: 1px solid red;
}
.ListaPt {
    margin:5px;
    padding: 5px;
    background: #FFC435;
    background: #FFFFFF url('kat11.gif') repeat-x;
    color: #003399;
    font-size: 11px;
    border: 1px solid red;
}
.top{
   font-size: 13px;
   font-weight: bold;
   padding-left: 4px;
}
.Komunikat {
    border: 1px solid red;
    margin:5px;
    padding: 3px;
    background: white;
    color: red;
    font-size: 11px;
    background: #FFFFFF url('kat11.gif') repeat-x;
}

#loadIndicator {
    text-align: left;
    border: 4px solid navy;
    background: white;

    position:absolute;
    left: 100px;
    top: 300px;
    width: 800px;

}

#innerIndicator {
    margin:5px;
    padding: 5px;
    background: #FFC435;
    color: #003399;
    font-size: 11px;
}

#loadingBlock {
    border: 1px solid #8D8EA3;
    background: navy;
    width: 10px;
    height: 20px;
    position:relative;
    left: 0px

}

#gcLocation {
    border: 1px solid #8D8EA3;
    width: 200px;
    margin: 3px;

}

#logo {
    color: #000000;
    background: #eeeeee;

}


#tmp {
    height: 200px;
    overflow:auto;
    font: normal 12px 'courier new';
}

.statusDiv {
    padding: 2px;
    font: normal 12px 'courier new';
    text-align:left;
    color: navy;
}

.statusBar {
    background: #A6A8CC;
    border: 1px solid navy;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
}



#zbookmarks {
    border: 2px solid #FFFF40;
    background: #00C600;
    color: #FFFF40;
    font: normal 12px verdana;
    padding:2px;
    margin:1px;

}

.bookmark {
    border: 1px solid navy;
    background: #A6A8CC;
    color: navy;
    font: normal 12px verdana;
    padding:2px;
    margin:1px;
    cursor: pointer;
}
.bookmark:hover {
    background: navy;
    color: #A6A8CC;
    border: 1px solid #A6A8CC;
}

#bmContainer {
    background: #A6A8CC;

    margin: 3px;
    width:200px;
    overflow:auto;
    position:absolute;
    z-index:100;
}
#locationText {
    margin: 3px;
    padding: 1px;
    padding-left: 10px;
    background:#E2B6C6;
}



#infoDiv {
    padding: 5px;
    background:#939BC3;
    color: navy;
    font: normal 12px verdana;
    height:540px;
    overflow:auto;

}

.countyInfo, .countyInfoSel {
    font: normal 11px verdana;
    cursor:pointer;
    background:#F4E48C;
    border:1px solid #EEA532;
    margin-bottom:5px;
    padding:2px;
}

.countyInfoSel {
    background:#F4A98C;
    border:1px solid #EF3E31;
}





.selectorContainer {
    height: 40px;
    overflow:visible;
}

.ddOption, .ddSelectedOption {
    background: #A6A8CC;
    color: navy;
    border: 2px solid navy;
    text-align:center;
    vertical-align:middle;
    font: normal 10px verdana;
    padding: 2px;
    cursor: pointer;
    margin: 3px;
    z-index:100;
}
.ddSelectedOption {
    border: 2px solid #008000;
    background: #80FF80;
    color: #008000;
}
.dropdown {
    z-index:100;
}
.ddOption:hover {
    background: #EBB94D;
    color: red;
    border: 2px solid red;
}






.routeInfoDiv {
    margin: 3px;
}
.routeNameDiv {
    background: #ccccff;
    font: bold 10px verdana;
    padding: 2px;
    cursor:pointer;
    text-align:left;
}
.routeSubNameDiv {
    background: #ccccff;
    font: normal 10px verdana;
    padding: 2px;
    text-align:left;
}
.routeNumber {
    background: #cccccc;
    font: bold 10px verdana;
    padding: 2px;
    border: 1px solid gray;
    cursor:pointer;

}


.routeTable {
    margin-left:10px;
    margin-top:2px;
}
.routeDesc {
    background: #eeeeee;
    text-align:left;
    font: normal 10px verdana;
    padding: 2px;
    border: 1px solid gray;
}


#sidebar {
    height: 600px;
    width: 230px;
    overflow:auto;
    padding:3px;
}




.tripButton {
    background: #A6A8CC;
    color: navy;
    border: 2px solid navy;
    text-align:center;
    vertical-align:middle;
    font: normal 10px verdana;
    padding: 2px;
    cursor: pointer;
    margin: 3px;
    width: 70px;
}
.tripButton:hover {
    background: #EBB94D;
    color: red;
    border: 2px solid red;
}
#listamiast {
    height: 60px;
    overflow:auto;
    padding:3px;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 9px;
    vertical-align: top;
    width: 100%;
}

a.menulink {
    color: #003366;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: orange;
    padding-left:2px;
    padding-left: 2px;
}

a:hover.menulink {
    background-color:#ffffff;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: red;
    padding-left:2px;
    padding-left: 2px;
    color: #ff0033;
}
.menulink_sel {
    color: #003366;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: red;
    padding-left:2px;
    padding-left: 2px;
    background-color:#ffffff;
}