html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#headerDiv {
    display: -webkit-flex;
    display: flexbox;
    justify-content: space-between;
}
    #headerDiv > div {
        width: 100px;
        height: 100px;
    }
#leftHeaderDiv {
    /*width: 20%;*/
    position: absolute;
    height: 40px;
    text-align: center; 
    /*line-height:75%;*/ 
    font-size: 12px; 
    /*font-weight: bold;*/ 
    color: #0000FF;
    /*margin-left: 0px;*/
    /*margin-right: 80%;*/
    /*top: 0px;*/
}
#rightHeaderDiv {
    /*position: absolute;*/
    /*position: relative;*/
    /*left: 200px;*/
    /*width: 80%;*/
    height: 40px;
    text-align: center; 
    line-height:75%; 
    font-size: medium; 
    font-weight: bold; 
    color: blue;
    /*margin-left: 20%;*/
    /*top: 0px;*/
    /*right: 0px;*/
}
/*.scrollable_div {
    height: 90%;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}*/
#mapDiv {
    padding: 0;
    /*top: 45px;*/
}
#leftPane {
    /*width: 20%;*/
    width: 310px; 
}
#tocPane {
    border: solid #97DCF2 1px;
}
#query {
    display: block;
    position: absolute;
    z-index: 2;
    top: 120px;
    left: 74px;
}
.esriPopup .titlePane {
    text-shadow: none;
}

.esriPopup .titleButton.next {
    right: 40px;
}

.esriPopup .titleButton.prev {
    right: 53px;
}

/* this line hide layers when out of scale for the inline TOC */
.agsjsTOCOutOfScale {
    /*  display: none;*/
    text-align: left;
}
.divider{
    width:5px;
    height:auto;
    display:inline-block;
    min-height:1px;
}
.resizedDateTextbox {
    /*width:162px;*/ 
    width:130px; 
    height: 12px; 
    font-size: 12px
}
.resizedIDTextbox {
    width: 100px; 
    height: 12px; 
    font-size: 12px}
.resizedTextbox {
    /*height: 16px;*/ 
    height: 12px; 
    font-size: 12px}
.resizedSelect {
    height: 18px; 
    font-size: 12px;}
.pct100 {
    width: 100%;
}
.pct95 {
    width: 95%;
}
#divGPS_Ver_C {
    text-align: left;
}
#divComments {
    z-index: 10;
}