html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color:#585858;
  color:#3D3B3B;
  font-family: verdana, arial, sans-serif;
}

img{border:none;}

hr{
  color: #DADADA;
  background-color: #DADADA;
  height:1px;
  border: 0;
}

.claro .dijitButtonText {
  padding: 0px;
  line-height: 1em;
  font-weight: bold;
  font-size: .75em;
  color: #3D3B3B;
}

#borderContainerTwo {
  width: 100%;
  height: 100%;
}

/* Top Pane */  
#topPane{
  background-color:#181616;
  padding:3px;
}

#logo {
  float:left;
}
#logo img{  
  width:60px; 
  height:60px;
  margin-right: 15px;
}
#TitleBarLeft h1{
  color: white;
  margin: 0px;
  padding: 0px;
  font-size:1.5em;
}

#TitleBarLeft img{
  height:24px;
  width:495px;
  margin-top: 5px;
}


#SearchBar{
  margin: 0px 0 0 0px;
  float: left;
}

.searchInputBox{width: 325px; margin-right:5px;}

#SearchBar p{
  float: left;
  margin: 0px 5px 0 0;
  padding: 4px 0 0 0;
}

#TitleBarRight{
  margin:0;
  padding:0;
  float:right;
  position:absolute;
  top:20px;
  right:20px;
}

.zoomfullextIcon{ width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/FullExtent.png);}
.zoomprevIcon  	{ width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/Previous.png);}
.zoomnextIcon  	{ width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/Next.png);}
.shareIcon  	  { width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/Share.png);}
.measureIcon    { width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/ruler.png);}
.identifyIcon   { width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/info.png);}
.selectIcon     { width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/select.png);}
.pdfIcon       	{ width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/adobe_pdf_icon.png);}
.printIcon     	{ width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/Printer.png);}
.helpmeIcon 			{ width:30px; height:30px; background-size: cover; background-image:url(images/top-panel/question.png);}

/* Left Pane */  
#leftPane{width:300px; padding: 0px; z-index: 79; minWidth:300px;}
#leftAccordion{width:315px;}

.esriMeasurement {
    height: 210px;
}

.esriBasemapGalleryLabelContainer {font-size:.9em;}
.esriBasemapGalleryNode {margin-bottom:5px;}

.SDG_Link{text-align:center;font-weight:bold;margin:0 0 5px 0;}
.SDG_Link a{color:#2561A0; text-decoration:none;}
.SDG_Link a:hover{color:#b10000; text-decoration:underline;}
#identifytools{width:100%;}
#identifytools tr td{width:25%;text-align:center;}

/* Bottom Pane */  
#searchResultPane{height:225px;}
.bufferDistance{width:40px; margin-right:5px; margin-left:5px;}
.dijitTextBox #BufferInput { text-align: right; }
.dijitPlaceHolder .dijitInputField{ text-align: right; }

#bottomPane{background-color:white;}
.dojoxGridMasterHeader {font-size:.8em; }
.dojoxGridContent {font-size:.75em;height:20px;}
.dojoxGridRowSelected .dojoxGridCell{background-color: #FFFA75;}
.dojoxGridRowOver {border: solid; border-color: red; border-width:3px;}
.gridbutton{width:20px; height:20px;}

.dijitAccordionTitle{font-size:.9em; font-weight:bold;}
#MapFail{
	color:grey;
	text-align:center;
}

#map_root{
    position: absolute;
    margin: 5px;
}

.layerListSpan{
  margin-left: 5px;
  margin-bottom: 3px;
  vertical-align: top;
  font-size:.8em;
}


.meta{
  font-size: .7em;
  text-decoration:none;
  font-weight:bold;
  color: #2c539e;
  vertical-align: top;
  margin-left: 5px;
}

.official{
  font-size: .9em;
  text-decoration:none;
  font-weight:bold;
  margin-left: 20px;
  color: #2c539e;
}

.official:hover, .meta:hover{
  color: red;
}

.layerGroup{
  border-bottom: thin solid #C0C0C0;
  margin-bottom: 5px;
  vertical-align: middle;
}

.layerGroup h1{
  font-size: .8em;
  margin-bottom: 2px;
  margin-top: 8px;
}

#parceldetailsPane{color:#3D3B3B;font-size: .9em;}
#parceldetailsPane p{margin:0;}

#loadingData{
  background-color:white;
  padding:5px;
  
  -webkit-border-radius: 15px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 15px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
  
  opacity: 0.8; 
}

