div.olMap {
    z-index: 0;
    padding: 0px !important;
    cursor: default;
    background-color: #ebeef4 !important;
}

div.olMapWait {
    background-color: white;
}

.olMapWait img {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
    -moz-user-select: none;
}

.olLayerGoogleCopyright {
    left: 0px;
    bottom: -50px;
}

.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 215px;
}

.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}

.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}

.olControlScaleLine {
    left: 10px;
    bottom: 15px;
    font-size: xx-small;
}

.olControlScaleLineBottom {
    border: solid 2px black;
    border-bottom: none;
    margin-top: -2px;
    text-align: center;
}

.olControlScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

.olControlRightMenu {
    background-color: red;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
}

    .olControlRightMenu a {
        text-decoration: none;
        /*font-family: Verdana, Arial, Helvetica, sans-serif; */
        font-size: 9pt;
        color: #FFFFFF;
        background-color: #066F51;
        display: block;
        padding: 1px 10px 1px 10px;
        margin: 0px 0px 0px 0px;
    }

        .olControlRightMenu a:hover {
            color: #ff0000;
            background-color: #D0FF00;
        }

.olControlToolbar {
    display: block;
    height: 45px;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #1f2c5b;
    margin: 5px 250px -5px 5px;
    font-family: Tahoma;
    font-size: 12pt;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.olControlToolbar_hover {
    display: block;
    height: 45px;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #1f2c5b;
    margin: 4.5px 250px 4.5px 4.5px;
    font-family: Tahoma;
    font-size: 12pt;
}

.olPopup {
}

.olPopupContent {
    padding: 5px;
    overflow: auto;
    color: white;
}

    .olPopupContent table {
        /*border: 1px solid white;*/
    }

    .olPopupContent tr {
        color: white;
        font-size: 10pt;
    }

    .olPopupContent td {
        /*border: 1px solid white;*/
        white-space: nowrap;
        padding: 0;
        margin: 0;
        /*border-bottom: 1px solid yellow; */
    }

    .olPopupContent .column1 {
        padding-left: 5px;
    }

    .olPopupContent .column2 {
        padding-left: 15px;
        padding-right: 15px;
    }

.olPopupCloseBox {
    cursor: pointer;
}

.olTooltip {
    border: 1px solid #32b6b3;
    border-radius: 3px;
    padding: 1px 5px 1px 5px;
    background-color: #35406B !important;
    color: white;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    width: auto;
    height: auto;
}

    .olTooltip table {
        width: auto;
    }

    .olTooltip tr {
        color: white;
        font-size: 10pt;
    }

    .olTooltip td {
        white-space: nowrap;
        /*border-bottom: 1px solid yellow; */
    }

    .olTooltip .column1 {
        padding-left: 5px;
    }

    .olTooltip .column2 {
        /*text-align: right;*/

        padding-left: 15px;
    }

.olControlCopyright {
    bottom: 25px;
    left: 0px;
}

.olControlMousePosition {
    bottom: 0px;
    right: 0px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
    /*
    font-weight:bold;   
    */
    background-color: #1f2c5b;
    opacity: 0.90;
    filter: alpha(opacity = 90);
    color: white;
    padding: 3px 10px 3px 10px;
    margin-bottom: 0px;
    border-radius: 2px 0px 0px 0px;
}

.olControlLegend {
    width: 200px;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 20px;
    right: 0px;
    border: solid 1px #066F51;
}

.olControlOverviewMapElement {
    padding: 3px 18px 3px 3px;
    background-color: #FFFFFF;
    /*
    background-color: #066F51;
    opacity: 0.50;
    filter: alpha(opacity = 50);
    */
    /*-moz-border-radius: 1em 0 0 0;*/
}

.olControlOverviewMapMinimizeButton {
    right: -1px;
    bottom: 96px;
}

.olControlOverviewMapMaximizeButton {
    right: -1px;
    bottom: 96px;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 1px solid red;
    background-color: #066F51;
    opacity: 0.50;
    filter: alpha(opacity = 50);
}

.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float: left;
    width: 100%;
    overflow: auto;
    font-size: 1.0em;
}

.olLayerGeoRSSClose {
    float: right;
    color: gray;
    font-size: 1.2em;
    margin-right: 6px;
    font-family: sans-serif;
}

