/* Swipe works with mouse as well but often causes text selection. */
/* We'll deny text selecton on everything but INPUTs and TEXTAREAs. */
#left-panel :not(INPUT):not(TEXTAREA) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*No Halo on buttons*/
.ui-focus, .ui-btn:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden; /* or overflow:auto; if you want scrollbars */
}
input {
	display:inline;
}
/* ===== TOOLBARS ===== */
/* ===== MAIN PAGE TOOBARS AND BUTTONS ===== */
#leftPanelCtrlBtn {
	z-index: 3;
	left: -15px;
	width: 1.875em;
	height: 1.875em;
	position: absolute;
	top: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0.125em;
	background-size: 1.5625em;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220.04257%20-0.00098%2018%2016.95918%22%20enable-background%3D%22new%200.04257%20-0.00098%2018%2016.95918%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22normal%22%20fill%3D%22%2357585A%22%20d%3D%22M2.16709%2C3.20293h13.64494c0.59759%2C0%2C1.09558-0.49799%2C1.09558-1.09558%0A%09s-0.49799-1.09558-1.09558-1.09558H2.16709C1.5695%2C0.91217%2C1.07151%2C1.41016%2C1.07151%2C2.00775S1.5695%2C3.20293%2C2.16709%2C3.20293z%0A%09%20M15.91162%2C5.32674H2.16709c-0.59759%2C0-1.09558%2C0.49799-1.09558%2C1.09558S1.5695%2C7.5179%2C2.16709%2C7.5179h13.64494%0A%09c0.69719%2C0%2C1.19518-0.49799%2C1.19518-1.09558S16.50921%2C5.32674%2C15.91162%2C5.32674z%20M15.91162%2C9.57493H2.16709%0A%09c-0.59759%2C0-1.09558%2C0.49799-1.09558%2C1.09558c0%2C0.59759%2C0.49799%2C1.09558%2C1.09558%2C1.09558h13.64494%0A%09c0.59759%2C0%2C1.09558-0.49799%2C1.09558-1.09558C17.0072%2C10.07293%2C16.50921%2C9.57493%2C15.91162%2C9.57493z%20M15.94501%2C13.80961H2.20047%0A%09c-0.59759%2C0-1.09558%2C0.49799-1.09558%2C1.09558c0%2C0.59759%2C0.49799%2C1.09558%2C1.09558%2C1.09558h13.64494%0A%09c0.59759%2C0%2C1.09558-0.49799%2C1.09558-1.09558C17.04059%2C14.3076%2C16.5426%2C13.80961%2C15.94501%2C13.80961z%22%2F%3E%0A%3Cg%20id%3D%22hover%22%20display%3D%22none%22%3E%0A%09%3Cpath%20display%3D%22inline%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C3.6h13.7c0.6%2C0%2C1.1-0.5%2C1.1-1.1s-0.5-1.1-1.1-1.1H0.1C-0.5%2C1.3-1%2C1.8-1%2C2.4%0A%09%09S-0.5%2C3.6%2C0.1%2C3.6z%20M13.9%2C5.9H0.1C-0.5%2C5.9-1%2C6.4-1%2C7s0.5%2C1.1%2C1.1%2C1.1h13.7C14.5%2C8.1%2C15%2C7.6%2C15%2C7S14.5%2C5.9%2C13.9%2C5.9z%20M13.9%2C10.4%0A%09%09H0.1c-0.6%2C0-1.1%2C0.5-1.1%2C1.1s0.5%2C1.1%2C1.1%2C1.1h13.7c0.6%2C0%2C1.1-0.5%2C1.1-1.1C15%2C10.9%2C14.5%2C10.4%2C13.9%2C10.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
	background-color: #191919;
	border: 1px solid #57585A;
	border-radius: 0.3125em;
}
#resultsPanelCtrlBtn {
	background: url("images/open.png") no-repeat scroll 68px 10px #2B2B2B;
	color: #ececec;
	cursor: pointer;
	font-size: 18px;
	margin: -2px 0 0 5px;
	padding: 0 25px 2px;
	text-shadow: none;
	width: 60px;
	height:300px;
	border-radius: 5px 5px 0 0;
}

#tools1{
	position: absolute; 
	top:0px;
	left:25px;
	background-color: #FFFFFF;
	z-index: 20;
}
/* Sets #tools1 button widths to be like #tools2 button widths*/
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
.ui-controlgroup-controls .ui-btn-icon-notext {
    width: 13px;
}
#tools2{
	position: absolute; 
	top:40px;
	left:0px;
	background-color: #FFFFFF;
	z-index: 20;
}

