html, body
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    
    margin: 0px;
    padding: 0px;
    background-color: #000000;
    
    overflow-x: hidden;
    overflow-y: hidden;
}

.rc-div
{
    margin: 0px;
    padding: 0px;
}

#outer-div
{
    position:absolute;
    top: 0px;
    bottom:0px;
    left: 0px;
    right: 0px;
}

#title-bar-div
{
    /*-ms-touch-action: none;*/
    position:absolute;
    top: 0px;
    width: auto;
    height: 42px;
    border-radius: 0px 0px 4px 0px;
    background-color: #242424;
    border: 1px solid #828282;
    opacity: 0.87;
    z-index: 999999;
}

#title-div {
    float: left;
    padding-top: 10px;
    padding-left: 4px;
    /*padding-right: 17px;*/
    color: #FFFFFF;
}

#title-text-div {
    float: left;
    font-size: x-large;
    font-family: Arial, sans-serif;
    font-weight: 500;
}

#version-span {
    float: left;
    font-size: xx-small;
    font-family: Arial, sans-serif;
    font-weight: 300;
    vertical-align: super;
}

#title-tools-div {
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 7px;
}



/* ELR: used by the toggles to hide/show the toolbar and panes */
.flipped-img
{
    transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -khtml-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
}



/* ELR: both layer and search panes use this style */
.left-div
{
/*    -ms-touch-action: none;*/
    position: absolute;
    width: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-right: 27px;
    top: 43px;      /* It has to meet the top bar. */
    left: -2000px;  /* Default decisively off screen. */
    /*min-width: 1px;*/
    bottom: 0px;
    border-radius: 0px 0px 17px 0px;
    border: 1px solid #828282;
    /*opacity: 0.87;*/
    /*background-color: #242424;*/
    background: rgba(36, 36, 36, 0.87);
    z-index: 4;
    /*z-index: 999999;*/
}
#layers-content-div
{
    padding-top: 14px;
    padding-left: 14px;
}
.menuDIV
{
    padding-top: 10px;
    padding-left: 24px;
    white-space: nowrap;
}
.menuThemeSpan
{
    font-family: Arial, sans-serif;
    font-size: medium;
    font-weight: bold;
    white-space: nowrap;
    color: #FFFFFF;
}
.menuVerticalSpacing
{
    height: 14px;
    width:200px;
}
.menuOptionValue
{
    font-family: Arial, sans-serif;
    font-size: small;
    white-space: nowrap;
    color: #FFFFFF;
}


#baseMapDiv
{
    padding-bottom:14px;
    width:100%;
}
#rcLayersContainer
{
    width:100%;
    overflow-y:hidden;
    overflow-x:hidden;
    height:200px;
    border-top: 1px #828282 solid;
    padding-left:24px;
}
#rcLayersDiv
{
    /*padding-top: 12px;*/
    /*overflow: hidden;*/
    overflow-y:auto;
    overflow-x:hidden;
    height:160px;
    margin-top:10px;
}
.layer-span
{
    height:20px;
    padding-top:10px;
}
.themeLayers-div-open
{
    display: inline-block;
}
.themeLayers-div-closed
{
    display: none;
}
.themeCheckDIV
{
    height: 10px;
    width: 10px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #828282;
    opacity: 0.87;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}
.themeCheckDIV:hover
{
    border: 1px solid #00FFFF;
}
.minMaxIMG
{
    height: 10px;
    width: 10px;
    vertical-align: top;
    text-align: center;
}
table.layersTable, td, tr
{
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: small;
    color:#FFFFFF;
}
.layersTable td:nth-child(odd){
    padding-left: 10px;
}
.layersTable td:nth-child(even){
    padding-right: 10px;
}
/*.layersTable tr:nth-child(odd){
    background-color: #141414;
}*/
#hide-legend-cd {
    padding:0px 0px 0px 3px;
}

