html, body { 
		height: 100%; 
		width: 100%; 
		margin: 0; 
		padding: 0; 
	}
	/*Popup search criteria validation prompt*/
	.required { color: red; font-size:10px; }
	
	/*Scale bar */
	.esriScalebarLabel {color:#FFF; }

	#map { 
		padding: 0;
		border: solid 2px #666;
		margin: 0 5px 5px 5px;
		z-index: -1;
	}
	#header {
		border: solid 2px #666;
		font-family: sans-serif;
		font-size: 1em;
		height: 9%;
		margin: 5px;
		margin-bottom:0px !important;
		overflow: visible;
		padding: 0px;
		text-align:left;
		background: #1760b0 url(images/bkgd_header.gif) 0 0 repeat-x;
 
	}
	#mnwiHeader {
	background: #1760b0 url(../images/bkgd_header.gif) 0 0 repeat-x;
	padding: 0px;
	margin: 5px;
	margin-bottom:0px !important;
	width: 100%;
	height: 9%;
 	overflow:visible;
	}
	.clearfix {
		display: inline-block;
	}
	#mncwiheaderBanner {
	background: transparent;
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 9%;
	}
	#navigation {
	background: #39c;
	padding: 0;
	margin: 32px 0 0 0;
	width: 593px;
	height: 40px;
	border-top: 1px dotted #b5d9ee;
	border-right: 1px dotted #b5d9ee;
	float: left;
	}
	#logo {
	background: transparent url(../images/bkgd_logo.png) 0 0 repeat-y;
	padding: 0;
	margin: 0;
	width: 304px;
	height: 100%;
	border-right: 1px dotted #b5d9ee;
	float: left;
	}

	#logo img {
	margin: 8px 0 0 30px;
	float: left;
	}

	#logo h1 {
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	margin: 5px 0 0 15px;
	float: left;
	width: 150px;
	}
	.clearfix {
	display: inline-block;
	}
	.roundedCorners {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* background:url(../images/banner1.png) repeat top left; 
		padding: 10px 0 10px 20px;
		*/
	}
	.mapContainer{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#menu1 {
		backgroundColor: rgba(255, 0, 0, 0.5);
		display:inline-block;
		position: absolute;
	}
	#title {
		font-size:40px;
		color:#FFF;
		font-family:'Times New Roman', Times, serif;
		font-weight:bold;	
 		display: block;
    position: absolute;
    top: 0px;
    left: 320px;
	}
	.selectBlock {
		font-size:10px;
		color:#FFF;
		font-family:'Times New Roman', Times, serif; 
		float:right; margin:2px;
		height:16px;
		vertical-align:bottom;
	}
	#homeButton {
		position: absolute;
		top: 95px;
		left: 20px;
		z-index: 50; 
	}
	/*Prevent X from appearing in input textbox */
	input[type=text]::-ms-clear { display: none; }
	/*Hide maximize in infowindow*/
	.esriPopup .titleButton.maximize {display: none }
	/*Basemap Gallary*/
	#cwiBasemap {
		position:absolute;
		right:200px;
		top:0px;
		z-Index:60;
		background-color:transparent; 
	}
	.claro .dijitTitlePaneTitle {
    background-color: rgba(204,204,204,0.3); /* #efefef; */
    background-image: url("images/standardGradient.png");
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    _background-image: none;
    border: 1px solid #b5bcc7;
    padding: 0 7px 3px 7px;
    min-height: 17px;
    color: #494949;
	}
	.claro .dijitTitlePaneContentInner {
    background-color: rgba(204,204,204,0.3); 
    padding: 10px;
	}
	.esriBasemapGalleryNode{
    background-color: rgba(204,204,204,0.1); 
	}
	/*Info to show mouse point utm coordinate and lat/lon*/
	#utmInfo {
		position:absolute; 
		background-color:rgba(255,255,255,0.8); 
		font-size:12px; 
		font-weight:bold; 
		left:20px; 
		bottom:12px; 
		color:#666666; 
		z-index:5;
	}
	/*Info to show mouse point geographic coordinate*/
	#trsInfo {
		position:absolute; 
		background-color:rgba(255,255,255,0.8); 
		font-size:12px; 
		font-weight:bold; 
		left:20px; 
		bottom:0px; 
		color:#666666;  
		z-index:10;
	}
	/*Move overview map down*/
	.esriOverviewMap.ovwTR {
		top: 370px !important;
	}
	.esriOverviewMap.ovwTR .ovwContainer {
		border-top: 1px solid #000 !important;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	/*Legend block*/
	#cwiLegend {
	 	display: block;
		position:absolute; 
		z-index:55;
		/*background-color:rgba(255,255,255,0.5); */ 
		font-size:12px; 
		font-weight:bold; 
		right:0px;  
		/*top:253px; */
		top: 0px;
		height:370px; 
		width:200px;
		color:#999;
		border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
		-moz-border-radius: 5px;
		border-bottom:1px solid #666;
		border-top:1px solid #666;
		border-left:1px solid #666;
		border-right:1px solid #666;
	}
	#legendTable{
		background-color: rgb(190, 210, 160); 
		/*background-color: rgba(153, 198, 142,1);*/
		height:100%;
		width:100%;
	}
	.legendRow td {
		font-size:9px;
		color:rgb(0,0,0);
		width:20px;
		text-align:left;
	}

	#legendId {
		position: absolute;
		top:1px;
		right:1px;
		background-color: rgb(190, 210, 160) ;
		visibility:visible;
		display:inline-block;
	}
	/* toggle anchor */
	#legendA {
		color:#FFF;
		text-decoration: none;
	}
	#legendId a{
		
	}
	/*geocoder*/
	#search {
 		display: block;
    	position: absolute;
    	top: 40%;
    	right: 15px;
	    z-index: 5;
		overflow:visible;
	}
	.arcgisSearch .searchGroup .searchInput{
		font-size:10px;
		height:15px;
	}
	.arcgisSearch .searchIcon {
		height:15px;
	}
	.arcgisSearch .searchBtn {
		height:15px;
	}
	.arcgisSearch .searchClear {
		height:15px;
	}
	/*Seaarch box size*/
	.simpleGeocoder1  .esriGeocoder1{
		width: 300px;
	}
	/* make input larger */
  .simpleGeocoder1 .esriGeocoder1 input1 {
  	font-size: 12px;
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    width: 85%;
  }
	.simpleGeocoderOld .esriGeocoder1 input1 {
  	font-size: 10px;
    margin: 0 0 0 1.25%;
    padding: 1% 0 1% 0;
    width: 90.75%;
  }
	/*Used to query DOM class for map layers*/
	.layer_list{
	}
	
	/*cwiMenubar*/
	#cwiMenuBarPrev{
	 	display:block;
		position:absolute;
		/*background-color: rgba(255, 0, 0, 0.0);*/
		right:225px;  
		top:0px; 
	}
	#cwiMenuBar{
	 	display:block;
		position:absolute;
		/*background-color: rgba(255, 0, 0, 0.0);*/
		left:280px;  
		top:50%; 
	}
  #nav li {
		/*border-top: 1px solid blue;
		border-bottom: 1px solid blue;*/
		list-style: none;
		float: left;
		font: bold 10px arial;
		overflow:visible;
		margin: 0 0 0 0;
		display:block;
  }
  #nav li a.menu {
    display: block;
    text-align: center;
    /*background: #2175bc; */
	background: transparent;
    padding: 4px 5px;
    margin: 0 1px 0 0;
    color: #FFF;
    width: 80px;
    text-decoration: none;
  }
  #nav li a.menu:hover {
  	background: #2586d7;
  }
  .submenu {
    background: #2175bc;
    visibility: hidden;
    position: absolute;
		overflow:auto;
  }
  .submenu a {
		display: block;
		font: 10px arial;
		text-align: left;
		text-decoration: none;
		color: #ffffff;
		width: 80px;
		padding: 4px 10px;
		text-align: center;
  }
  .submenu a:hover {
    background: #2586d7;
    color: yellow;
    /*text-align: right;*/
  }
/* dialog */
.dijitDialogTitleBar{
	height:10px;
	font-size:10px;
}
.dijitDialogTitle1{
	font-size:10px;
}
.dijitDialog {
	background-color:rgba(255,255,255,0.5);  
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius: 5px;
}
.wellList td{
	text-align:center;
	border-style:solid;
    border-width:thin;
	border-color:#CCC;
}
a.action span {
	visibility:hidden;
}
#fixed-div {
	position: fixed;
	top: 1em;
	right: 1em;
	color: white;
	font-size: 0.5em;
}