html, body, .container #mapDiv {
padding:0;
margin:0;
height:100%;
font-family:Segoe UI, Arial, Helvetica !important;
}
#mapDiv {
position: relative;
}
#info {
background: #fff;
box-shadow: 0 0 5px #888;
left: 1em;
padding: 0.5em;
position: absolute;
top: 1em;
z-index: 40;
}
.esriControlsBR {
display:none;
}
#search {
	position:absolute;left:70px;top:21px;z-index:100;
}
#mapDiv_gc {
	z-index:500;
	-webkit-filter: drop-shadow( 0px 2px 1px #b2b2b2 );
	filter: drop-shadow( 0px 2px 1px #b2b2b2);
	}
	
svg image, #mapDiv_gc IMG {
	cursor:pointer;
}

path.animate, image.animate { 
  transition: 50ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 50ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition: 50ms;
  -moz-transition-timing-function: ease-in-out;
}

#legend div div {
	padding-bottom:5px;
	cursor:pointer;
}
#legend img, #legend span {
	vertical-align:middle;
}
#legend img {
	width:25px
}
#legend div.unselect span {
	text-decoration:line-through;
	color:#bbb;
}
#legend div.unselect img {
	opacity:0.2;
	filter:alpha(opacity=20);
}

#legend {
	color:#555;font-size:12px;box-shadow:0 0 1px white;position:absolute;left:5px;top:50px;z-index:50;
}

#legend .linner {
	padding:6px;border:1px solid #888;border-radius:4px;background:white;
}

#popup {
	cursor:pointer;position:absolute;left:0;top:-10000px;z-index:1000;opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.5)
}

#popup_inner {
	cursor:default !important;pointer-events:none;position:absolute;left:0;width:100%;margin-top:25px;
}

#popup_inner > div {
	cursor:auto;
	pointer-events:all;overflow:hidden;color:#333;font-family:Segoe UI, Arial, Helvetica;background:white;width:605px;padding:25px;position:relative;margin:0 auto;box-shadow:0 0 10px #444;border-radius:10px
}

#popup_img {
	width:605px;
}
#info_holder {
	margin-top:10px
}
#info1 {
	float:left;width:60%;margin-right:5%;
}
#info2 {
	float:right;width:35%;font-size:14px;margin-top:5px;
}

#title {
	font-size:22px;
}
#title.small {
	font-size:17px;
	font-weight:bold;
}

#popup.landscape #popup_img {
	width:340px;
	float:left;
}
#popup.landscape #info_holder {
	margin-top:0;
	float:right;
	width:250px;
}
#popup.landscape #info1, #popup.landscape #info2 {
	float:none;
	width:auto;
	margin-right:0;
	margin-top:0;
}
#popup.landscape #info1 {
	margin-bottom:15px
}

h3{
	font-size:14px;
	margin:0px !important;
	text-transform:uppercase;
	color:rgb(0,141,72)
}

li{
	margin-left:6px;
	
}