/* for reasons unknown, vertical toolbar buttons need size set by id, by class seems to be ignored */
#zoomInBtn {
	width:35px;
	height:35px;
}
#zoomOutBtn {
	height:35px;
}
#locateButton {
	height:35px;
}
#zoomPrevBtn {
	height:35px;
}
#zoomNextBtn {
	height:35px;
}
#zoomHomeBtn {
	height:35px;
}
/* ===== MEASURE/DRAW TOOLS BUTTONS ===== */
.mapToolActive {
	background-color: #2AD;
}
.mapTool {
	width:35px;
	height:35px;
	background-position: center;
	background-repeat: no-repeat;
	border: 0px none transparent;
	margin: 0px 2px;
}
.menuBtn {
	width:35px;
	height:35px;
	background-position: center;
	background-repeat: no-repeat;
	border: 0px none transparent;
	margin: 0px 2px;
}

#CoordDisplay {
	position:absolute;
	bottom:5px;
	right:20px;
	background:#E0E0E0;
	color:#000;
	z-index:50;
}
#closeX {
	display:block;
    	float:right;
	width:14px;
	height:14px;
	background:url(images/close_black.png) no-repeat center center;
}
.select {
	font-size: 12px;
}
.kiosk {
	font-size: 12px;
}
.infotitle {
	cursor: hand;
}
.drag {
	display: inline;
}
.fixed {
	position:fixed;
	top:0; left:0;
	z-index:2;
	width:100%;
}
.ui-collapsible-heading{
	border-radius: 5px;
	border: 1px solid #a1a1a1;
}
.nowrap {
	white-space: nowrap;
	padding: 0px 10px;
	text-shadow: none;
	font-size: 14px;
	top: 15px;
}
#showhideText{
	font-size: 12px;
	padding-left: 20px;
	text-shadow: none;
}
/* ===== FLOATING PANELS ===== */
.aaFloatingPanel {
	display: none;
	position: absolute; 
	z-index: 50;
	background: white;
	padding:5px;
   	z-index: 50;
	border-radius: 5px;
	border: 1px solid #a1a1a1;
	top: 45px;
	left: 45px;
}
.aaFPContent {
	overflow-y: auto;
	max-height:800px;
	background: white;
	padding:2px;
	resize: vertical;
}
/* ===== END FLOATING PANELS ===== */

#submitresetText{
	font-size: 12px;
	padding-left: 20px;
	text-shadow: none;
}
.BasemapToggle .toggleButton {
	width: 0px;
	height: 0px;
	border: 0px solid #57585A;
}
.BasemapToggle .basemapImage {
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.BasemapToggle .basemapTitle {
	position: absolute;
	width: 80px;
	height: 12px;
	color: #4C4C4C;
	border: 1px solid #57585A;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background: rgba(255, 255, 255, 1.0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.esriBookmarkTable {
	background: white;
}
.esriAddBookmark {
	background: white;
	font-weight: bold;
}

#maploadingImg {
	position:absolute;
	right:50%;
	top:50%;
	z-index:1000;
}
#xprintloadingImg {
	position:absolute;
	right:2px;
	bottom:20px;
	padding: 5px;
	z-index:1000;
}
#resultsloadingImg {
	position:absolute;
	right:50%;
	top:50%;
	z-index:1000;
}	

.linkBtn {
	color: #25aee1;
	font-size: 12px;
	padding-left: 20px;
	text-shadow: none;
	cursor: pointer; cursor: hand;
}
.dgrid-header {
	color: #000000;
	font-size: 10px;
}
.dgrid-grid {
	width: 99%;
	font-size: 10px;
	text-shadow: none;
}
.dgrid-cell {
	width: 80px;
}
.dgrid-selected {
	background: #88f;
}
.dgrid-row:hover {
	background-color: #aaf;
}
.closeX {
    	float:right;
	width:14px;
	height:14px;
	background:url(../images/close_black.png) no-repeat center center;
}

.settingsTbl table {
	width: 100%
	padding:2px;
	border-spacing:0;
}
.settingsLbl {
	text-align: right;
}
.settingsHdr {
	text-align: left;
	font-weight: bold;
}
.settingsColorSwatch {
	float: left; 
	border: 1px solid #808080;
	width: 18px;
	height: 18px;
	background-color: #ffff00;
}

