html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    background-color: white;
    overflow: visible;
    font-family: "Trebuchet MS";
    font-size: xx-small;
}

#header {
    background-image: url(../images/bg_header.gif);
    background-repeat: repeat-x;
    margin: 2px;
    border: solid 4px #224a54;
    font-family: "Arial";
    color: white;
    font-size: 22pt;
    text-align: left;
    font-weight: bold;
    height: 35px;
    background-color: #224a54;
    overflow: hidden;
}

#subheader {
    font-size: small;
    text-align: right;
    font-family: "Trebuchet MS";
    color: white;
    padding-left: 20px;
}

#header1 {
    background-repeat: no-repeat;
    margin: 2px;
    border: solid 4px #224a54;
    font-family: "Arial";
    color: white;
    font-size: 28pt;
    padding-right: 20px;
    text-align: center;
    font-weight: bold;
    height: 50px;
    overflow: hidden;
}

div #subheader1 {
    margin-top: 5px !important;
    font-family: "Montserrat";
    font-weight: bold;
    color: navy;
}

#subheader1W {
    font-size: 14pt;
    text-align: left;
    padding-top: 0px;
    padding-left: 0px;
    font-family: "Arial";
    height: 95px;
    color: navy;
}

#rightPane {
    background-color: white;
    color: #3f3f3f;
    border: solid 2px #224a54;
    /* width: 20%; */
}

#leftPane {
    margin: 5px;
    padding: 2px;
    background-color: white;
    color: #3f3f3f;
    border: solid 2px #224a54;
    width: 28%;

}

#map {
    background-color: transparent;
    margin-top: 60px;
    margin-bottom: 25px;
    height: 140px;
}

#centerPane {
    border: solid 4px #224a54;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: transparent
}

#footer {
    margin: 2px;
    border: solid 2px #224a54;
    background-color: #ecefe4;
    color: #3f3f3f;
    font-size: 10pt;
    text-align: center;
    height: 40px;
}

.dijitTabInnerDiv {
    background-color: #ecefe4;
}

#dijit_Dialog_0 {
    font-size: large;
}

#tabs {
    padding: 5px;
}

#headerLeft {
    float: left;
}

#headerRight {
    float: right;
    /*margin-top: -40px;*/
}

a.one:link {
    font-size: 11pt;
    font-family: "Arial";
    font-weight: normal;
    height: 30px;
    color: white;
    padding-right: 20px;
    text-decoration: none;
}

a.one:visited {
    text-decoration: none;
    color: white;
}

a.one:hover {
    background: #0B2962
}


#locateAddressDiv {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#locateAddressHeader {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    background-color: #c6e2ff;
}

#locateCandidateDiv {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#polygonSelectDiv {
    position: absolute;
    top: 40px;
    left: 370px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#polygonSelectHeader {
    font-size: 10pt;
    font-family: "Trebuchet MS";
}

#locateCountyDiv {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#locateCountyHeader {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    background-color: #c6e2ff;
}

#locateMunicipalityDiv {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#locateMunicipalityHeader {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    background-color: #c6e2ff;
}

#locateMunicipalityComboDiv {
    position: relative;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    display: none;
}

#locateZipCodeDiv {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#locateZipCodeHeader {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    background-color: #c6e2ff;
}

#locateLatLngDiv {
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 55;
    font-size: 8pt;
    font-family: "Trebuchet MS";
    background-color: white;
    border: solid 2px #224a54;
    visibility: hidden;
}

#locateLatLngHeader {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    background-color: #c6e2ff;
}

#DDDiv {
    display: block;
}

#DDMMSSDiv {
    display: none;
}

#sliderWrapper {
    right: 0px;
    top: 3px;
    z-Index: 40;
    width: 150px;
    height: 35px;
    background: #F5F5F5;
    border: none;
    font-size: 8pt;
    color: black;
    font-family: "Trebuchet MS";
    box-shadow: 0 0 5px #888;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
}

#sliderLabels {
    position: relative;
    top: -1px;
    height: 1.2em;
    font-size: 80%;
    font-weight: bold;
    font-family: arial;
    color: black;
    padding: 3px;
    margin: 5px 10px 0 10px;
}

#attribution {
    bottom: 0px;
    font-size: 10px;
    font-family: "Trebuchet MS";
    position: absolute;
    z-index: 30;
    background: white;
}

#gridBufferContainer {
    left: 0px;
    bottom: 20px;
    width: 800px;
    height: 200px;
    font-size: 10px;
    font-family: "Trebuchet MS";
    position: absolute;
    z-index: 50;
    background: white;
    display: none;
}


#gridSelectContainer {
    left: 0px;
    bottom: 5px;
    width: 800px;
    height: 200px;
    font-size: 10px;
    font-family: "Trebuchet MS";
    position: absolute;
    z-index: 75;
    background: white;
    display: none;
}

#gridSelectContainerNoZoom {
    left: 0px;
    bottom: 5px;
    width: 800px;
    height: 200px;
    font-size: 10px;
    font-family: "Trebuchet MS";
    position: absolute;
    z-index: 75;
    background: white;
    display: none;
}

#toolContainer {
    background: #F5F5F5;
    position: absolute;
    height: 63px;
    width: 880;
    right: 500;
    top: 250;
    z-index: 555555;
}

#basemapDiv {
    position: absolute;
    top: 5px;
    left: 15px;
    z-index: 50;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: center;
    font-size: 9pt;
    font-family: "Trebuchet MS";
    color: black;
    background: #F5F5F5;
}