#searchInput
{
    width: 200px;
}
#fuzzySearchCaution
{
    font-family: Arial, sans-serif;
    font-size: x-small;
    white-space: nowrap;
    /*color: #878700;*/
    /*color: #FFFF00;*/
    /*color: #ACAC00;*/
    color: #CBCB00;
    padding-top: 7px;
    padding-bottom: 7px;
}
#searchResult
{
    font-family: Arial, sans-serif;
    font-size: small;
    white-space: nowrap;
    color: #FFFFFF;
    
    width: 205px;
    margin-top:10px;
    overflow-x: hidden;
    overflow-y: auto;
}
#search-left-div {
    padding-bottom:40px;
}
/*.search-result-children { display: block; }
.search-result { display: none; }*/
.searchItemDiv
{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 4px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.searchItemDiv:nth-child(even)
{
    background-color: #141414;
}
.searchItemDiv:hover
{
    background-color: #d7d7d7;
    color: #000000;
}
.searchItemDivSelected
{
    background-color: #b2b2b2;
    color: #000000;
}
.searchItemDivSelected:nth-child(even)
{
    background-color: #b2b2b2;
    color: #000000;
}
.gmAddrInfoPopup
{
    height:auto;
    line-height:25px;
    width:auto;
    white-space:nowrap;
    padding-left:10px;
    border-radius:5px 5px 0px 0px;
}


.parcelHistoryTable td{
    padding-left: 4px;
    padding-right: 4px;
}
.parcelHistoryTable tr:nth-child(even){
    background-color: #141414;
}



.parcelPopUpTableDIV
{
    position: relative;
    padding-top: 7px;
/*    overflow-y: auto;
    overflow-x: auto;
    max-height: 100px;*/
}
table.parcelPopUpTable, td, tr
{
/*    width: 100%;*/
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: small;
    color:#FFFFFF;
}
.parcelPopUpTable tr:nth-child(even)
{
    background-color: #141414;
}


#map-canvas
{
    position:relative;
    height:100%;
    width:100%;
    /*z-index: 0;*/
}



.anno-icon {
	/*font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;*/
	/*font-weight: 700;*/
	width: auto !important;
	height: auto !important;
	/*background-color: rgba(255, 255, 255, 0.4);*/
	/*box-shadow: 0 0 5px #BBB;*/
	/*border: solid 0px;*/
	/*border-radius: 4px;*/
	/*color: #000000;*/
	/*padding: 2px;*/
	margin: 0;
	white-space: nowrap;
}




.layers-sv{
    height: 180px;
    width: 210px;
    opacity: 1.0;
    border: 1px solid #c2c2c2;
}

/* For hiding Google's fullscreen control in Panorama'*/
.gm-style > div:nth-child(10){
 display:none;
}




/* What did I use this for..? Hover callout? Measuring tool? */
svg
{
    /*fill:white;*/
    fill:#242424;
    opacity:0.87;
    float:left;
}

/*#hover-details-div
{
    display:none;
    background-color: #242424;
    white-space:nowrap;
    overflow:hidden;
    position:absolute;
    z-index:1000;
    padding:0px;
    margin:0px;
}

#hover-details-span-wrapper {
    display:inline-block;
    background-color:#FFFFFF;
    background-color: #242424;
    padding-left:6px;
    padding-right:4px;
    padding-bottom:2px;
}

#hover-details-span {
    background-color:#FFFFFF;
    font-family: Arial, sans-serif;
    font-size: small;
}*/

#hover-details-div {
    display:none;
    position: absolute;
    text-align: left;
    white-space:nowrap;
    overflow:hidden;
    z-index:191000;
    padding:0px;
    margin:0px;
}

#hover-details-span-wrapper {
    display:inline-block;
    background-color:#242424;
    /*opacity:0.87;*/
    opacity:1;
    padding:1px;

    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    border: 1px solid #242424;
}

#hover-details-span {
    background-color:#FFFFFF;
    /*opacity:0.97;*/
    opacity:1;
    font-family: Arial, sans-serif;
    font-size: small;
    padding: 7px;
    
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    border: 1px solid #242424;
}

