html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}
body{
  background-color:lightgray; 
  overflow:hidden; 
  font-family: 'Roboto Condensed', sans-serif;
} 
.dojoxGrid {
  font-family: Roboto Condensed;
  font-size: small;
}
#mainHeader {
	height:82px;
}	
#header {
  height:37px;
 -moz-border-radius: 5px;
  padding-top: 4px;
  padding-left: 15px;
  background-color:#666666; 
  color:#cccccc; 
  font-size:14pt;
  font-weight:bold;
  border: solid 20px ##227AB4;
}
.nihilo .dojoxExpandoClosed {
	border: 1px solid #666 !important;
}
.nihilo .toggle .dijitButtonNode {
	border: 1px solid white;
}
.nihilo .dijitToolbar .dijitButtonHover {
	background-color: white;
	border: 1px solid white;
}
.nihilo .dijitSplitterH, .nihilo .dijitGutterH {
  background-color:lightgray;
}  
.nihilo .dijitSplitterV, .nihilo .dijitGutterV {
  background-color:lightgray;
}
#contentPanel {
  height: 100%;
  width: 100%;
  background-color:lightgray
}
#subheader {
  height: 35px;
  background-color: white;
  font-size:8pt;
  color: black;
  text-align:right;
  padding-left:1px;
  padding-right:10px;
  padding-top:1px;
  border: 1px solid #666;
}
#HomeButton {
  position: absolute;
  top: 235px;
  left: 20px;
  z-index: 50;
}  
#logo {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 50;
}
#north {
  position: absolute;
  bottom: 50px;
  left: 25px;
  z-index: 50;
}
ul{
  float: right;
  list-style-type:none;
  margin:0;
  padding-right: 10px;
}
#navToolbar {
  position: absolute;
  top: 43px;
  float: left;
  display: inline;
  font-weight:bold;
  text-align: right;
  color: black;
  padding-top: 1px;
  padding-left: 40px;
 } 
#navlist li{
  float: left;
  display: block;
  padding: 2px;
}
.spatialSelect {
  cursor: pointer;
  width: 32px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
 }