#searchResultPane {padding: 0 5px 5px 5px;}
.imoLink{margin:0; font-weight:bold;}
.imoLink a{color:#2561A0; text-decoration:none;}
.imoLink a:hover{color:#b10000; text-decoration:underline;}

#pano{
  height:200px;
  width:100%;  
}

#printWindow {
  display: none;
  font-size:.85em;
  text-align: center;
  background: #fff;
  position: absolute;
  height: auto;
  top: 20px;
  right: 20px;
  margin: 5px;
  padding: 10px;
  width: 200px;
  z-index: 40;
  
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.35);
	   -moz-box-shadow: 0 2px 4px rgba(0,0,0,.35);
	        box-shadow: 0 2px 4px rgba(0,0,0,.35);
}
#printWindow p{text-align:justify; font-size:.9em;}

#print_button {float:left;}

#shareWindow {
  font-size:.85em;
  text-align: center;
  background: #fff;
  position: absolute;
  height: auto;
  top: 20px;
  right: 20px;
  margin: 5px;
  padding: 10px;
  width: 350px;
  z-index: 40;
  display: none;
  
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.35);
	   -moz-box-shadow: 0 2px 4px rgba(0,0,0,.35);
	        box-shadow: 0 2px 4px rgba(0,0,0,.35);
}

#shareWindow p{
  font-size:.85em;
  text-align: left;
  
  -ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

#helpDialog p, #helpDialog li{font-weight:normal;}
#helpDialog h1{font-size:1.25em; margin-bottom:5px;}
#helpDialog h2{margin: 30px 0 5px 0; font-size:1em; }
#helpDialog p, #helpDialog li{font-size:.9em; margin: 10px 0px; width:100%;}
#helpDialog ul{margin: 0;}
#helpDialog li a, #helpDialog li a:visited{text-decoration:none; color:#3D3B3B;}
#helpDialog li a:hover, #helpDialog li a:focus{font-weight:bold; color:#0A0A9B;}

.alignMiddle td{
  border-bottom:1px solid #DADADA;
  padding:2px 5px;
  vertical-align: middle;
  font-size: .9em;
}
.HelpTools td img{ height:25px; width:25px; }



@media only screen and (max-width : 1024px) {
  /* For tablet landscape layouts only */

.dijitButton{font-size:.8em}
.dojoxExpandoTitleNode {font-size: .8em;}
  
#logo img{  
  width:20px; 
  height:20px;
  margin-right: 10px;
}
#TitleBarLeft h1{
  font-size: 1.4em;
  height: 25px;
}

#TitleBarLeft img {
  height: 15px;
  width: 309px;
  margin-top: 5px;
}

#SearchBar{
  margin: 0px 0 0 0px;
  float: left;
}

.searchInputBox{width: 175px;}

#SearchBar p{
  float: left;
  margin: 0px 5px 0 0;
  padding: 4px 0 0 0;
}

#TitleBarRight{
  margin:0;
  padding:0;
  float:right;
  position:absolute;
  top:20px;
  right:5px;
}

.zoomfullextIcon{ width:20px; height:20px;}
.zoomprevIcon  	{ width:20px; height:20px;}
.zoomnextIcon  	{ width:20px; height:20px;}
.shareIcon  	  { width:20px; height:20px;}
.measureIcon    { width:20px; height:20px;}
.identifyIcon   { width:20px; height:20px;}
.selectIcon     { width:20px; height:20px;}
.pdfIcon       	{ width:20px; height:20px;}
.printIcon     	{ width:20px; height:20px;}
.helpmeIcon 			{ width:20px; height:20px;}

.dijitAccordionTitle {font-size:.9em;}
.esriBasemapGalleryNode img{width:75px;height:50px; margin-left:10px;}
.esriBasemapGalleryLabelContainer {font-size:.7em;font-weight: bold; margin-bottom:5px;}
.layerListSpan {margin-left:0;}


.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
margin: 0.05em;
vertical-align: middle;
}

#leftPane{width:215px; minWidth:200px;}
#leftAccordion{width:200px;}
#parceldetailsPane {font-size: .8em;}

.gridbutton{width:25px; height:25px;}


} /* For landscape layouts only */

@media only screen and (max-width : 768px) {
  /* small devices */
#logo img{  
  width:20px; 
  height:20px;
  margin-right: 5px;
}
#TitleBarLeft h1{
  font-size: 1.25em;
  height: 25px;
}

.searchInputBox{width: 125px;}

#SearchBar{
  float: none;
}

#TitleBarRight{
  float: none;
  position: relative;
  top: 0px;
  right: 0px;
}
  
  
  
}/* small devices */

@media print{
.noprint {display: none;}
#logo img{height:35px;width:35px;}
.dojoxExpandoTitle{display:none;}
#basemapPane_wrapper,#maplayersPane_wrapper, #measurePane_wrapper{display: none;}

}