.hover-table td tr{
    border-collapse: collapse;
}
.hover-table td{
    padding-left: 7px;
    font-family: Arial, sans-serif;
    font-size: small;
    color:#000000;
}
.hover-table tr:nth-child(even){
    background-color: #EDEDED;
}


.status-div {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: auto;
    opacity: 0.87;
    z-index: 16777271;
/*    margin: 0px;
    padding: 0px;*/
    text-align: center;
}

.status-inner-div {
    background-color: #242424;
   /* padding: 2px;
    padding-left: 6px;
    padding-right: 6px; */
    font-family: Arial, sans-serif;
    font-size: small;
    font-weight: 400;
    color: #FFFFFF;
}


.parcelInfoSpanLink:link
{
    color: #FFFFFF;
}
.parcelInfoSpanLink:visited
{
    color: #aaaaaa;
}


/*.testableDIV
{
    border: 1px solid #870000;
}*/

.logoDIV
{
    position:absolute;
    opacity:0.5;
    top:10px;
    right:40px;
    /*background-color:#00526A;*/
    background: rgba(36, 36, 36, 0.87);
    padding:7px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    color: white;
}

.logoSpan
{
    position:relative;
    left:15px;
    font-family: Arial, sans-serif;
    font-size:12px;
}
.woolpertImg
{
    position:relative;
    top:5px;
    height:42px;
}


#disclaimerDIV
{
    /* Start Disclaimer Invisible */
    display: none;
    position: absolute;
    padding: 6px;
    text-align: justify;
    z-index: 1000000;
    
    border-radius: 4px 4px 4px 4px;
    background-color: #242424;
    border: 1px solid #828282;
    opacity: 0.94;
    
    font-family: Arial, sans-serif;
    font-size: small;
    color: #FFFFFF;
    
    /*-ms-touch-action: none;*/
}
#disclaimerDIV a:link
{
    color: #99CCFF;
}

#disclaimerTitleDIV
{
    display:inline;
}
#disclaimerTitleSpan
{
    vertical-align:top;
    font-size: medium;
    font-weight: bolder;
}
#disclaimerTitleSpan a:link
{
    color: #FFFFFF;
}
#disclaimerTitleSpan a:visited
{
    color: #aaaaaa;
}
#DisclaimerRCGeoLogoIMG
{
    vertical-align:top;
    height:20px;
    width:27px;
    cursor:pointer
}
#disclaimerTitleSpacer
{
    height:4px;
    width:10px;
}
#disclaimerHTML
{
    vertical-align:bottom;
}

#infoAreaDIV
{
    padding-top: 12px;
    padding-left: 24px;
}
#infoAreaSPAN
{
    font-size: 11pt;
    font-weight: bold;
}
#minMaxInfoIMG
{
    vertical-align: middle;
    padding-left: 7px;
    height: 12px;
    width: 12px;
}
.toolInfoIMG
{
    vertical-align: middle;
    padding-left: 7px;
    height: 32px;
    width: 32px;
}
.toolInfoSPAN
{
    vertical-align: middle;
    padding-left: 7px;
}

#disclaimerAcceptButtonOuterDIV
{
    vertical-align: top;
    white-space: nowrap;
    padding-right: 12px;
    text-align: right;
    width: auto;
    padding-top: 17px;
    padding-bottom: 7px;
}
#disclaimerAcceptButtonIMG
{
    vertical-align:middle;
    height:14px;
    width:14px;
    cursor:pointer
}


.legend-control-div {
    position:absolute;
    bottom:40px;
    right:10px;
    /*padding: 2px;*/
    font: Arial, sans-serif;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    text-align: left;
    line-height: 18px;
    /* Font properties affect the legend title text.. */
    font-weight: 600;
    font-size: large;
    background: #fff;
    color: #555;
    z-index: 1010;
}

.legend-rc-div {
    margin: 0px;
    padding: 0px;
}