body {
	font-family:Arial,Helvetica;
}
#thumb {
	position:absolute;background:white;padding:8px;border-radius:10px;box-shadow:0 0 6px #555;z-index:200;
	width:200px;
	display:none;
}
#thumb div {
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
}
#thumb img {
	width:100%;
	display:block;
}

	html, body, #mapDiv {
	padding:0;
	margin:0;
	height:100%;
	}
	
	#notice{
	display:visible;
	}
	
	#mapDiv {
	position: relative;
	}
	
	#mapDiv_layer1{
	opacity:0.15
	
	}
	
	.dijitTooltipDialog {
	outline:none !important;
	}

	.tundra .dijitTooltipContainer{ 
	border:1px solid white !important;
	border-radius:5px;
	
	}
		
	.tundra .dijitTooltipAbove .dijitTooltipConnector {	
	background: url("images/tooltipConnectorDown.png") no-repeat top left !important;
	display:none;
	}
			
	.tundra .dijitTooltipBelow .dijitTooltipConnector{
	background: url("images/tooltipConnectorUp.png") no-repeat top left !important;
	display:none;
	}
	
	#popup_close {
	position:absolute;
	right:5px;
	top:5px;
	background:url(images/close15px.png) no-repeat;
	width:15px;
	height:22px;
	pointer-events:all;
	cursor:pointer;
	}
	
	.arcgisSearch .searchGroup .searchInput{
	width:140px !important;
	
	}
	
	/*#layerListDom.esriLayerList{
	position:absolute !important;
	bottom: 5px!important;
	left: 5px!important;
	z-index: 10!important;
	}*/
	
	#layerListPane{
    width:25%;
}
	.esriLayer{
	  background-color: #fff;
	}
	.esriLayerList .esriList{
		border-top:none;
		padding:5px;
		background-color: #fff;
		width:190px;
	}
	.esriLayerList .esriTitle {
	  background-color: #fff;
	  border-bottom:none;
	}
	.esriLayerList .esriList ul{
	  background-color: #fff;
	}
	
	#HomeButton {
		position: absolute;
		top: 112px;
		left: 5px;
		z-index: 10;
	}
	
	#search{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 50;
	
	
	}
	#share {
		position:absolute;
		bottom:5px;
		right:5px;
		background-color:#ee266d;
		color:white;
		z-index:100;
	}
	
	#share > div, #share > a {
		cursor:pointer;
		width:23px;
		height:23px;
		float:right;
		padding:5px;
		border-radius:2px;
		opacity:1;
		filter:alpha(opacity=60);
		-webkit-filter:saturate(0);
		-moz-filter:saturate(0);
		filter:saturate(0) ;
		display:block;
	}
	#share > div:hover, #share > a:hover {
		-webkit-filter:saturate(1.2) brightness(1.1);
		-moz-filter:saturate(1.2) brightness(1.1);
		filter:saturate(1.2) brightness(1.1);
		opacity:1;
		filter:alpha(opacity=100);
		background-color:#9E0059;
	}
	
	#info {
	background: #fff;
	box-shadow:0 0 6px #666;
	border-radius:5px;
	left: 0.5em;
	padding: 0.2em;
	position: absolute;
	top: 0.5em;
	z-index: 40;
	vertical-align:middle;
	align-self:center;
	}
	
	
	#clause{
	bottom:0.5em !important;
	left:initial !important;
	left:0.5em !important;
	position:absolute;
	border:0px !important;
	z-index:40;
	font-family:Segoe UI, Arial, Helvetica;
	color:#353d42;
	font-weight:bold;
	font-size:11px;
	width:400px;
	opacity:0.8;	
	background: #fff;
	border-radius:5px;	
	padding:0.2em;		
	}
		
	.tundra .dijitTooltipContainer{ 
	border:1px solid white !important;
	border-radius:5px;
	
	}
	

	.td_symbol_hatch{
	background: repeating-linear-gradient(
	-45deg,
	#9e0059,
	#9e0059 1px,
	#fff 0px,
	#fff 10px
	);
	
	}
	
	
	.dijitTooltipBelow{
	padding-top:0px !important;
	}
		
			
	.esriSimpleSliderTL {
	top:45px !important;
	left:5px;
	position:absolute;
	border:0px !important;
	background-color:transparent !important;
	z-index:10;
	text-align:center;
	}

	.esriSimpleSliderVertical .esriSimpleSliderIncrementButton, .esriSimpleSliderVertical .esriSimpleSliderDecrementButton{
	background-color:#353D42 !important;
	color:white !important;
	border-bottom: 0 solid transparent!important;
	margin-bottom:2px !important;
	border-radius:0px !important;
	}
  
	#infoname{
	text-transform:uppercase;
	font-family:Segoe UI, Arial, Helvetica;
	color:rgb(54,62,66);
	font-weight:bolder;
	font-size:13px;
	width:175px;
	}
	
	#lbname{
	text-transform:normal;
	font-family:Segoe UI, Arial, Helvetica;
	color:rgb(113,113,116);
	font-weight:bold;
	font-size:13px;
	width:215px;
	}
  
	#infocontent{
	text-transform:normal;
	font-family:Segoe UI, Arial, Helvetica;
	font-size:13px;
	}
	

	#spacer{
	line-height:9px;
	}
	
	.esriAttribution{
	font-family:Segoe UI, Arial, Helvetica;
	font-size:10px;
	opacity:0.7;
	}
	
	a:link, a:visited, a:active{
	color:rgb(0,141,72) !important;
	font-weight:bolder;
	font-size:12px;
	}

	
	a:hover{
	color:black;
	}
	
	#popup {
	cursor:pointer;position:absolute;left:0;top:-10000px;z-index:1000;opacity:0;width:100%;height:1000px;background:rgba(0,0,0,0.5)
}
#popup_inner {
	cursor:default !important;pointer-events:none;position:absolute;left:0;width:100%;margin-top:25px;
}
#popup_inner > div {
	cursor:auto;
	pointer-events:all;
	overflow:hidden;
	color:#333;
	font-family:Segoe UI, Arial, Helvetica;
	background:white;
	width:500px; 
	height:450px;
	padding:15px;
	position:relative;
	margin:0 auto;
	box-shadow:0 0 10px #444;
	border-radius:10px;top:10px;
}
#popup_img {
	width:300px;
}
#info_holder {
	margin-top:10px
}
#info1 {
	float:left;width:60%;margin-right:5%;
}
#info2 {
	float:right;width:35%;font-size:14px;margin-top:5px;
}

