/* adding gray background behind interface */
body {
background: #888 !important;
}

/* dojo styling */
.dojoxExpandoTitle {
	color: #a94094 !important;
	background-image: url(../images/bg1.png) !important;
	background-repeat: repeat !important;
	background-color:#f1f1f1 !important;
	border: 0 !important;
	height:32px !important;
	line-height:30px !important;
	font-size:18px !important;
	font-weight:normal !important;
	text-align:center !important;
}
.dojoxExpandoIcon {
	background-image: url("https://digit-2005.com/shared_objects/js/dojotoolkit/dijit/themes/tundra/images/spriteRoundedIconsSmall.png") !important;
}

.claro .dojoxExpandoClosed {
    border: 1px solid rgb(153, 153, 153) !important;
}

/* change button sizing, make passive colors light yellow and active colors black for the top menu*/

.claro .dijitToolbar .dijitButtonContents {
    padding: 0.5em;
}

.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitButton .dijitButtonNode {
	color:#fbfbd2;
}

.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitButtonHover .dijitButtonNode {
	color:#000;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
padding-left: 0 !important;
}

/* basic layout styling*/
/* header is styled in chrome.css - height is set to 70px */
#header {
	background-image: url(../images/bg1.png) !important;
	background-repeat: repeat !important;
	background-color:#f1f1f1 !important;
}

#header a {
	color:#000000 !important; /* changed from #888888 (gray) to black, 5/3/16 jms */
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline !important;
}
/*
#header-left {
	float:left;
}
#header-right {
	float:right;
	padding-left:10px;
	padding-right:15px;
}
*/
/* added header-row1 and header-row2 9/12/14, jms */
#header-row1 {
	/* 	height:25px; */
	height:33%;
	padding-left:10px;	
	padding-right:15px;
}
#header-row2 {
	/* 	height:45px; */
	height:66%;	
	padding-left:10px;
	padding-right:15px;
}
#title {
    color:#000000 !important;	
    font-size: 16px; /* added 12/18/12, jms */
    position: relative !important; /* added 9/12/14, jms */
   	/* border:solid;
	border-color:red; */
	width:33% !important;  /* added 9/12/14, jms */
}
#subtitle {
    /* color:#555555 !important;	
    position: relative !important;
	border:solid;
	border-color:red; 
	width:33% !important; */
	display: none;	/* added 9/12/14, jms */
}
#links {
	border:none;
	border-color:transparent;
	height:25px; /* increased from 20 to 25px, 12/20/12, jms */
	text-align:right;
	position: relative !important; /* added this and all properties below, 9/12/14 jms */
	width:33% !important;
	float:right;
	vertical-align:top;
	padding-right:15px;	
	font-weight:bold; /* added 5/3/16 jms*/
}
/* commented out - don't think it's used anywhere, 9/12/14 jms */
/*
#toolbar {
	border:none;
	border-color:transparent;
	height:45px;
	display:table-cell;
	vertical-align:bottom;
	align:right;
}
*/
/* added toolbarDiv, 9/12/14 jms */
#toolbarDiv {
	border:none;
	border-color:transparent;
	/* height:45px; */
	height:90%;	
	display:block;
	vertical-align:bottom;
	text-align:right;
	width:99%;
	/* padding-top:8px; */
	padding-top:8px;
	
	/* For IE versions prior to 10 that cannot display gradients, added 12/18/12, jms */
	background-color: #723866; 
	background-image: none; 
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #a94094 0%, #723866 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #a94094 0%, #723866 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #a94094 0%, #723866 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a94094), color-stop(1, #723866));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #a94094 0%, #723866 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #a94094 0%, #723866 100%); 
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
/* .dijitReset {	
	color:#723866;
} */
/*
#customToolbar {
	border:none;
	border-color:transparent;
	height:40px;
	display:inline-block;
	width:99%;
}
*/
/* the top menu gradient and rounded edges */
#customToolbar {
	padding: 0px;
	color: transparent; /* make it a color if you want to show the lines between the tools. */
	background-color:transparent;
	background-image: none;
	/* height:35px; /* added 12/18/12, jms  */
	/* added properties below, 9/12/14 jms */
	border:none;
	border-color:transparent;
	height:35px;
	display:inline-block;
	width:99%;		
}
/* footer gradient and text color set to light yellow */
#footer {
/* For IE versions prior to 10 that cannot display gradients, added 12/18/12, jms */
background-color: #723866 !important; 
background-image: none !important; 
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #66365c 0%, #913c80 100%) !important;
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #66365c 0%, #913c80 100%) !important;
/* Opera */ 
background-image: -o-linear-gradient(bottom, #66365c 0%, #913c80 100%) !important;
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #66365c), color-stop(1, #913c80)) !important;
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #66365c 0%, #913c80 100%) !important;
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #66365c 0%, #913c80 100%) !important;
color:#fbfbd2 !important;
}

