.olControlLayerSwitcher {
font-size:small;
font-weight:400;
font-family:arial;
}

.olControlLayerSwitcher .layersDiv {
background-color:#636e72;
border-radius:1em;
opacity:.9;
border-color:#272f3c;
border-style:solid;
border-width:3px 0 3px 3px;
}

.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl {
font-style:italic;
font-weight:bolder;
}

.olControlOverviewMapContainer {
bottom:20px;
}

.olControlOverviewMapElement {
background-color:#666;
border-radius:1em 0 0 1em;
border-color:#1F1F1F;
border-style:solid;
border-width:3px 0 3px 3px;
}

.olControlScaleLine {
bottom:15px;
font-size:x-small;
}

.olControlScaleLineTop {
border:solid 2px #38535c;
border-top:none;
}

.olControlScaleLineBottom {
border:solid 2px #38535c;
border-bottom:none;
}

.olControlScale {
left:10px;
bottom:40px;
font-size:x-small;
}

div.olControlMousePosition {
bottom:5px;
right:60px;
font-size:small;
}

.olControlPermalink {
bottom:5px;
font-size:x-small;
}

.olControlPermalink a {
color:#38535c;
text-decoration:none;
}

.olControlNavigationHistory {
float:right;
}

.olHandlerBoxSelectFeature {
border:20px solid blue;
position:absolute;
background-color:#FFF;
opacity:.5;
font-size:1px;
filter:alpha(opacity=50);
}

.olControlNavToolbar,.olControlEditingToolbar,.olControlPanel {
margin:5px 5px 0 0;
}

.olControlNavToolbar div,.olControlEditingToolbar div {
background-image:url(img/editing_tool_bar.png?v=4.355);
background-repeat:no-repeat;
width:24px;
height:22px;
cursor:pointer;
margin:0 0 5px 5px;
}

.olControlEditingToolbar {
right:0;
top:0;
}

.olControlNavToolbar {
top:295px;
left:9px;
}

.olControlPanel {
top:0;
left:0;
}

.olControlPanel div {
float:right;
display:block;
width:24px;
height:24px;
background-color:#FFF;
margin:5px;
}

.olControlNavToolbar .olControlNavigationItemInactive,.olControlEditingToolbar .olControlNavigationItemInactive {
background-position:-103px -1px;
}

.olControlNavToolbar .olControlNavigationItemActive,.olControlEditingToolbar .olControlNavigationItemActive {
background-position:-103px -24px;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
background-position:-128px -1px;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
background-position:-128px -24px;
}

.olControlEditingToolbar .olControlDrawPointFeatureItemInactive {
background-position:-77px -1px;
}

.olControlEditingToolbar .olControlDrawPointFeatureItemActive {
background-position:-77px -24px;
}

.olControlEditingToolbar .olControlDrawPathFeatureItemInactive {
background-position:-51px -1px;
}

.olControlEditingToolbar .olControlDrawPathFeatureItemActive {
background-position:-51px -24px;
}

.olControlPanel .olControlSelectFeatureItemInactive {
background-position:-26px -1px;
width:22px;
height:22px;
background-image:url(zoom-world-mini-invert.png);
}

.olControlPanel .olControlSelectFeatureItemActive {
background-position:-26px -24px;
width:22px;
height:22px;
background-image:url(/img/zoom-world-mini.png);
}

div.olControlZoom {
position:absolute;
top:8px;
left:8px;
background:rgba(255,255,255,0.4);
border-radius:4px;
padding:2px;
}

div.olControlZoom a {
display:block;
color:#FFF;
font-size:18px;
font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
height:22px;
width:22px;
line-height:19px;
background:rgba(0,60,136,0.5);
filter:alpha(opacity=80);
margin:1px;
padding:0;
}

div.olControlZoom a:hover {
background:rgba(0,60,136,0.7);
filter:alpha(opacity=100);
}

a.olControlZoomIn {
border-radius:4px 4px 0 0;
}

a.olControlZoomOut {
border-radius:0 0 4px 4px;
}

.olControlZoomPanel {
top:14px;
left:14px;
}

.olControlZoomPanel div {
background-image:url(img/zoom-panel.png);
position:absolute;
height:18px;
width:18px;
cursor:pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
top:0;
left:0;
background-position:0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
top:18px;
left:0;
background-position:0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
top:36px;
left:0;
background-position:0 18px;
}

.olButtonTest {
background-image:url(img/zoom-world-mini-invert.png);
position:absolute;
height:18px;
width:18px;
cursor:pointer;
}

.olControlEditingToolbar .olControlDrawPolygonFeatureItemInactive,.olControlPanel .olControlSelectPolygonFeatureItemInactive {
background-position:-26px -1px;
}

.olControlEditingToolbar .olControlDrawPolygonFeatureItemActive,.olControlPanel .olControlSelectPolygonFeatureItemActive {
background-position:-26px -24px;
}

.olControlEditingToolbar .olControlDrawRadiusFeatureItemInactive,.olControlPanel .olControlSelectRadiusFeatureItemInactive {
background-position:-153px -1px;
}

.olControlEditingToolbar .olControlDrawRadiusFeatureItemActive,.olControlPanel .olControlSelectRadiusFeatureItemActive {
background-position:-153px -24px;
}

.olControlEditingToolbar .olControlDrawRectFeatureItemInactive,.olControlPanel .olControlSelectRectFeatureItemInactive {
background-position:-178px -1px;
}

.olControlEditingToolbar .olControlDrawRectFeatureItemActive,.olControlPanel .olControlSelectRectFeatureItemActive {
background-position:-178px -24px;
}

.olControlEditingToolbar .olControlDrawLabelsFeatureItemInactive,.olControlPanel .olControlSelectLabelsFeatureItemInactive {
background-position:-203px -1px;
}

.olControlEditingToolbar .olControlDrawLabelsFeatureItemActive,.olControlPanel .olControlSelectLabelsFeatureItemActive {
background-position:-203px -24px;
}

.olControlEditingToolbar .olControlDrawLayersFeatureItemInactive,.olControlPanel .olControlSelectLayersFeatureItemInactive {
background-position:-228px -1px;
}

.olControlEditingToolbar .olControlDrawLayersFeatureItemActive,.olControlPanel .olControlSelectLayersFeatureItemActive {
background-position:-228px -24px;
}

.olControlEditingToolbar .olControlDrawSatFeatureItemInactive,.olControlPanel .olControlSelectSatFeatureItemInactive {
background-position:-253px -1px;
}

.olControlEditingToolbar .olControlDrawSatFeatureItemActive,.olControlPanel .olControlSelectSatFeatureItemActive {
background-position:-253px -24px;
}

@media only screen and max-width 600px {
div.olControlZoom a:hover {
background:rgba(0,60,136,0.5);
}
}