#legend-inner-div {
    font-family: Arial, sans-serif;
    font-weight:600;
    font-size:small;
    overflow-y:auto;
    overflow-x:hidden;
}

.legend-title {
    font-family: Arial, sans-serif;
    font-weight:600;
    font-size:medium;
    text-align:center;
    height:30px;
    min-width:100px;
    /*cursor: pointer;*/
    /*border-bottom: #555 1px solid;*/
}

.legend-layer-title {
    padding:2px 6px 2px 6px;
    border: 1px solid #979797;
    /*border-radius: 5px;*/
    background:#fff;
    cursor: pointer;
}

.legend-layer-title-active {
    padding:2px 6px 2px 6px;
    border: 1px solid #979797;
    cursor: pointer;
    /*border-radius: 5px;*/
}

.legend-insert {
    background: #FFF;
}
.legend-insert-active {
    background: #fff;
}
.hidden {
    display: none;
}

.legend-menu-toggle-img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.legend-span {
    display:inline-block;
    line-height:30px;
}


.ie8-img {
    position:absolute;
    left:20px;
    top:20px;
    border:2px #000000 solid;
}
.rc-logo {
    position:absolute;
    top:30px;
    left:75px;
}
.rc-seal {
    position:absolute;
    top:30px;
    left:320px;
}
.ie8-link1 {
    position:absolute;
    top:240px;
    left:174px;
    font-size:16px;
}
.ie8-link2 {
    position:absolute;
    top:265px;
    left:174px;
    font-size:16px;
}


.hist-parcels-marker-img {
    position:relative;
    top:-12px;
    left:-1px;
}
.hist-parcels-marker-span {
    position:relative;
    top:-43px;
    left:12px;
    font-size:12px;
    font-weight:bold;
}

.msgBox {
    position: absolute;
    padding: 6px;
    text-align: justify;
    z-index: 1000000;
    
    border-radius: 4px 4px 4px 4px;
    background-color: #242424;
    border: 1px solid #828282;
    opacity: 0.94;
    
    font-family: Arial, sans-serif;
    font-size: small;
    color: #FFFFFF;
    
    top:300px;
    left:300px;
}

.faux-link {
    font-weight:bold;
    text-decoration:underline;
    color:#33CCCC;
    cursor:pointer;
}

.leaflet-popup-content table td
{
    color: #000;
}

#alertDIV
{
    display: none;
    position: absolute;
    padding: 6px;
    text-align: justify;
    z-index: 1000000;
    
    border-radius: 4px 4px 4px 4px;
    background-color: #242424;
    border: 1px solid #828282;
    opacity: 0.94;
    
    font-family: Arial, sans-serif;
    font-size: small;
    color: #FFFFFF;
    
    /*-ms-touch-action: none;*/
}

#alertTitleDIV
{
    display:inline;
}
#alertTitleSpan
{
    vertical-align:top;
    font-size: medium;
    font-weight: bolder;
}
#alertTitleSpan a:link
{
    color: #FFFFFF;
}
#alertTitleSpan a:visited
{
    color: #aaaaaa;
}
#AlertRCGeoLogoIMG
{
    vertical-align:top;
    height:20px;
    width:27px;
    cursor:pointer
}
#alertTitleSpacer
{
    height:4px;
    width:10px;
}
#alertHTML
{
    vertical-align:bottom;
}
#alertAcceptButtonOuterDIV
{
    vertical-align: top;
    white-space: nowrap;
    padding-right: 12px;
    text-align: right;
    width: auto;
    padding-top: 17px;
    padding-bottom: 7px;
}
#alertAcceptButtonIMG
{
    vertical-align:middle;
    height:14px;
    width:14px;
    cursor:pointer
}

.tablegrid {
    border-collapse: collapse;
}
.tablegrid td
{
    border: 1px solid #000;
    vertical-align:middle;
    padding: 5px;
    color: #FFFFFF;
}
.tablegrid tr:nth-child(odd){
    /*background-color: #969696;*/
}    

.tablegrid tr:nth-child(even){
    background-color: #C0C0C0;
}