/* footer link color set to light yellow to match text */
#footer a {
color:#fbfbd2 !important;	
}

/* styling for the inside of the dojo accordion layout (the rest of which is back up around line 6) */
#rightPane {
	background-image: url(../images/bg1.png) !important;
	background-repeat: repeat !important; 
	background-color:#fff!important; 
    border: 1px solid #bbbbbb !important;
}
#leftPane {
	background-image: url(../images/bg1.png) !important;
	background-repeat: repeat !important; 
	background-color:#fff !important; 
    border: 1px solid #bbbbbb !important;	
}
/*Grid needs an explicit height by default*/
/* #grid {
    height: 200px;
}
*/
.basemapIcon { background-image:url(../images/imgBaseMap.png); width:16px; height:16px; }
/* .identifyIcon { background-image:url(../images/tag_orange.png); width:16px; height:16px; } */
.parcelinfoIcon { background-image:url(../images/tag_purple.png); width:16px; height:16px; }
.birdseyeIcon { background-image:url(../images/eye.png); width:16px; height:16px; }
.streetviewIcon { background-image:url(../images/car.png); width:16px; height:16px; }
.printmapIcon { background-image:url(../images/printer.png); width:16px; height:16px; }
.zoomfullextIcon { background-image:url(../images/world.png); width:16px; height:16px; }
.printlegendIcon { background-image:url(../images/color_swatch.png); width:16px; height:16px; } /* added 12/18/12, jms */

.attrName {font-style:italic;}