#locateTitlePane {
    font-size: small;
    font-family: "Trebuchet MS";
}

#measureTitlePane {
    font-size: small;
    font-family: "Trebuchet MS";
}

#bufferTitlePane {
    font-size: small;
    font-family: "Trebuchet MS";
}

#extractTitlePane {
    font-size: small;
    font-family: "Trebuchet MS";
}

#printTitlePane {
    font-size: small;
    font-family: "Trebuchet MS";
}

#printButton {
    width: 270px;
    z-index: 55;
}

#closePolygonSelect {
    right: 20px;
    width: 50px;
}

#sampleResultsGridNode {
    font-size: small;
    font-family: "Trebuchet MS";
}

#monitoringPointSamplesGridNode {
    font-size: small;
    font-family: "Trebuchet MS";
}

#monitoringPointAliasGridNode {
    font-size: small;
    font-family: "Trebuchet MS";
}

.polyIcon {
    background-image: url(../images/i_draw_poly.PNG);
    width: 20px;
    height: 20px;
}

.freehandIcon {
    background-image: url(../images/i_draw_freepoly.PNG);
    width: 20px;
    height: 20px;
}

#loading {
    display: none;
    vertical-align: middle;
}

#loadingBuffer {
    display: none;
    vertical-align: middle;
}

#loadingExtract {
    display: none;
    vertical-align: middle;
}

#navToolbar {
    position: absolute;
    top: 5px;
    left: 405px;
    width: 355px;
    z-index: 50;
}


.zoominIcon {
    background-image: url(../images/Toolbar/nav_zoomin_inactive.png);
    width: 16px;
    height: 16px;
}

.zoominIconActive {
    background-image: url(../images/Toolbar/nav_zoomin_active.png);
    width: 16px;
    height: 16px;
}

.zoomoutIcon {
    background-image: url(../images/Toolbar/nav_zoomout.png);
    width: 16px;
    height: 16px;
}

.zoomfullextIcon {
    background-image: url(../images/Toolbar/nav_fullextent.png);
    width: 16px;
    height: 16px;
}

.zoomprevIcon {
    background-image: url(../images/Toolbar/previous_extent.png);
    width: 16px;
    height: 16px;
}

.zoomnextIcon {
    background-image: url(../images/Toolbar/next_extent.png);
    width: 16px;
    height: 16px;
}

.panIcon {
    background-image: url(../images/Toolbar/nav_pan.png);
    width: 16px;
    height: 16px;
}

.deactivateIcon {
    background-image: url(../images/Toolbar/nav_decline.png);
    width: 16px;
    height: 16px;
}

.identifyIcon {
    background-image: url(../images/Toolbar/identify_inactive.gif);
    width: 16px;
    height: 16px;
}

.clearSelectionIcon {
    background-image: url(../images/Toolbar/erase_0.png);
    width: 16px;
    height: 16px;
}

.measureIcon {
    background-image: url(../images/Toolbar/measure_inactive.gif);
    width: 16px;
    height: 16px;
}

.selectPolygonIcon {
    background-image: url(../images/Toolbar/select_poly_inactive.gif);
    width: 16px;
    height: 16px;
}

.bufferIcon {
    background-image: url(../images/Toolbar/buffer.gif);
    width: 16px;
    height: 16px;
}


.pointCoordinateIcon {
    background-image: url(../images/Toolbar/pointcoord_inactive.gif);
    width: 16px;
    height: 16px;
}


/* this line hide layers when out of scale for the inline TOC */
#scaleDiv .agsTOCOutOfScale {
    display: none;
}

#pwsid {
    color: black;
    font-weight: bold;
    padding-left: 65px;
    display: block;
    width: 150px;
    float: left;
}

#pwsname {
    color: black;
    font-weight: bold;
    padding-left: 100px;
    display: block;
    width: 150px;
    float: left;
}

#testdiv_1 {
    width: 150px;
    height: 150px;
    background: #ccc;
    border: 1px solid #aaa;
    top: 300px;
    left: 350px;
    position: absolute;
}

#testdiv_2 {
    width: 295px;
    height: 394px;
    right: 10px;
    top: 160px;
    border: 1px solid #aaa;
    position: absolute;
}

#testdiv_2_move {
    text-align: center;
    filter: alpha(opacity=50);
    opacity: 0.5;
    color: #fff;
}

.dijitMenuItem {
    font-size: 14px;
}

#extractDataLayers {
    display: none;
}

#themeNotice {
    position: absolute;
    font-size: x-large;
    z-index: 99;
    text-align: center;
    margin-top: 25%;
    margin-left: 40%;
    display: none;
}

.themeRow {
    border: 1px solid #000000;
    /* margin-bottom: 15px;
    max-width: 320px;
    min-width: 150px; */
}

.themeTitleColumn {
    font-weight: bold;
    width: 190px;
    padding-left: 10px;
    display: inline-block;
}

.themeImageColumn {
    font-weight: bold;
    display: inline-block;
    margin-top: 1px;
}

.themeButtonImage {
    border: 1px solid #000000;
    margin-top: 4px;
    height: 50px;
    width: 75px;
}

.amlPointKeywordsTableDiv {
    margin-top: 10px;
    margin-left: 10px;
}

.amlPointKeywordsTable {
    border: 1px solid;
    border-collapse: collapse;
    padding: 3px;
}

.amlPointKeywordsTableHead {
    font-weight: bold;
}