html, body {
  height: 100%; width: 100%; margin: 0px; padding: 0px; overflow:hidden; background-color: #F5F3EE;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9.5pt;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
#header {
  position: absolute;
  width:100%;
  top: 0px;
  left: 0px;
  margin: 0px; 
  padding: 0px;
  z-index: 500;
  overflow:hidden
}
#main_header {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top:5px;
  width: 100%;
  height: 31.5px;
  overflow:hidden;
  z-index:500;
  background-color: rgba(17,17,17,1);
}
.map_link {
  padding-top:3px;
  padding-bottom:3px;
  padding-left:10px;
  background-color:transparent; 
  text-decoration:none;
  font-size: 11pt;
  float:left;
  color: white;
  border-left: 1px solid;
  position: absolute;
  left:118px;
  white-space: nowrap;
}
.map_link:hover {
  text-decoration: underline;
}
.header_buttons {
  float: right;
  cursor: pointer;
  font-size:17pt;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  vertical-align:top;
}
.header_buttons:hover {
  background-color: #616161;
}
.fa-question{
  border-left: 1px solid;
  padding-left:4px;
  padding-right:4px;
}
li a {
  list-style-type:none;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 11.75px 15px;
  cursor: pointer;
  line-height:13.25px;
}
.toggle_pane li a:hover {
  background-color: #474747;
}
.usgs_logo{
  position: absolute;
  top: 4px;
  left: 4px;
  margin: 0px; 
  padding: 0px;
  z-index: 900;
}
.dijitTooltipConnector{
  padding-right:8px;
}
.dijitTooltipContainer .dijitTooltipContents{
  padding-right:8px;
  -ms-user-select: none;
}
.help {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;   
  background-color: rgba(0,0,0,0.4);
}
.help_wrapper {
  position:relative !important;
  background-color: #fefefe;
  margin: 0 auto;
  top: 42px !important;
  border: 4px solid black;
  width: 50% !important;
  min-width:551px;
  max-width:800px;
  max-height:600px;
  font-size:11pt;
  padding-bottom:5px;
  border-radius:4px;
}
.help_content {
  box-sizing:border-box;
  margin-left: 20px !important;
  max-height:575px;
  overflow: auto;
  padding: 0 !important;
  padding-right:10px !important;
}
.help_button {
  right:3px;
  font-size: 19px;
  line-height:17px;
  position:absolute;
}
.help_button:hover,
.help_button:focus {
  cursor: pointer;
}
.close {
  color: #fff;
  float: right;
  font-size: 20px;
  line-height:16px;
}
.close:hover,
.close:focus {
  cursor: pointer;
}
.HelpHeader{
  width:100%;
  background:#444444;
  color:white;
  padding:5px !important;
  padding-top:3px !important;
  padding-bottom:3px !important;
  padding-right:0 !important;
  margin:0;
  margin-bottom:5px;
  font-size:11pt;
  box-sizing:border-box;
}
#map {
  position: absolute;
  height:73%;
  width:100%;
  top: 0px;
  left: 0px;
  margin: 0px; 
  padding: 0px;
  z-index: 1;
  overflow:hidden
}  
.dijitSplitterThumb {
  height: 2px !important;
  width: 75px !important;
  left:50% !important;
  margin-left:-37.5px !important;
}
#unitinfo {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 340pt;
  height: 85pt;
  z-index: 35;
  background-color: rgba(255,255,255,1);
  padding: 0px;
  border-radius: 4px;
  font-size: 9.5pt;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.39);
} 
#mouseoverHeader{
  width:100%;
  top:0px;
  box-sizing: border-box;
  padding: 2px;
  color: white;
  font-size: 10pt;
  white-space: pre;
  background-color: rgba(68,68,68,1);
  border-radius: 4px 4px 0px 0px;
}
table.heading2{
  position: absolute;
  width:100%;
  bottom:0px;
  box-sizing: border-box;
  padding: 0;
  color: black;
  font-size: 10pt;
  white-space: pre;
  background-color: rgba(242,242,242,0.70);
  border-radius: 0px 0px 4px 4px;
  table-layout: fixed;
  text-align: left;  
  border-top:1px solid silver;
}
td.head-1 {
  width: 60px;  
  padding-left:4px !important;
}
td.head-2 {
  width: 160px; 
  padding-left:4px !important;
}
td.head-3 {
  width: 82px;     
}
td.head-4 {
  width: 125px;     
}
#mouseover_unit{
  position:absolute;
  top: 21px;
  opacity:1 !important
}
th.head-1 {
  width: 60px;  
  padding-left:4px !important;
}
th.head-3 {
  width: 82px;     
}
.maplabel{
  font-family: FGDCGeoAge;
  border: 1px solid black;
  width:39.5pt;
  height:18pt;
  margin:0;
  margin-left:7px;
  margin-top:12px;
  text-align:center;
  line-height:19pt;
}
.mouseclick_unit{
  padding:5px;
  padding-bottom:6px;
  min-height:36px;
  white-space: nowrap;
}
#TextCon {
  position: absolute;
  height:27%;
  padding:0 !important;
  bottom: 0;
 }