hr {color:#501e51;}
/* #map_zoom_slider {background-color:#D3E0C1 !important;} */
#map_zoom_slider {
	/* background-color:rgba(235, 237, 232, 0.75) !important; */
	background-color:rgba(250, 250, 245, 0.90) !important;
	border:1.5px solid #C1C2C0; 
	border: 1px solid #000; /* added 4/27/16, jms */
    border-radius: 5px; /* added 4/27/16, jms */
} 
.dijitRuleLabelsContainerV {
	width:0.05em !important; /* this overrides the area beside the map zoom slider designated for labels */
}
table { font-size:100%;}
table.pigiTabular { 
	border: 1px solid !important; 
	border-color: #501e51 !important;
	/*
	border-collapse: collapse; 
	border-spacing: 0; 
	border: 1px solid #501e51; 
	*/
	margin: 0 .5em;
}
.pigiTabular a { 
	color: #501e51 !important;
}
.pigiTabular th { 
	text-align: right; 
}
table.pigiTabular thead, table.pigiTabular tfoot { 
	background-color: #efefef; 
	border: 1px solid #501e51; 
	border-width: 1px 0; 
	font-weight: bold;
}
table.pigiTabular thead tr th,
table.pigiTabular thead tr td,
table.pigiTabular tbody tr td,
table.pigiTabular tfoot tr td { 
	padding: 0.25em 0.5em;
	text-align: right; 
	border: 1px solid #501e51; 
}
table.tipHeaderTable { 
	border: 1px solid !important; 
	border-color: #501e51 !important;
	/*
	border-collapse: collapse; 
	border-spacing: 0; 
	border: 1px solid #501e51; 
	*/
	margin: 0 .5em;
}
table.tipHeaderTable thead, table.tipHeaderTable tfoot { 
	background-color: #efefef; 
	border: 1px solid #501e51; 
	border-width: 1px 0; 
	font-weight: bold;
	text-align: center; 
}
.tipHeaderTable th { 
	text-align: right; 
	vertical-align: top; 	
	padding-left: 5px;
	padding-right: 2px;
}
.tipHeaderTable td { 
	vertical-align: top; 
	padding-bottom: 2px;
}
#feedback, #gislinks {
	float: left;
	text-align: left;
}
body { font-size: 13px;}
h6 {
	font-size: 11px;
	margin-top: 9px;
	margin-bottom: 9px;
}
/*hide the service name in the legend*/
.esriLegendServiceLabel {
    display: none;
}
/* for ESRI print dijit label, added 12/18/12, jms */
/* removed padding from print button 12/20/12 cme */
.esriPrint {padding: 0px !important;}
.esriPrint a {color:#fbfbd2 !important;}
.esriPrintButton {color:#fbfbd2 !important;}
.esriPrintout {color:#fbfbd2 !important;}
.esriPrintout a {color:#fbfbd2;}
.claro .dijitComboButton .dijitButtonNode {
    color:#fbfbd2;
}
.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
	color:#000;
}
#header .esriPrint a {
    color: #F7F707 !important;
    text-decoration: underline;
}
/* for the drawing/buffer images, added 12/19/12, jms */
#draw img, #buffer img {
	cursor:hand;
	cursor:pointer;
}
/* below added 12/18/12, jms (pulled out inline styling from index.html)*/
#loadingDiv {position:absolute; right:512px; top:256px; z-index:100;text-align:center;background-color:#E8E8E8;padding:5px;filter:alpha(opacity=75);-moz-opacity: 0.75; opacity: 0.75;} 
#mainWindow, #leftPaneContent, #rightPaneContent {width:100%; height:100%;}
#toc {width:99%; filter:alpha(opacity=90);-moz-opacity: 0.9; opacity: 0.9; background-color: white;}
.TOC_Tiled_Label {font-weight:600; color:#4D1541;}
.TOC_Root_Label {font-weight:600; color:#595758;}
/* .TOC_Sublayers {display:none;margin-left:20px;}
.TOC_Sublayer_Checkbox {display:inline;width:20px;}
.TOC_Sublayer_Label {display:inline;} */
.TOC_Sublayers {display:none;margin-left:20px;}
.TOC_Sublayer {display:table-row;}
.TOC_Sublayer_Checkbox {display:table-cell;width:20px;}
.TOC_Sublayer_Label {display:table-cell;vertical-align:top;padding-left:2px;padding-top:3px;padding-bottom:3px;}
#slider {width:180px; height: 20px;}
.popuphelpimg {padding-left:5px;width:16px;height:16px;}
.popuphelpimg:hover{cursor:hand;cursor:pointer;}
/*
#parcelresultsDialog, #paresultsDialog {width:680px;height:420px}
#parcelresults, #paresults  {width:650px;height:300px}
*/
/* .gridDialog {width:680px;height:420px} 
.gridResults  {width:650px;height:300px} */
.gridDialog {width:680px;height:420px;	background-color: #fbfbd2 !important;}
.gridResults  {width:650px;height:250px} 
.dijitDialogPaneActionBar {
	background-color: #fbfbd2 !important;
	text-align: left !important;
	height: 20px;
}
/* to indicate which tool is active (for tools that require user to interact with map). */
.toolActive {
	background-color:#fbfbd2;
	color:#723866;
}
.customDialog {width:460px;height:auto;overflow:auto;} /* added 1/8/13, jms (for custom dialog boxes - About, Splash) */
.drawimage {width:32px;height:32px;} /* added 1/15/13, jms (for drawing image icons) */
/* .dialogalert {width:300px;} */
#progressDiv {position:absolute; right:512px; top:256px; z-index:100;text-align:center;background-color:#E8E8E8;padding:5px;filter:alpha(opacity=95);-moz-opacity: 0.95; opacity: 0.95;} /* added 6/26/13, jms (for printing) */
.dijitTabContent, .dijitAccordionTitle {font-weight: bold; color:#4D1541;}
/* .dijitAccordionTitle:hover {background-color:#fbfbd2;} */
/* added next several to style accordions, 4/26/16 & 4/27/16, jms */
.claro .dijitAccordionInnerContainer .dijitAccordionTitle {
    background-color: #BBBBBB; /* #C1C2C0 */
 }  
.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
    background-color: #BBBBBB; /* #a94094 */
   border: none;
}
.claro .dijitAccordionTitle {
	padding: 5px 7px 1px; /*added 4/27/16, jms, to gain a little space*/
}
.claro .dijitAccordionInnerContainer {
	/* margin-bottom: 0px; */
	margin: 0px;
	border: none;
}
.claro .dijitAccordionInnerContainerHover {
	background-color: transparent;
	/* border: solid 1px #c8c8c8; */
}
.claro .dijitAccordionInnerContainerSelected {
    background-color: transparent;
    /* border-color: #a4a5a5; */
}
.claro .dijitAccordionInnerContainerFocused {
    background-color: transparent;
    /* border-color: #a4a5a5; */
}
.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionChildWrapper, .claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper {
    border: none !important;
    /* box-shadow: inset 0 0 3px rgba(0,0,0,0.25); */
    box-shadow: none;    
}
.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
    border: none;
}
.dojoxExpandoTitle {
    font-size: 20px !important; /* increased from size 18px, 5/3/16 jms */
}
#transparencyList {
	width:99%; /*added 4/27/16, jms, to prevent horiz scrollbar*/
}
/*.dijitValidationContainer {display:none;} added 9/17/13 jms to hide row beneath Find Parcel and Search PA select list when using dijit.form.Select */
/*.esriBookmarkLabel:hover {background-color:#fbfbd2;} added 9/17/13 jms but ended up not using the bookmark widget */
/* esriPopupWrapper and esriPopup styles used for dragging Identify window, added 3/14/16 jms */
/* .esriPopupWrapper { 
    cursor: move;
} */
.esriPopupWrapper .titlePane { /* added this so can hover over the header of the popup window and move it, 4/28/16 jms */
    cursor: move;
}  
.esriPopupWrapper .actionsPane { /* added this so can hover over the footer of the popup window and move it, 4/28/16 jms */
    cursor: move;
}  
/* .esriPopupWrapper .sizer { 
    cursor: move;
} */
.esriPopup .hidden {
    display: none !important;
}
.HomeButton .home {
  position: absolute;
  top: 90px; /* was 95 */
  left: 20px;
  z-index: 2;
  border: 1px solid #000; /* added 4/27/16, jms */
  border-radius: 5px; /* added 4/27/16, jms */
  background-image: url("../images/Home2_transparent32.png");
  background-color: rgba(238, 238, 238, 0.8);
  height: 26px;
  padding: 2px;
  width: 26px; 
}
.HomeButton .home:hover {
  background-color: rgba(221, 221, 221, 0.9);
}
#NavHelpButton {
  position: absolute;
  top: 125px;
  left: 20px;
  z-index: 2;
-moz-user-select: none;
background-color: rgba(238, 238, 238, 0.8);
/* background-color: rgba(102, 102, 102, 0.8);
background-image: url("../images/Help_White_24.png"); */
background-image: url("../images/Question_transparent32.png"); 
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #000; /* added 4/27/16, jms */
border-radius: 5px;
cursor: pointer;
height: 26px;
padding: 2px;
width: 26px; 
}
#NavHelpButton:hover {
	background-color: rgba(221, 221, 221, 0.9);
	/* background-color: rgba(102, 102, 102, 0.9);	*/
}
.esriOverviewMap.ovwBL .ovwShow, .esriOverviewMap.ovwTR .ovwHide {
	border: 2px solid #000;
    background: url("../images/overview_yellow.png") 0px 0px;
    /* background: url("../images/overview_yellow.png") 2px 0px; use if increase image size to 18px */   
}
.esriOverviewMap.ovwTR .ovwShow, .esriOverviewMap.ovwBL .ovwHide {
	border: 2px solid #000;
    background: url("../images/overview_yellow.png") 0px 0px;
    /* background: url("../images/overview_yellow.png") 2px 0px; use if increase image size to 18px */   
}
.esriOverviewMap .ovwMaximize {
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #000;
    background: url("../images/overview_yellow.png") 0px -130px;
    /* background: url("../images/overview_yellow.png") 2px -128px; use if increase image size to 18px */   
}
.esriOverviewMap .ovwRestore {
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #000;
    background: url("../images/overview_yellow.png") 0px -104px;	
    /* background: url("../images/overview_yellow.png") 2px -102px; use if increase image size to 18px */
}
/* .esriOverviewMap .ovwButton {
    width: 18px;
    height: 18px;
} */