.olLayerGeoRSSTitle {
    float: left;
    font-size: 1.2em;
}

.olControlNavToolbar {
    width: 0px;
    height: 0px;
}

    .olControlNavToolbar div {
        display: block;
        width: 28px;
        height: 28px;
        top: 300px;
        left: 6px;
        position: relative;
    }

.olControlNavigationHistoryPanel {
    display: block;
    width: 28px;
    height: 28px;
    top: 300px;
    left: 60px;
    position: relative;
}

.olControlNavigationHistory {
    background-image: url("img/navigation_history.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.olControlNavigationHistoryPreviousItemActive {
    background-position: 0px 0px;
}

.olControlNavigationHistoryPreviousItemInactive {
    background-position: 0px -24px;
}

.olControlNavigationHistoryNextItemActive {
    background-position: -24px 0px;
}

.olControlNavigationHistoryNextItemInactive {
    background-position: -24px -24px;
}

.olControlNavToolbar .olControlNavigationItemActive {
    background-image: url("img/panning-hand-on.png");
    background-repeat: no-repeat;
}

.olControlNavToolbar .olControlNavigationItemInactive {
    background-image: url("img/panning-hand-off.png");
    background-repeat: no-repeat;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
    background-image: url("img/drag-rectangle-on.png");
    background-color: orange;
    background-repeat: no-repeat;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-image: url("img/drag-rectangle-off.png");
    background-repeat: no-repeat;
}

.olControlEditingToolbar {
    float: right;
    right: 0px;
    height: 30px;
    width: 200px;
}

    .olControlEditingToolbar div {
        background-image: url("img/editing_tool_bar.png");
        background-repeat: no-repeat;
        float: right;
        width: 24px;
        height: 24px;
        margin: 5px;
    }

    .olControlEditingToolbar .olControlNavigationItemActive {
        background-position: -103px -23px;
    }

    .olControlEditingToolbar .olControlNavigationItemInactive {
        background-position: -103px -0px;
    }

    .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
        background-position: -77px -23px;
    }

    .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
        background-position: -77px -0px;
    }

    .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
        background-position: -51px 0px;
    }

    .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
        background-position: -51px -23px;
    }

    .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
        background-position: -26px 0px;
    }

    .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
        background-position: -26px -23px;
    }

.olControlSaveFeaturesItemActive {
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.olControlSaveFeaturesItemInactive {
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
    border: 1px solid yellow;
    position: absolute;
    background-color: #066F51;
    opacity: 0.40;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 5px;
}

    .olControlPanPanel div {
        background-image: url(img/pan-panel.png);
        height: 18px;
        width: 18px;
        cursor: pointer;
        position: absolute;
    }

    .olControlPanPanel .olControlPanNorthItemInactive {
        top: 0px;
        left: 9px;
        background-position: 0px 0px;
    }

    .olControlPanPanel .olControlPanSouthItemInactive {
        top: 36px;
        left: 9px;
        background-position: 18px 0px;
    }

    .olControlPanPanel .olControlPanWestItemInactive {
        position: absolute;
        top: 18px;
        left: 0px;
        background-position: 0px 18px;
    }

    .olControlPanPanel .olControlPanEastItemInactive {
        top: 18px;
        left: 18px;
        background-position: 18px 18px;
    }

.olControlZoomPanel {
    top: 5px;
    left: 5px;
}

    .olControlZoomPanel div {
        background-image: url(img/zoom-panel.png);
        position: absolute;
        height: 21px;
        width: 43px;
        cursor: pointer;
    }

    .olControlZoomPanel .olControlZoomInItemInactive {
        top: 0px;
        left: 0px;
        background-position: 0px 0px;
    }

    .olControlZoomPanel .olControlZoomExtentItemInactive {
        top: 21px;
        left: 0px;
        background-position: 0px -21px;
    }

    .olControlZoomPanel .olControlZoomOutItemInactive {
        top: 42px;
        left: 0px;
        background-position: 0px 21px;
    }

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
    /*-moz-user-select: none;*/
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}

.olDragDown {
    cursor: move;
}

.olDrawBox {
    cursor: crosshair;
}

.olControlDragFeatureOver {
    cursor: move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

.olLayerDiv {
    border: 0px;
    border-style: none;
}

.olTileImage {
    border: 0px;
    border-style: none;
}