#TextCon2 {
  height:100%;
  padding:0 !important;
  max-width:1600px;
  margin: 0 auto;
  position:relative !important;
  box-sizing:border-box;
  border: 1px solid silver;
}
.textpane{
  font-size: 9.5pt;
  background:white;
  height:100%;
  width:50%;
  padding:0;
  margin:0;
  border:3px solid silver;
  border-style:inset;
  box-sizing:border-box;
  float:left;
}
.UnitBox{
  width:100%;
  padding:0 !important;
  margin:0;
  border:0;
  overflow:hidden;
}
.UnitBox2{
  width:100%;
  padding:6px !important;
  padding-top:0 !important;
  margin-top:6px;
  border:0;
}
.TextHeader2{
  width:100%;
  background:#f2f2f2;
  padding:0 !important;
  padding-left:5px !important;
  padding-right:5px !important;
  margin:0;
  margin-top:5px;
  font-size:10pt;
  box-sizing:border-box;
  overflow:hidden;
}
.claro .dijitSplitterH, .claro .dijitGutterH {
  border-top: 1px solid gray !important;
  border-bottom: 1px solid gray !important;
}
.legendbox{
  font-family: FGDCGeoAge;
  border: 1px solid black;
  width:45px;
  height:20px;
  margin:0;
  text-align:center;
  line-height:20px;
}
#layer_frame {  
  z-index: 50;  
  position: absolute;  
  top: 5px;  
  right: 5px; 
  width: 275px;  
  height: 75%;
  min-height: 145px;
  max-height: 365px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}   
