.messages1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    display: none;
    visibility:hidden;
}

.section1 {
    background-color:white;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0em;
}

.section1 #map {
    border: 1px solid gray;
    height: 65vh;
}

.section2 {
    background-color:white;
    padding-top: 2.5em;
    padding-left: .5em;
    margin-bottom: 0em;
    display: none;
    visibility:hidden;

}
.section2 p {
    font-size: 1em;
    margin-bottom: .5em;
}


.mobile #section1 {
    padding-bottom: 0em;
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 0em;
    margin-top: -1.4em;
    margin-bottom: -2.5em;
}

.mobile #map {
    width: auto;
    height: 70vh;
}

#mobile-footer {
    padding-top: 0em;
    #margin-bottom: -11em;
}

div.olMap {
    cursor: pointer;
}

.olControlOverviewMapContainer {
    opacity:0.9;
    position: absolute;
    /*top: 0;*/
    right: 0;
}

.olControlOverviewMapElement {
    background: #22428C;
}

.olControlOverviewMapMaximizeButton,
.olControlOverviewMapMinimizeButton {
    opacity: 0.9;
    top: 0 !important;
}


.olControlPanPanel  {
    opacity:0.75;
}

.olControlZoomPanel  {
    opacity:0.75;
}

.leftpanel {
    opacity: 0.75;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    bottom: 8px;
    left: 8px;
    top: auto;
    right: auto;
}

.rightpanel {
    background: #22428C;
    opacity:0.9;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
    border:0;
    border-radius:5px;
    bottom: 8px;
    left: auto;
    top: auto;
    right: 8px;
}

@media screen and (min-width: 480px) {
    .leftpanel {
        font-size: 1.2em;
    }

    .rightpanel {
        font-size: 1.3em;
    }
}

.ocsButtonItemInactive:after,
.ocsButtonItemActive:after {
    content: "NOAA Office of Coast Survey";
}

.catalogButtonItemInactive:after,
.catalogButtonItemActive:after {
    content: "View in Chart Catalog";
}

.phone .catalogButtonItemInactive:after,
.catalogButtonItemActive:after {
    content: "Download PDF";
}


ol {
    list-style: upper-roman;
    margin-left: 2.25em;
    padding: 0; }
ol ol {
    list-style: lower-alpha;
    margin-left: 1.25em;}
ol ol ol {
    list-style: decimal;
    margin-left: 2.5em; }
ol ol ol ol {
    list-style: decimal; }
li {
    padding-left: 0em; }
li li {
    padding-left: .4em; }
li li li {
    padding-left: 0; }