html {
   overflow: hidden;
}
body {
   margin: 0;
   height: 100%;
}

.titleBar {
   position:absolute;
   left:0px;
   top:0px;
   z-index:2;
   overflow: hidden;
   opacity: 0.95;
   box-shadow: 0px 0px 8px 2px #C8C8C8;
   background-color: lightgray;
}

.td_gray {
   padding: 3px;
   border: 1px solid silver;
   background-color: #F1F4F8;
}
.td_yellow {
   padding: 3px;
   border: 1px solid silver;
   background-color: #FFFFF0;
}

/* Infowindow map tips. */
#mainMap_infowindow.simpleInfoWindow {
   border-radius: 5px;
   box-shadow: 4px 4px 15px 2px #404040;
}

/* jqm background color. */
.ui-page {
   background: white;
}

/* Fix jqm wrapping issues */
.ui-li .ui-li-desc {
   white-space: normal;
}
 
/* jqm list item. */
.jqm_li {
   /* white-space: normal; */
   padding: 0px;
   cursor: pointer;
} 

/* jQuery mobile radio button padding. (main tabs) */
.ui-controlgroup-horizontal .ui-radio .ui-btn-inner {
    padding: 9px 7px 11px 7px; 
}

/* Navigation button padding.  top right bot left */
.navButton .ui-btn-inner {
    padding: 28px 3px 4px 3px;
    margin-top: -7px;
    line-height: 95%;
}

/* Button padding, Zoom to button.*/ 
.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner {
   padding: 26px 5px 2px 3px;
   margin-top: -7px;
}
 
/* Popup windows. */
.myPopup {
   display:none;
   background-color: #FFFFFA;
   opacity: 0.95;
   border-radius: 5px;
   box-shadow: 4px 4px 15px 2px #404040;
   overflow: auto;
   position:absolute;
   left:1px; /* 53 */
   top:0px;
   z-index:2;
}

/* Flex image slider. */
#flex_slider {margin: 0 0 7px!important;}
#flex_carousel li {margin-right: 5px;}
#flex_carousel img {display: block; opacity: .5; cursor: pointer;}
#flex_carousel img:hover {opacity: 1;}
#flex_carousel .flex-active-slide img {opacity: 1; cursor: default;}

/* ESRI popup. */
.esriPopup .maximize { display:none; }

/* ESRI overview map.*/
.esriOverviewMap.ovwBR .ovwShow {
    background: url("Images/Overview1.png");
}
.esriOverviewMap.ovwBR .ovwHide {
    background: url("Images/Overview2.png");
}

/* ESRI scalebar.*/
.esriScalebar {
   bottom: 3px; margin-left: -15px; 
   padding: 4px 150px 16px 8px; 
   background-color: white; 
   opacity: 0.6; border-radius: 4px; 
} 
.esriScalebarLabel {
   color: black;
   font-size: small;
}

/* ESRI bookmark.*/
.esriBookmarks {
   border: none;
}
.esriBookmarkItem {
   width: 310px;
   border-top: 1px solid silver;
}
.esriBookmarkLabel {
   width: 210px;
   font-size: medium;
}
.esriBookmarkEditImage {
   padding-right: 14px;
}
.esriBookmarkRemoveImage {
   padding-left: 14px;
}
.esriAddBookmark {
   cursor: pointer;
   text-align: center;
   font-weight: bold;
}

/* ESRI geocoder.*/
.simpleGeocoder, .simpleGeocoder .esriGeocoderContainer {
   font-size: small; /* Autocomplete font height */
   width: 100%;
}

.simpleGeocoder .esriGeocoder input {
   font-size: large; /* Make input larger */
   margin: 0 0 0 1.25%;
   padding: 1% 0 1% 0;
   width: 85%;
}

.simpleGeocoder .esriGeocoderResult:hover, .simpleGeocoder .esriGeocoderResultEven:focus, .simpleGeocoder .esriGeocoderResultOdd:focus {
   background-color: #B5DAEA; /*Autocomplete background.*/
}

/*.fullExtentIcon {
   background-image: url(Images/ZoomFull.png) !important;
   background-position: -3px -4px;
   height: 25px;
   width: 25px;
} */

input:invalid {
  box-shadow: 0 0 5px 1px red;  
}
textarea:invalid {
  box-shadow: 0 0 5px 1px red;  
}
select:invalid {
  box-shadow: 0 0 5px 1px red;  
}

input:focus:invalid {
  outline: none;
}
textarea:focus:invalid {
  outline: none;
}
select:focus:invalid {
  outline: none; 
}

#customalertoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 999;
}
#customalertbox{
	display: none;
	position: fixed;
	background: lightblue;
	border-radius:7px; 
	width:400px;
	z-index: 999;
}
#customalertbox > div{ background:lightblue; margin:8px; }
#customalertbox > div > #customalertboxhead{ background:#ffd800; font-size:19px; padding:10px; color:black; }
#customalertbox > div > #customalertboxbody{ background:lightyellow; padding:20px; color:black; }
#customalertbox > div > #customalertboxfoot{ background: #ffd800; padding:10px; text-align:center; }