.menuBtn {
	width:35px;
	height:35px;
	background-position: center;
	background-repeat: no-repeat;
	border: 0px none transparent;
	margin: 0px 2px;
}
.mapTool {
	width:35px;
	height:35px;
	background-position: center;
	background-repeat: no-repeat;
	border: 0px none transparent;
	margin: 0px 2px;
}
.mapToolActive {
	background-color: #2AD;
}
.measpntsIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/measure_multipoint.png);
}
.measlineIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/measure_line.png);
}
.measareaIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/measure_poly.png);
}
.measureClearIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/cancel.png);
}
.drawshapeIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/draw_shapes.png);
}
.drawundoIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/i_undo.png);
}
.drawclearIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/cancel.png);
}
.draweditIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/draw_edit.png);
}
.drawdeleteIcon {
	background-image: url(//arcgis.webgis.net/webgiscommon/images/cancel.png);
}
.panelTitle {
	font-size: medium;
	font-weight: bold;
}

.printDlgTbl td {
	vertical-align:top;
	padding: 2px;
}
#printExecute {
	font-size: medium;
	font-weight: bold;
	text-decoration: underline;
}

#layerInfoPopup {
	max-width:320px;
	max-height:480px;
	padding: 6px;
	border: 2px solid red;
}
#lyrInfoDlg_Title {
	font-weight: bold;
}
#printDiv {
	min-width:192px;
}
#advQueryPopup {
	max-width:320px;
	max-height:480px;
	padding: 6px;
	border: 2px solid red;
}
#advQryDlgString {
	width: 310px;
}
#advQryDlgHelpText {
	height:120px;
	width:100%;
	overflow:auto; 
	border:solid gray 1px;
}
.advQryDlgTbl td {
	vertical-align:top;
	padding: 2px;
}
.advQryDlgBtns {
	width: 100%;
	text-align: center;
}
#advQryDlgString {
	font-size: 9pt;
}
.zoomToolsTbl {
	border: 0px solid gray;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
.zoomToolsTbl td {
	padding: 0px 2px;
}
.zoomToolsHint {
	text-align: center;
	text-size: small;
}
.zoomToolsHint span {
	margin: 0px 2px 6px 2px;
}

.zoomToolsLbl {
	text-align: right;
}
.searchOtherTbl td {
	padding: 4px;
}
.sidetab {
	padding: 4px;
}
blockquote {
	padding: 4px;
	margin: 4px;
}
.disclaimer {
	font-size: 10px;
}
h3 {
	margin-top: 1em;
}
#mapDiv {
	max-height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
.ui-content {
	padding: 0;
	position: absolute !important;
	top : 0px !important; /* 40 px is default for header */ 
	right : 0;
	bottom : 0px !important; /* 40 px is default for footer */ 
	left : 0 !important;
}
.ui-panel-inner {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.ui-page-active.ui-page-panel {
	height: 70%;
}
.ui-lefttabs {
	width: 100%;
	padding: 0;
	position: absolute !important;
	right : 0;
	left : 0 !important;
}
#BasemapToggle {
	position: relative;
	top: 7px;
	left: 0px;
	z-index: 50;
}
#LocateButton {
	position: absolute;
	top: 74px;
	left: 3px;
	z-index: 50;
}
#LocateButton .zoomLocateButton{  
	width:25px;  
	height:25px;
	background-color: #333333;
}
#ContactDiv{
	height: 40px; 
	position: fixed; 
	bottom:0%;
	width:100%; 
	background-color: #FFFFFF; 
}
#ContactGroup{
	position: relative;
	left:75px;
}

#resultsDropDown {
	  position:absolute;
	  bottom:0;
	  width: 100%;
	  z-index: 100;
}
#resultsCTA {
	  background:#414142;
	  color: #ececec;
	  width:100%;
	  overflow:auto;
}
#resultsDropDown .resultsClose {
	  background-image: url(images/close.png);
}
#resultsDropDown #resultsDashboard {
	  display: none;
}
#resultsbuttons{
	position: absolute;
	color: #ececec;
	top: 30px;
	left: 0px;
	width: 100%;	
}
#dTable{
	position: absolute;
	top: 60px;
	left: 5px;
	width: 100%;
	overflow:auto;	
}
.tocGroupName {
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}
/* PHONE */
@media screen and (max-width: 767px) {
	#resultsCTA {
		height:250px;
	}
	#dTable{
		height:200px;
	}
	.aaFloatingPanel {
		max-width: 250px;
	}
	.ui-input-search input {
		width: 240px;
	}
}
/* TABLET */
@media screen and (min-width: 768px) {
	.ui-panel {
	    width: 23em;
	}
	.ui-panel-animate.ui-panel-page-content-position-left{
		-webkit-transform: translate3d(23em, 0, 0);
		-moz-transform: translate3d(23em, 0, 0);
		transform: translate3d(23em, 0, 0);
	}

	#resultsCTA {
		height:350px;
	}
	#dTable{
		height:300px;
	}
	.aaFloatingPanel {
		max-width: 350px;
	}
	.ui-input-search input {
		width: 240px;
	}
}