div.olMap {
    cursor: default;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0;
}
div.olMapViewport {
    text-align: left;
}
div.olLayerDiv {
    -moz-user-select: none;
}
.olLayerGoogleCopyright {
    bottom: 2px;
    left: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    bottom: 15px;
    left: 2px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}
.DCattribution {
    color: black;
    font-family: Arial black;
    padding: 0 4px 2px;
    text-decoration: none;
}
.olControlAttribution {
    bottom: 5px;
    display: block;
    font-size: smaller;
    left: 3px;
    position: absolute;
}
.olControlScale {
    bottom: 3em;
    display: block;
    font-size: smaller;
    position: absolute;
    right: 3px;
}
.olControlScaleLine {
    bottom: 25px;
    display: block;
    font-size: small;
    left: 500px;
    position: absolute;
}
.olControlScaleLineBottom {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: black black -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 4px medium;
    margin-top: -4px;
    text-align: center;
}
.olControlScaleLineTop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color black black;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 4px 4px;
    text-align: center;
}
.olControlPermalinkCookies, .olControlPermalink {
    bottom: 1.5em;
    display: block;
    font-size: smaller;
    position: absolute;
    right: 3px;
}
div.olControlMousePosition {
    bottom: 0;
    display: block;
    font-family: Arial;
    font-size: smaller;
    position: absolute;
    right: 3px;
}
.olControlOverviewMapContainer {
    bottom: 0;
    position: absolute;
    right: 0;
}
.olControlOverviewMapElement {
    background-color: #00008b;
    padding: 10px 18px 10px 10px;
}
.olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton {
    bottom: 80px;
    cursor: pointer;
    height: 18px;
    right: 0;
    width: 18px;
}
.olHandlerBoxZoomBox {
    background-color: white;
    border: 2px solid red;
    font-size: 1px;
    opacity: 0.5;
    position: absolute;
}
.olHandlerBoxSelectFeature {
    background-color: white;
    border: 2px solid blue;
    font-size: 1px;
    opacity: 0.5;
    position: absolute;
}
.olControlPanPanel {
    left: 5px;
    top: 10px;
}
.olControlPanPanel div {
    background-image: url("img/pan-panel.png");
    cursor: pointer;
    height: 18px;
    position: absolute;
    width: 18px;
}
.olControlPanPanel .olControlPanNorthItemInactive {
    background-position: 0 0;
    left: 9px;
    top: 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    background-position: 18px 0;
    left: 9px;
    top: 36px;
}
.olControlPanPanel .olControlPanWestItemInactive {
    background-position: 0 18px;
    left: 0;
    position: absolute;
    top: 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    background-position: 18px 18px;
    left: 18px;
    top: 18px;
}
.olControlZoomPanel {
    left: 14px;
    top: 71px;
}
.olControlZoomPanel div {
    background-image: url("img/zoom-panel.png");
    cursor: pointer;
    height: 18px;
    position: absolute;
    width: 18px;
}
.olControlZoomPanel .olControlZoomInItemInactive {
    background-position: 0 0;
    left: 0;
    top: 0;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    background-position: 0 -18px;
    left: 0;
    top: 18px;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
    background-position: 0 18px;
    left: 0;
    top: 36px;
}
.olControlPanZoomBar div {
    font-size: 1px;
}
.olPopupCloseBox {
    background: rgba(0, 0, 0, 0) url("img/close.gif") no-repeat scroll 0 0;
    cursor: pointer;
}
.olFramedCloudPopupContent {
    overflow: auto;
    padding: 5px;
}
.olControlNoSelect {
    -moz-user-select: none;
}
.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
}
.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: grabbing;
}
.olControlLayerSwitcher {
    background-color: transparent;
    color: white;
    font-family: sans-serif;
    font-size: smaller;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-top: 3px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 13em;
}
.olControlLayerSwitcher .layersDiv {
    background-color: darkblue;
    padding: 5px 10px;
}
.olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl {
    margin-bottom: 3px;
    margin-left: 3px;
    margin-top: 3px;
}
.olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}
.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
    cursor: pointer;
    height: 30px;
    right: 0;
    top: 10px;
    width: 30px;
}
.olBingAttribution {
    color: #ddd;
}
.olBingAttribution.road {
    color: #333;
}
.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
    color: #eee;
}
.olGoogleAttribution {
    color: #333;
}
span.olGoogleAttribution a {
    color: #77c;
}
span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
    color: #eee;
}
.olControlNavToolbar, .olControlEditingToolbar {
    margin: 5px 5px 0 0;
}
.olControlNavToolbar div, .olControlEditingToolbar div {
    background-image: url("img/editing_tool_bar.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 22px;
    margin: 0 0 5px 5px;
    width: 24px;
}

div.olControlZoom {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    border-radius: 4px;
    left: 8px;
    padding: 2px;
    position: absolute;
    top: 8px;
}
div.olControlZoom a {
    background: rgba(0, 60, 136, 0.5) none repeat scroll 0 0;
    color: white;
    display: block;
    font-family: "Lucida Grande",Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 22px;
    line-height: 19px;
    margin: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 22px;
}
div.olControlZoom a:hover {
    background: rgba(0, 60, 136, 0.7) none repeat scroll 0 0;
}
@media only screen and (max-width: 600px) {
div.olControlZoom a:hover {
    background: rgba(0, 60, 136, 0.5) none repeat scroll 0 0;
}
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}
.olLayerGrid .olTileImage {
    transition: opacity 0.2s linear 0s;
}