html, body, .map.container
{  
  padding:0;
  margin:0;
  height:100%;
}
.dijitMenuItemLabel {
  font-size: 16px;
  font-family: sans-serif;
} 

#mapDiv {
	bottom: 37px;
	top: 52px;
	left: 0px;
	right: 0px;
	padding: 0;
	margin: 0;
  width:100%;
  background: white;
	position: absolute;
}

#feedback {
    background: #fff;
    color: #242424;
    position: absolute;
    font-family: sans-serif;
    height: 350px;
    left: 75px;
    margin: 5px;
    padding: 10px;
    top: 20px;
    width: 300px;
    z-index: 40;
    border: 1px solid #242424;
}

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

#layerList {
	height: 250px;
    width: 290px;
    overflow: scroll;
}

#layerList .dojoDndItem{
	color: #707276;
	text-decoration: line-through;
}

#layerList .dojoDndItem.active{
	text-decoration: none;
	color: #242424;
}

#layerList .dojoDndItem.parentlayer{
	font-weight: bolder;
	text-decoration: underline;
}

#plumeControl{
	overflow: hidden;
	
}

#plumeControl div{
	float: none;
}

#plumeControl .plumeRow{
	float: none;
	clear: both;
	padding-bottom: 5px;
	
}

.plumeControlImg{
	float: left;
	max-width: 24px;
	max-height: 24px;
	padding: 3px;
	margin: 3px;
}

.plumeControlImg.selected{
	background: steelblue;
}

#plumeControl select{
	float: left;
	/*max-width: 150px;*/
	max-height: 30px;
	padding: 3px;
	margin: 3px;
}

#plumeToggleCheck {
	float: left;
	top: 3px;
	padding-top: 3px;
	margin-top: 3px;
}

#plumeLegendDiv {
	width: 100%;
	clear: both;
	overflow: auto;
}

#plumeLegendToggle {
	max-width: 24px;
	max-height: 24px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#plumeLegendLabel{
	font-weight: bold;
	float: none;
	padding-left: 75px;
}

#plumeLegendDiv{
	display: block;
}

#plumeLegendWellLabel,
#plumeLegendPlumeLabel {
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;

}

#plumeLegendDiv.open {
	display: block;
}

#plumeLegendDiv ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

.plumeLegendEntry {
	float:left;
	/*height: 22px;*/
	margin: 0px;
	padding-bottom: 5px;
}

.plumeLegendEntry div{
	left: 0;
	clear: both;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.plumeLegendImg{
	float: left;
	max-width: 24px;
	max-height: 24px;
	padding-right: 6px;
}

#plumeControl{
    padding: 10px;
}

#stopPlumeBtn{
    display:none;
}

#mapDiv_zoom_slider {
  bottom: 48px;
  left: 5px;  
}

.esriSimpleSliderIncrementButton:hover,
.esriSimpleSliderDecrementButton:hover {
  background: #d35e00;
  background-image: linear-gradient(to bottom, #d35e00, #E17C00);
}

.esriSimpleSliderVertical {
  background: #E17C00;
  background-image: linear-gradient(to bottom, #E17C00, #d35e00);
}

.esriBasemapGallery {
  position: absolute; 
  left: 38px; 
  bottom: 48px; 
  width: 165px; 
  height: 62px; 
  z-Index: 60;  
}
.esriBasemapGalleryNode.esriBasemapGallerySelectedNode {
  background: grey;
  color: white;
  opacity: 0.8;
}
.esriBasemapGalleryNode {
  margin: 0px 0px 0px 5px;
  width: 40px;
  border: 1px solid black;
  background: black;
  color: white;
  opacity: 0.8;
  height: 60px;
}
.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
  border: 2px solid grey;
}
.esriBasemapGalleryThumbnail {
  height: 35px;
  width: 35px;
  border: 2px solid black;
  margin: 0px;
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.esriBasemapGalleryLabelContainer {
  font-size: 10pt;
  width: unset;
  height: unset;
}

.esriScalebar {
  background : rgba(0,0,0,.8);
  
}

.esriScalebarLine {
  border : 1px solid white;
}

.esriScalebarMetricLine {
  border-top: none; 
}

.esriScalebarEnglishLine {
  display : none;  
  border-bottom: none;
}

.esriScalebarEnglishLine ~ .esriScaleLabelDiv {
  display : none;  
}

.esriScalebarLabel {
  color : white;
  font-size: 10px;
  left: 35%;
}  

.scalebar_bottom-left {
  position: absolute;
  left: 215px !important;
  bottom: 2px;
  padding: 5px 5px 0 5px;
  width: auto;
}