#title {
	font-size:22px;
}
#title.small {
	font-size:18px;
	font-weight:bold;
}

#popup.landscape #popup_img {
	width:230px;
	float:right;
	padding: 0px 20px 0px 10px;
}
#popup.landscape #info_holder {
	margin-top:0;
	float:left;
	width:250px;
}
#popup.landscape #info1, #popup.landscape #info2 {
	float:left;
	width:auto;
	margin-right:0;
	margin-top:0;
	padding:10px 13px 10px 10px
}
#popup.landscape #info1 {
	margin-bottom:15px
}	

.esriPopup .titlePane{
	background-color: #fff; 
	opacity:1;
	color:white;
	font-family: Segoe UI, Arial, Helvetica;
	font-weight:bolder;
	font-size:12px;
	text-transform:uppercase;
	height:18px;
	
}

.esriPopup .contentPane{
	background: #fff ;
	opacity:1;
	color:rgb(54,62,66);
	font-family: Segoe UI, Arial, Helvetica;
	font-size:13px;
	padding:0px 10px 10px 10px;
}

.esriPopup .actionsPane{
	background: #fff;
	opacity:1;
	color:rgb(54,62,66);
	font-family: Segoe UI, Arial, Helvetica;
	padding-bottom:16px;
}

.esriPopup .titleButton.close:hover{
	background: url("./images/close2.png") no-repeat;
	right:3px;
	top:3px;
	width:14px;
	height:14px;
}

.esriPopup .titleButton.close{
	background: url("./images/close2.png") no-repeat;
	right:3px;
	top:3px;
	width:14px;
	height:14px;
}



.esriPopup .titleButton.maximize{
	display:none;
}

.esriLayerList .esriContainer  {
	border:0 !important;
}

.esriPopup .titleButton.next{
	background: #fff url("../images/fwd.png") repeat-x bottom left;
	right:20px;
	width:12px;
	top:2px;
	display:none;

}	

.esriPopup .titleButton.prev{
	background: #fff url("../images/prev.png") repeat-x bottom left;
	right:30px;
	width:12px;
	top:2px;
	display:none;
}
	#basemap_picker span {
			font-size:9px;
			position:absolute;
			bottom:0px;
			background:black;
			background:rgba(0,0,0,0.6);
			padding:2px 0;
			left:0;
			width:100%;
			text-align:center;
			text-shadow:0 0 3px black;
			color:white;
			cursor:pointer;
			z-index:100;
		}
		
		#basemap_picker > div > div > div {
			position:relative;
		}
		
		#basemap_picker > div > div > div > div {
			height:60px;
			cursor:pointer;
		}
		
		#basemap_picker > div > div > div:hover div {
			-webkit-filter:brightness(0.8);
			-moz-filter:brightness(0.8);
			filter:brightness(0.8);
		}

		.esriLayerList .esriLayer {
			position:relative;
			
		}
		.esriToggleButton {
			display:none;
		}
		.esriTabContainer {
			position:absolute;
			right:5px;
			top:4px;
			display:block !important;
		}
		
		
		.esriLegendLayerLabel{
		padding:0px !important;
		display:none;
		}
		
		.esriLegendMsg{
		
		display:none;
		}
		
		.esriLayerList .esriTabSelected{
		padding:0px;
		
		}
		.esriLayerList .esriHasTabContent.esriListVisible .esriToggleButton{
		display:none;
		}
		
		#mylegend {
			position:absolute;bottom:10px;left:10px;z-index:10;background:white;
			box-shadow: 0 0 5px #888;
		}
		
		/*.esriLayerList .esriContainer{
		border:0px;
		box-shadow: 0 0 5px #888;
		}*/
		
		.esriLayerList .esriTitleContainer{
		border:0px;
		padding:3px;
		
		}
		svg image, #mapDiv_gc IMG{
		cursor:auto;
		}
		
		.esriLayerList .esriTitle{
		font-size:13px;
		line-height:15px;
		}
		
		.esriLayerList .esriLabel{
		padding:0px
		}
		
				
		.esriLayerList .esriLabel:hover{
		color:green;
		}
		
		.esriLayerList .esriCheckbox{
		/*visibility:hidden !important;*/
		width:15px!important;
		margin:2px !important;
		}

		
		#esri_dijit_legend{
		width:33px;
		}