#toc_close {
  line-height:24px;
}
#zoomfullext{
  position: fixed;
  top: 42px;
  left: 25px;
}
#zoomnext{
  position: fixed;
  top: 82px;
  left: 45px;
}
#zoomprev{
  position: fixed;
  top: 82px;
  left: 5px;
}   
#zoom_in {
  position: fixed;
  top: 122px;
  left: 25px;
}
#zoom_out {
  position: fixed;
  top: 162px;
  left: 25px;
}
#zoom_poly {
  position: fixed;
  top: 202px;
  left: 25px;
}
#search {
  display: block;
  position: fixed;
  z-index:100;
  top: 42px;
  left: 120px;
}
.arcgisSearch .searchCollapsed .searchSubmit {
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 4px !important;
  border-radius:4px;
  text-align: center;
  border: 1px solid black;
}
.arcgisSearch .searchIcon {
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.arcgisSearch .searchGroup .searchInput {
  color:white;
  background-color:rgba(71,71,71,0.85);
  height:21px;
  line-height:21px;
}
.arcgisSearch .searchBtn {
  background-color:rgba(71,71,71,0.75);
  border-left:1px solid silver;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 4px !important;
  border-radius:0 4px 4px 0;
  text-align: center;
}
.arcgisSearch .searchIcon {
  color:white;
}
.arcgisSearch .searchBtn:hover, .arcgisSearch .searchBtn:focus{
  background-color: #474747 !important;
}
.arcgisSearch .searchInput::-moz-placeholder {
    color: #bfbfbf;
}
.arcgisSearch .searchMenu {
  color:white;
  background-color:rgba(71,71,71,0.85);
}
.arcgisSearch .searchMenu li:hover {
  background-color: #474747 !important;
}
.arcgisSearch .searchClear {
  background-color:rgba(71,71,71,0.85);
  height:25px;
  top:1px;
  padding-top:4px;
  padding-bottom:4px;
}
.arcgisSearch .hasButtonMode .searchExpandContainer {
    height: 35px;
}
.controls{
  z-index:100;
  display:inline-block;
  font-size: 23px;      
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color:rgba(71,71,71,0.75);
  text-align: center;
  vertical-align: center;
  padding:4px;
  border-radius: 4px;
  border: 1px solid black;
  cursor: pointer;
}
i:hover {
  background-color: #474747;
}
.scalebar_bottom-right{
  right: 5px; 
  bottom: 5px;
}
.esriScalebar{
  padding: 6px 33px 3px 6px;
  background-color: rgba(71,71,71,0.5);
  border-radius: 4px;
  width: auto;
  height: auto;
}
.esriScalebarLabel{
  color:white !important;
  opacity: 1 !important;
  font-size:10px;
}
.esriScalebarLine{
  overflow:hidden;
  position: relative;
  width: 100%; 
  height:6px;
  border:2px solid white;
  opacity: 1 !important;
}
.esriScalebarMetricLine{
  border-top-style:none;
}
.esriScalebarEnglishLine{
  border-bottom-style:none;
  top: -2px;
}
.toggle_pane {
  position:absolute;
  list-style-type: none;
  margin: 0px;
  margin-left:-25px;
  padding: 0px;
  bottom:0px;
  left: 50%;
  width: 50px;
  height: 18px;
  z-index:500;
  background-color: rgba(71,71,71,0.5);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
#text_header {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index:500;
  opacity:0.8;
  background-color: #111;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.39);
}
.TextHeader{
  width:100%;
  background:#444444;
  color:white;
  padding:5px !important;
  padding-top:3px !important;
  padding-bottom:3px !important;
  margin:0;
  font-size:10pt;
  text-align:center;
}
.hangingindent {
  padding-left: 22px;
  text-indent: -22px;
  line-height: 15px;
}
table.attribute_list {
  top:0;
  left:0;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid silver;
  width: 100%;
  height:100%;
  line-height:18px;
}
td.data {
  text-align: left;
  padding: 2px;
  border: 1px solid silver;
}
td.fields{
  width: 6em;
  text-align: left;
  padding: 2px;
  border: 1px solid silver;
}
tr.attribute_list:nth-child(even){
  background-color: #cde7f0
}
td.Ufields{
  width: 10em;
  text-align: left;
  padding: 2px;
  border: 1px solid silver;
}
th.fields{
  width: 6em;
  text-align: left;
  padding: 2px;
  border: 1px solid silver;
}
.widthlimit {
  left: 0;
  right: 0;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}
table.heading3{
  font-size: 9.5pt;
  white-space: pre;
  table-layout: fixed;
  text-align: left;  
}
td.numhead{
  padding-top:0;
  padding-bottom:0;
  padding-right:8px;
  padding-left:0;
}
.TOCsubLayerList {
  margin: 0px 0 6px 9px;
  padding: 2px 0;
}
.TOCsymbolList {
  margin-left: 16px;
  margin-top: 8px;
}
.TocTitle {
  border-bottom: 3px double #999;
}
.claro .dijitTabContainerBottom-tabs .dijitTabChecked {
  background-image: -moz-linear-gradient(center bottom , #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-bottom: 3px;
  padding-top: 3px;
}
.claro .dijitTabContainerBottom-tabs .dijitTab {
  border-top-width: 1px;
}
.claro .dijitAccordionInnerContainerSelected {
  background-color: #444444;
  border-color: #444444;
}
.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
  background-image: none;
  background-repeat: none;
  color: none;
}
#layer_frame{
  border-radius: 4px;
}
#layer_frame2_button_title{
  color: white;
  font-weight: bold;
  font-size: 10pt;
}
#layer_frame2_wrapper{
  margin-bottom: 0px;
}
.esriPopup {
  z-index: 999 !important;
}
.gen_list{
  border-style:none;
}
.disableSelection{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.confineSelection{
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -moz-user-select: element;
  -ms-user-select: element;
}
.claro .dijitVisible{
  visibility: hidden;
}
#MapLoadingPage{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:0px;
  text-align:center;
  z-index:2;
  overflow:hidden;
  background:rgba(255, 255, 255, 0.35);
}
#MapLoader{
  position:relative;
  top:50%;
  width:30px;
  height:30px;
  border-radius:50%;
  border-style:solid;
  border-width:1px;
  background:rgba(150, 150, 150, 0);
  box-shadow: inset 0 0 0 6px white;
  opacity:0.7;
}
.cap {
height:0.01px;
overflow:hidden;
}