.advMeasure {
  cursor: pointer;
  width: 32px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
}
.widget {
  display: none;
  background: #fff;
  border: 2px solid #666;
  top: 0px;
  color: #666;
  height: 700px;
  right:15px;
  margin: 5px;
  position: absolute;
  width: 300px;
  z-index: 40;
  visibility: visible;
}
.widgetHead{
  left:1px;
  height: 20px;
  background-color: #666;
  color: #fff;
}
.widgetContent{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.widgetClose{
  float: right;
  cursor: pointer;
  padding-right:10px;
}
#mapPanel {
  background-color:white;
  border: 1px solid #666;
  height: 100%;
  width: 100%
}
#map {
  margin:0px; 
  height: 100%;
  width: 100%
}	
.shadow{
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 8px 8px 16px #323834;
  -webkit-box-shadow: 8px 8px 16px #323834;
  -moz-box-shadow: 8px 8px 16px #323834;
  -o-box-shadow: 8px 8px 16px #323834;
}
.nihilo .dijitToolbar {
  background-color:white;
  background:white;
  border-bottom: 0px solid #ccc;
}
.nihilo.dijitAccordionText {
  margin-left:4px;
  margin-right:4px;
  color:#5c8503;
}	
.buttonStyle {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0;
	border:1px solid #808080;
	display:inline-block;
	color:#4d4d4d;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:120px;
	text-decoration:none;
	text-align:center;
}
.buttonStyle:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color: #333333;
	text-decoration: none !important;
}
.dojoxExpandoClosed .dojoxExpandoTitleNode {   
	display:block;   
	-webkit-transform: rotate(90deg);   
	-moz-transform: rotate(90deg);   
	-ms-transform: rotate(90deg);   
	-o-transform: rotate(90deg);   
	transform: rotate(90deg);   /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */   
	-webkit-transform-origin: 60% 75%;   
	-moz-transform-origin: 60% 75%;   
	-ms-transform-origin: 60% 75%;   
	-o-transform-origin: 60% 75%;   
	transform-origin: 60% 75%;   /* Should be unset in IE9+ I think. */   
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);     
}
		#divGrid {
            height: 300px;
        }
        @import "http://summitmaps.summitoh.net/arcgis_js_api/library/3.13/3.13/dijit/themes/nihilo/nihilo.css";
        .zoominIcon {
            background-image: url(images/nav_zoomin.png);
            width: 16px;
            height: 16px;
        }
        .zoomoutIcon {
            background-image: url(images/nav_zoomout.png);
            width: 16px;
            height: 16px;
        }
        .zoomfullextIcon {
            background-image: url(images/nav_fullextent.png);
            width: 16px;
            height: 16px;
        }
        .zoomprevIcon {
            background-image: url(images/nav_previous.png);
            width: 16px;
            height: 16px;
        }
        .zoomnextIcon {
            background-image: url(images/nav_next.png);
            width: 16px;
            height: 16px;
        }
        .panIcon {
            background-image: url(images/nav_pan.png);
            width: 16px;
            height: 16px;
        }
        .deactivateIcon {
            background-image: url(images/nav_decline.png);
            width: 16px;
            height: 16px;
        }
		.identify {
            background-image: url(images/i_info.png);
            width: 25px;
            height: 25px;
        }
		.streetview {
            background-image: url(images/i_streetview.png);
            width: 25px;
            height: 25px;
        }
		.pictometry {
            background-image: url(images/i_picto.png);
            width: 25px;
            height: 25px;
        }.measure {
            background-image: url(images/i_measure2.png);
            width: 25px;
            height: 25px;
        }
		.nbhd {
            background-image: url(images/i_home.png);
            width: 25px;
            height: 25px;
        }
		.bookmark {
            background-image: url(images/i_bookmark.png);
            width: 25px;
            height: 25px;
        }
		.legend {
            background-image: url(images/i_Legend2.png);
            width: 25px;
            height: 25px;
        }
		
		.tools {
            background-image: url(images/i_tool.png);
            width: 25px;
            height: 25px;
        }
		.layers {
            background-image: url(images/i_layers.png);
            width: 25px;
            height: 25px;
        }
		.next {
            background-image: url(images/i_zoomnext.png);
            width: 25px;
            height: 25px;
        }
		.previous {
            background-image: url(images/i_zoomprevious.png);
            width: 25px;
            height: 25px;
        }
		.pan {
            background-image: url(images/i_pan.png);
            width: 25px;
            height: 25px;
        }
		.zoomin {
            background-image: url(images/i_zoomin.png);
            width: 25px;
            height: 25px;
        }
		.zoomout {
            background-image: url(images/i_zoomout.png);
            width: 25px;
            height: 25px;
        }
		.draw {
            background-image: url(images/i_draw2.png);
            width: 25px;
            height: 25px;
        }
		.buffer {
            background-image: url(images/i_buffer40.png);
            width: 25px;
            height: 25px;
        }
		.print {
            background-image: url(images/i_print.png);
            width: 25px;
            height: 25px;
        }
		.clear {
            background-image: url(images/i_clear.png);
            width: 25px;
            height: 25px;
        }
		.basemap {
            background-image: url(images/i_basemap.png);
            width: 25px;
            height: 25px;
        }
		.geovista {
            background-image: url(images/i_GVCam.png);
            width: 25px;
            height: 25px;
        }
		
        #scaleDiv .agsTOCOutOfScale {
            display: none;
        }
		
		
@media (max-width: 1070px) {
		.identify {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.measure {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.bookmark {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.tools {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.legend {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.layers {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.draw {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.streetview {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.pictometry {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.buffer {
            background-image: none;
            width: 0px;
            height: 0px;
			
        }.geovista {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.print {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.nbhd {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.clear {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.basemap {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.zoomin {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.zoomout {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		.pan {
            background-image: none;
            width: 0px;
            height: 0px;
        }
		#navlist {
			display: none;
		}
		#navToolbar {
			padding-left: 0px;
		}
		#logo {
			display: none;
		}
		#widgetTray {
			font-size: 20px;
		}
}