/*** Esri Map ***/
.map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 100%;
 	text-align: left;
  overflow: hidden;
}

.map > img {
	 text-align: left;
}
#aerialscheckbox{
	font-size:11pt;font-weight:bold;
}
#loading{
	position:absolute;top: 50%; bottom:50%; left: 50%; right:50%;margin:auto;z-index:100;
}
#coordsinfo{
	position:absolute; 
	left:15px; 
	bottom:1px; 
	color:#000; 
	z-index:50;
}
#searchbtn {
	position:fixed;
	z-index: 10;
	top: 115px;
  	left: 15px;
}

.searchbtnactive{
	background-image: none;
  background-color:#FFFF00;
}
#slide-panel{
	position:absolute;
	z-index: 10;
	top: 103px;
  	left: 55px;
  	width: 250px;
  	display: block;
  	 border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.quicksearchbox{
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}
.navtoolsbtn{
	position:fixed;
	z-index: 3;
	top: 60px;
  	left: 15px;
}
.nav-slide-panel1{
	position:absolute;
	z-index: 5;
	left: 55px;
	top: 50px;
	 padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #396ea4;
  border: 1px solid rgba(57, 110, 164, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.nav-slide-panel2{
	position:absolute;
	z-index: 5;
	left: 55px;
	 padding: 5px;
  background-color: #59A6DB;
  border: 1px solid #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px){
	.nav-slide-panel2{
	position:absolute;
	z-index: 5;
	left: 285px;
	 padding: 5px;
	  background-color: #59A6DB;
	  border: 1px solid #FFFFFF;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  border-radius: 6px;
	  outline: none;
	  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav-slide-panel2{
	position:absolute;
	z-index: 5;
	left: 55px;
	 padding: 5px;
	  background-color: #59A6DB;
	  border: 1px solid #FFFFFF;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  border-radius: 6px;
	  outline: none;
	  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	}
}
.nav-slide-panel3{
	position:absolute;
	z-index: 5;
	left: 584px;
	 padding: 5px;
  background-color: #59A6DB;
  border: 1px solid #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.navbox{
  padding: 5px;
  background-color: #59A6DB;
  border: 1px solid #396ea4;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

#activelayerLable, #labelforMaptips, #quicksearchLabel{
	color: #59A6DB;
}
#activeLayers, #findsearchOption{
	font-size: 12px;
	width:auto;
	bottom: -5px;
	padding: 5px;
    border-color: #59A6DB;    
}
#activeLayers{
	color: #ff0000;
	font-weight: bold;
}

.activelayerbtn{
	position:fixed;
	z-index: 3;
	top: 100px;
  	left: 15px;
}
.activeLayerSearch{
	border-width: 5px;
	border-color: #ffffff;	
}
.activelayerbox{
	position:fixed;
	z-index: 3;
	padding: 5px;
	top: 100px;
  	left: 45px;
  	width: 100%;
  	 border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.fullExtentbtn {
	position:fixed;
	z-index: 10;
	top: 155px;
  	left: 15px;
}
.locatebtn{
	position:fixed;
	z-index: 10;
	top: 195px;
  	left: 15px;
}
.strtviewbtn{
	position:fixed;
	z-index: 10;
	top: 235px;
  	left: 15px;
}
.clearAlltbtn{
	position:fixed;
	z-index: 10;
	top: 275px;
  	left: 15px;
}
#clearSelectionbtn{
	position:fixed;
	z-index: 10;
	top: 275px;
  	left: 15px;
}
#distanceUnits{
	font-size: 12px;
	width:auto;
	bottom: -5px;
}
#areaUnits{
	font-size: 12px;
	width:auto;
	bottom: -5px;
}
@media screen and (max-height: 256px) {
	.esriSimpleSlider {
	  display: none;
	}
}
/* Iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)  {
	.esriSimpleSlider {
	  display: none;
	}
}
/* iPhone 5 in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	.esriSimpleSlider {
	  display: none;
	}
}
/*** Restyle Esri Zoomin-out ***/
.esriSimpleSlider {
  border: 1px solid #cccccc;
  top: 35px;
  left: 15px;
}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton{
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  border-bottom: 1px solid #cccccc;
}

/*** Restyle Esri Popup ***/
/**
.esriPopupWrapper {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

.esriPopup .titlePane, .esriPopup .contentPane, .esriPopup .actionsPane  {
  padding: 8px 14px;
  border: none;
  max-height: 70px;
  background-color: #f7f7f7;
}

.esriPopup .titlePane, {
  padding-top: 10px;
  color: #333333;
}

.esriPopup .title {
  color: #333333;
}

.esriPopup .titleButton {
  background: url(../images/popup.png) no-repeat;
}

.esriPopup .contentPane {
  border-top: 1px solid #ebebeb;
  color: #333333;
  margin-bottom: 5px;
}

.esriViewPopup .mainSection .attrTable td.attrName {
  color: #333333;
}

.esriViewPopup .mainSection .attrTable td {
  color: #888888;
}


.esriPopup .actionsPane {
  display: none;
  margin-bottom: 15px;
}

.esriButton.close {
  width: 21px;
  line-height: inherit;
}

.esriPopup .titleButton.maximize, .esriPopup .titleButton.close,
.esriPopup .titleButton.prev, .esriPopup .titleButton.next, .titleButton.restore {
  margin-top: 8px;
  margin-right: 5px;
}
**/
/*** Restyle Geocoder widget ***/
.simpleGeocoder .esriGeocoderContainer {
  width: 100%;
}

.simpleGeocoder .esriGeocoder {
  border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoderResults {
  border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoder input {
  width: 73%;
  padding: 7px 0 6px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}

.simpleGeocoder .esriGeocoderIcon {
  margin: 9px 0 6px 6px;
}

.simpleGeocoder .esriGeocoderHasValue .esriGeocoderReset {
  margin: 8px 4px 5px 1px;
}

/*** Fix Bootstrap modal bug ***/
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0;
  margin-top: 0;
}

/*** Bookmark CSS ***/
.esriBookmarkTable{
	width: 265px;border-spacing: 0px;border-collapse:collapse;
}
.esriBookmarkLabel{
	position: relative;
	float: left;
	width: 175px;
	overflow:hidden;
	line-height:20px;
	height: 20px;
	white-space: nowrap;
	margin-left: 5px;
	font-size:14px;
	font-weight: bold;
	text-align:left;
	vertical-align:middle;
	color:black;
	font-family: Verdana, Helvetica, sans-serif;
	cursor: pointer;
}
.esriBookmarks{
	width:260px;
	border-style: solid;
	border-color: #769DC0;
	border-width: 1px;
}
.esriBookmarkItem{
	padding-bottom: 10px;
	width:260px;
	height: 20px;
}
.esriAddBookmark{
	margin-left: 5px;
	color:blue;
	font-size:14px;
	font-weight: bold;
}
.esriBookmarkHighlight{
	background-color: #D9E6F9;
}
.esriBookmarkEditImage{
	float:right;
	width:30px;
	cursor: pointer;
}
.esriBookmarkRemoveImage{
	float:right;
	width: 30px;
	cursor: pointer;
}
.esriBookmarkEditBox{
	position: relative;
	font-size:12px;
	height:13px; 
	line-height:20px;
	width:180px;
	padding: 10px;
}