html, body
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body    {
    background-color: #FFF;
    overflow: hidden;
    font-family: "Trebuchet MS";
}

img {
	border: 0;
}

#page-wrapper {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

#status
{
	position: absolute;
	top: 50%;
	left: 50%;
	padding-top:10px;
	margin-left: auto;
	margin-right: auto;
	/* margin: auto; */
	/* display: block;
	margin: auto; */
	/*margin-top: -9px;
	margin-left: -90px;*/
	/* width: 380px;
	height: 380px; */
	border: none;
	width: 70px;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.3); /* Color white with alpha 0.9 */
	/*display: none;*/
	/* background: transparent url(../images/pbar_animation.gif) no-repeat center center; */
	/*border: 1px solid #77D5F7;*/
	z-index: 999;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#idfloat    {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 35px;
    left: 60px;
    width: 500px;
    height: 300px;
    z-index: 90;
    visibility:hidden;
            
}

#header {
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
	background-color: #BECEDD;
    border-bottom: 2px solid #b3b3b3; 
    display: block;
    clear: both;
    text-align:center;
}

.header-logo
{
	position: relative;
	float: left;
	height: 65px;
	width: 85px;
	margin-left: 9px;
}


#title
{
    position: relative;
    width: 100%;
    bottom: 10px;
    font-style: normal;
    font-weight: bold;
    font-family: Arial;
    font-size: 30px;
    color: #006699;
    /*text-align: left;*/
    text-align: center;
    vertical-align: middle;
    /*vertical-align: middle;*/
    /*margin-left: 400px;*/
    /*margin-left: auto;
    margin-right: auto;*/
    /*margin:0 auto;*/
    text-transform: capitalize;
}
#map-frame {
    position: relative;
    float: left;
    width: 100%;
    height: 93%;
    top: 0px;
    left: 0px;
}
#map     {
    position: relative;
    float: left;
    /*background: #aaaaaa;*/
    background: #FFFFFF;
    /*border: 1px solid #545454;*/
    display: block;
    cursor: default;
    height: 100%;
    width: 100%;
}

#deltmp {
	left: 200px;
	top: 200px;
	width: 50px;
	height: 50px;
	display: inline-block;
	position: absolute;
	background-color: white;
	z-index: 100;
}

input:focus {
	/* border-color: red; */
	outline: darkgray solid thin;
	}
#toolbar-wrapper
{
	position: absolute;
	top: 15px;
	left: 0px;
	width: 100%;
	height: 60px; 
    
	/* background: #ff0000; */
	z-index: 3;
    /*overflow: hidden;*/
	visibility: hidden;
}

#query-wrapper {
    position: absolute;
	top: 15px;
    /*float: right;*/
	right: 485px;
	/*bottom: 5px;*/
    width: 300px;
	
	/*height: 280px;*/ 
    height: 220px;
   	z-index: 3;
    /*background-color: #C2D1E0;*/
    visibility: hidden;
}
#qindiv {
	display: inline-block;
	height: 30px;
}
#qstext {
	font-size: 12px;
	left: 25px;
	padding-left: 10px;
}

#qtext {
	position: relative;
	left: 10px;
	width: 270px;
}
#query-box {
    border: 1px solid #999999;
    position: relative; /*margin: 5px;*/
    width: 100%;
    /*height: 50%;*/
    height: 100%;
    margin: 0 auto;
    background-color: #f2f2f2;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 5px;
    visibility: visible;
}

#query-divtitle {
   position: static;
    /*position: fixed;*/
    /*width: 100%;
    /*height: 30px;*/ /*border-radius: 6px 6px 0px 0px;*/
    /*display:table-row;*/
   margin-left: auto;
   margin-right: auto;
   height: 10%;
   top: 0px;
   padding-bottom: 0;
    /*background-color: #235468; /*#BECEDD;*/
   visibility: visible;
   z-index: 99;
   /*color: #000000;*/
}

.query-title {
    /*position: relative;*/
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold; /*display: inline-block;*/
    /*vertical-align: middle;*/
    color: #000000;
    text-align: center; /* center horizontally */ /*vertical-align:central;*/
    /*vertical-align: middle;*/
}

#query-divsub {
    /*position: absolute;*/
    width: 100%;
    height: 20px;
    /*margin-left: auto;
    margin-right: auto;*/
    visibility: visible;

}

.query-text {
    text-align: left;
}

#query-rdos {
    width: 100%;
    /* height: 25%; */
	height: 20px;
    margin-left: 10px;
    text-align:left;
}
#qrybuttons {
    margin-top: 4px;
	/*position:relative;*/
    width: 100%;
    height:30px;
    /*border:1px solid;*/
    text-align:center;
	padding-top: 8px;
}


.query-text {
    font-family: Arial;
    font-size: small;
    margin-left: 5px;
}

.btnquery {
    margin: 0 auto;
    /*position:relative;*/
    width:60px;
    height:30px;
	border-radius: 2px;
}
.btnquery:hover:enabled {
	background-color: #A9A9A9;
	
}	    
#apndselchk {
	margin-top: 2px;
	height: 20px;
	width: 200px;
	font-size: 12px;
}
/* #apndsel {
	font-size: 10px;
} */

/* input[type=checkbox]{
	font-size: 10px;
} */

#nav-toolbar
{
	position: relative;
	float: left;
	/* background-color: #BECEDD; */
	margin-left: 2px;
    top: 0px;
    left: 0px;
	height: 60px;
    /*height: 65px;
	width: 247px;*/
	
	background-color: gray;
	opacity: 0.90;
	border: 1px solid white;
	
	
    /* border: 1px solid #b3b3b3; */
	border-radius: 6px;
	visibility: visible;
}

#nav-toolbar:hover , #selection-toolbar:hover, #layersbar-item-div:hover, #layers-toolbar:hover{
	background-color: #3e8e41; /* #f0f5f5; */
	/* border: 1px solid gray; */
	opacity: .85;
}

.toolbar-item:hover, .layersbar-item-div:hover, .selectbar-item:hover:enabled {
	/* background-color: white;
	opacity: .55; */
	/* border: 1px solid white; */
}
#selection-toolbar {
    position: relative;
    margin-left: 15px;
    float: left;
    top: 0px;
    left: 0px;
    /*height: 65px;
	width: 247px;*/
	height: 60px;
	background-color: gray;
	opacity: 0.90;
	border: 1px solid white;
	
	
	/* background-color: #BECEDD;
    border: 1px solid #b3b3b3; */
	border-radius: 6px;
	visibility: visible;
}

.selection-toolbar-div {
    overflow:hidden;
    position: relative;
	float: left;
	width: 46px;
	height: 46px;
	margin: 4px;
    top: 0px;
    left: 0px;

}

.selectbar-item {
    padding: 5px 5px 5px 5px;
    margin-left: 2px;
    margin-top: 2px;
}

#cleargraph:disabled {
	opacity: .2;
}

#cleargraph:enabled {
	opacity: 1;
}

#zoomprev:disabled {
	opacity: .2;
}

#zoomprev:enabled {
	opacity: 1;
}

#zoomnext:disabled {
	opacity: .2;
}

#zoomnext:enabled {
	opacity: 1;
}

#layerlist-wrapper {
 position: absolute;
 right: 5px;
 top: 250px;
 /*bottom: 100px;*/
 /*background-color: aquamarine;*/
 width: 20%;
 height: 50%;
 /*height: 500px;*/
 z-index: 5;
 visibility: hidden;
}


#layer-list {
  position:relative;
  /*float: right;*/
  /*top:20px;
  left:20px;*/
  width: 100%;
  /*height: 400px;*/
  height: 100%;
  /*background-color : #BECEDD;*/
  background-color: #FFFFFF;
  box-shadow: 5px 5px 5px #888888;
  border-color: gray;
  border-style: solid;
  border-width: thin;
  border-radius: 5px;
  /*display: none;*/
  /*margin-right: 2px;*/
  /*margin-bottom: 2px;*/
  overflow-y: auto;    /*allows for scrollbar to appear and prevents overflow when resizing*/ 
  opacity: 1;
  visibility: visible;
  /*visibility: hidden;*/
}

.layer-list-title {
    /*background-color: #BECEDD;*/
    position: relative;
    display:block;
    text-align:center;
    float: left;
    margin-left: 68px;
    width: 50%;
    padding: 0px;
    /*border-radius:5px;*/
    font-family: Arial, Helvetica, sans-serif;
	/*color:blue;*/
    /* font-size: .8em; */
	font-size: 1em;
	/*font-weight: bold !important;*/
    font-weight: bold;
}

.layer-wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.sub-layer-label {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: .85em;
    font-weight: 500;
    display: inline-block;
}

/* //TODO FIT THIS TO BOTTOM OF SCREEN IN MOBILE */
#dgwrapper {
	position: absolute;
	display: block;
	/* display: inline-block;  */ /* block; */
	/* visibility: hidden; */
	left: 20%;
	/* left: 400px; */
	/* right: 0px; */
	/* left: 50%;
	right: 50%; */
	bottom: -135px;  /* -135px */
	/* margin-left: -500px; */
	/* margin-left: auto;
	margin-right: auto; */
	margin: 0 auto;
	width: 800px;
	height: 170px;
	z-index: 70;
	
	/* TODO: try to set background opacity after select record button is made visible in order to give context that button isn't floating in space */
	/* background-color: rgba(0,0,0,.1); */
	
	/* background-color: transparent; */
	/* opacity: .1;  */
	/* border: 1px solid; */
	/* border-color: transparent; */
	/* border-top-right-radius: 5px;
	border-top-left-radius: 5px; */
	border-bottom-style: none;
	/* bottom: 0px; */
	
}

.dgwrapup {
	bottom: 0px;
}

.dgwrapdown {
	bottom: -120px;	
}

#dgtop {
	position: relative;
	width: 800px; /* 50px; */
	height: 30px;
	display: block;
	margin: 0;
	visibility: visible;
	background-color: transparent; /* gray; */
	/* border-top-left-radius: 5px;
	border-top-right-radius: 5px; */
}

.up_arrow {
	transform:rotate(-90deg);
    width: 10px;
    height: 30px;
    display: block;
	
	left: 395px;
	padding: 5px;
	margin: 0 auto;
	width:10px;
	float:left;
	background-color:gray;
	font:400 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	position:relative;
	/* left:-81%; */
	/* left: -480px; */
	z-index: 902
	
	
	
}

#reselpar {
	margin-top: 5px;
	bottom: 0px;
	border: .5px solid black;
	border-radius: 2px;
}

#reselpar:hover {
	background-color: rgba(64, 191, 64, 0.8);  /* #ccf9c2; */
	font-weight: bold;
	font-size: 14px;
}



#dgbottom {
   position: relative;
   width: 800px;
   height: 140px;
   margin: 0;
   display: block;
   /* border-top-style: solid;
   border-top-width: 1px;
   border-top-color: grey; */
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: gray;
   visibility: visible;
}

#datagrid {

font-family: Arial, Helvetica, sans-serif; /* "Lucida Grande","Segoe UI","Arial",sans-serif; */
font-weight: normal;
font-size: small;

position: absolute;
top: 5px;
left: 5px;
width: 790px;
height: 130px;
margin: 0;
/* width: 600px;
height: 120px;
bottom: 20px; */
/* left: 300px; */

/* background-color: gray; */

/* background-color: #BECEDD;
border-radius: 5px;
border: 2px solid #8AC007; */
/* CHANGE BELOW TO WORK FROM JQUERY ON CLICK */
/* visibility:visible; */
z-index: 100;
/* vertical-align: middle; */

}

/* TODO FIX SELECTED COLOR NOT WORKING */
#datagrid .dgrid-selected {
    background: #94bee0;
}

/* ACTUAL DOJO DATAGRID WHERE DATA IS DISPLAYED AT BOTTOM OF PAGE FOR MULTIPLE PARCELS */
#grid {
position: relative;
width: 790px;
height: 120px;
/*width: 95%;
height: 95%;*/
/*padding: 5px 5px 5px 5px;*/
margin: 0 auto;
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;*/
/*left: 50%;
top: 50%;*/
/*top: 50%;*/
font-size: 10pt;
/* TODO MAYBE UNBLOCK BELOW */
/* margin-top: 4px; */
background-color: gray;
}

/* .dojoxGridContent {
    overflow: auto;
} */

/* .dojoxGridRowSelected {
	background-color: red;
	color: red;
} */

/* .claro .dojoxGridRowSelected .dojoxGridRowTable tr {
    color: red;
	background-color: #4688bf;
}  */

/* .dojoxGridCellSelected {
 background-color: green;	
} */

/* TODO MOVE THIS TO ANOTHER AREA WITH CSS FROM OTHER TOOLS */
/* TODO POSSIBLY DELETE */
#selrecbtn {
	position: absolute;
	display: block;
	width: 100px;
	height: 30px;
	left: 500px;
	visibility: visible;
	background-color: white;
	font-family: Arial;
	font-weight: bold;
	color: black;
	font-size: 12px;
	border: 1px solid black;
	border-radius: 5px;
	
	/* EXCELLENT WAY TO CENTER TEXT BELOW */
	text-align: center;
    vertical-align: middle;
    line-height: 30px; 
	
}

#selrecbtn:hover {
	cursor: pointer;
}


/* //TODO SHRINK THE HEIGHT FOR IPAD */
/* WRAPPER FOR LEFT DIV WITH SLIDING PANEL FOR ADVANCED QUERY */
#left-wrapper {
  position: absolute;
  /* left: 0px; */
  left: -490px;
 /*  bottom: 90px;  */
  top: 90px;
 /* width: 80%; */
 width: 500px;
 height: 550px;
 /* top: 120px; */
  /* top: 340px; */
  background-color: transparent;
  z-index: 900;
  display: block;
 
}


/*CSS FOR LEFT SLIDING PANEL IN LEFT-WRAPPER*/
.panel {
	/* position:relative; */
	
	/* width:80%; */
	width: 480px;
	float:left;
	height:550px;
	background-color:gray;
	position:relative;
	/* left:-81%; */
	/* left: -480px; */
	z-index: 902;
  
}
.slider-arrow {
	padding:5px;
	width:10px;
	float:left;
	background-color:gray;
	font:400 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	position:relative;
	/* left:-81%; */
	/* left: -480px; */
	z-index: 902;
	
	<!-- top: 270px; -->
}

#intext {
 color: green;
 font-family: Arial;
 font-size: 12px;
}

#intext {
 <!-- padding: 30px; -->
 position: absolute;
 margin-left: 30px;
}

#intext:hover {
	color: red;
}

a:link { 

 font-family: arial;
 font-size: 20px;
 
}
/* END NEW CSS FOR SLIDING PANEL */

#paneltitleleft {
  display:flex; /*block;*/
 /*  margin-left: 5px; */
  width: 480px;
  /* background-color: white; */
  color: white;
  align-items: center;
  justify-content: center;
  height: 20px;
	
}
#pantitle {
  color:blue;
  
  /* padding: 1px; */
  /* margin-left: 5px; */
	
}

/* INLINE BLOCK ALLOWS THE SELECT ELEMENTS TO BE LINED UP HORIZONTALLY IN THIS DIV */
#selaqfdop {
	display: inline-block;
	width: 400px;
	height: 40px;
	margin-bottom: 5px; 
}

#selfldnm {
	margin-right: 15px;
}


#bottomleftdiv {
	/* width: 480px;
	height: 290px;
	display: block;
	background-color:white; */
	
  height: 290px;
  border: 1px solid #999;
  border-top: none;
  background-color: white; /* #fff; */
	
	
}





/* NEW CSS FOR TABS IN LEFT SLIDING PANEL */

.tabs {
  margin:0;
  /* margin-left: 2px; */ /*: 0;*/
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #999;
}

.tabs li {
  float: left;
  border: 1px solid #999;
  border-bottom: none;
  background: #e0e0e0;
}

.tabs li a {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

.tabs li a:hover {
  background: #ccc;
}

.tabs li.active,
.tabs li.active a:hover {
  font-weight: bold;
  background: #fff;
}

.tab_container {
  border: 1px solid #999;
  border-top: none;
  background: #fff;
  height: 200px;
}

.tab_content {
  padding: 20px;
  font-size: 16px;
}

/* END NEW CSS FOR TABS IN LEFT SLIDING PANEL */


/* NEW CSS FOR ACCORDION */
.accordion {
    margin-top: 15px;
	margin-left: 10px;
	background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 455px;
	
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
/* END ACCORDION */

#content{
    position:fixed;
    /* position: relative; */
	text-align: center;
    height: 400px;
	/* background:rgb(97, 97, 97); */
	background-color: white;
	border: solid 1px;
	border-left: 0;
	border-color: #a6c9e2;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
    /* width:200px; */
    left:0px;
    /* margin-left: -200px; */
	z-index: 50;
}

#layer-tabs-left-handle {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    top: 2px;
	display: block;
    overflow: hidden; 
    cursor: pointer;
   /*  border-style: solid; */
    border-color: gray;
    border-width: 1px;
	border-radius: 3px;
    background-image: url("http://toqgis.queensbury.net/webappjsworking/images/arrow_right.png");
    background-position: center;
	background-repeat: no-repeat;
	z-index: 60;
}

#contenttitle {
	position: relative;
	top: 0px;
	float: left;
	margin: 0 auto;
	width: 100%;
	padding-top: 10px;
	height: 35px;
	margin: 0px;
	display: none;
	background-color: #cccccc;
	
	text-align: center;
	font-color: black;
}

#accordion {
	position: relative;
	top: 5px;
	width: 97%;
	height: 346px;
	bottom: 2px;
	margin-right: 2px;
   
	display: none; 
	background-color: #cccccc;
}

/* #layer-tabs-left-handle:hover {
	background-color: white;
	border: solid 1px;
	border-color: #a6c9e2;
} */

/* #open-right-img {
	display: block;
	margin: auto;
	
} */

/*input[type=checkbox] {
    color: blue;
    border-radius: 4px;
}*/

/*input[type=checkbox]:checked {
    
    color:white;
    background-color: #666; 
    /*text-align:center;
    line-height:15px;
    text-shadow:0px 0px 3px #eee;*/


/*input {
    height: 15px;
    width: 15px;
}*/

/*input:checked {
    color: green;
    height: 50px;
    width: 50px;
}*/

/*#nav-toolbar, #search-toolbar {
	margin-left: 2px;
    top: 0px;
    left: 0px;
    /*height: 65px;*/
/*}*/

.not-hidden 
{
	visibility: visible;
} 

.toolbar-item-div
{
	position: relative;
	float: left;
	width: 46px;
	height: 46px;
	margin: 4px;
    top: 0px;
    left: 0px;
}

.toolbar-item
{
	padding: 5px 5px 5px 5px;
	/*width: 40px;
	height: 40px;*/
}

.tool-highlight
{
	//background: transparent url("images/tool_highlight.png") no-repeat center center;
    /* background-color:red;
	border-style: solid;
    border-color: red;
    border-width: 5px; */
}


#layers-toolbar {
   position :relative;
   float : right; 
   margin-right : 5px;
  /*  background-color: #BECEDD; */
   top: 0px;
   left: 0px;
   /*height: 46px;
   width: 247px;*/
   height: 60px;
   background-color: gray;
	opacity: 0.90;
	border: 1px solid white;
   
   
  /*  border: 1px solid #b3b3b3; */
   border-radius: 6px; 
   visibility: visible;
}



.layersbar-item-div
{
	position: relative;
	float: left;
	width: 46px;
	height: 46px;
	margin: 4px;
    top: 0px;
    left: 0px;
}

.layersbar-item
{
	padding: 5px 5px 5px 5px;
	/*height: 100%;*/
    /*display:block;
    margin-left:auto;
    margin-right:auto;*/
    /*width:100%;*/
    /*vertical-align:top;*/
    /*display: inline-block;*/
    /*width: 40px;
	height: 40px;*/
}




#testFloatingPane {
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            position: absolute;
            top: 550px;
            left: 800px;
            width: 400px;
            height: 270px;
            z-index: 90;
        }

        .dojoxFloatingPaneContent {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt;
            font-weight: bold;
            overflow: auto;
        }

        .dojoxFloatingPaneTitle, .reportTitlePane {
            color: white;
            background-color: #76a2c5;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            font-weight: bold;
            overflow: auto;
        }
#xy-info {

          position:absolute; 
          right:5px; 
          bottom:35px;
          /*margin-bottom: 5px;*/
		  padding-top: 9px;
          height: 25px;
          width: 190px; 
          text-align: center;
		  font-size: 12px;
		  font-weight: bold;
          /*vertical-align: bottom;*/
          /*margin-bottom:10px;
          margin-right:5px;*/
		  
		  background-color: gray;
	      opacity: 0.90;
	      border: 1px solid white;
		  color: white;
		  
         /*  border: 1px solid #b3b3b3; */
	      border-radius: 6px;
          /* background-color:#BECEDD;  */
          z-index:90;
          visibility:visible
        }
/*#scalebar {
         position:absolute;
         left:0px;
         bottom: 15px;
         height: 60px;
         width: 150px;
         margin-left: auto;
         margin-right: auto;
         vertical-align:central;
         background-color: #BECEDD;
         z-index:90;
         visibility: visible
}*/

/* Handle on ESRI Scalebar Dijit to change location */
.scalebar_bottom-left {
	bottom: 30px;
}

.esriScalebarLabel {
	
	/* color: #C0C0C0; */
	/* color:red !important; */
}




.esriPopup .titlePane {
	background-color: #336699;
	/* border: 1px solid;
	border-color: red;
	border-radius: 10px; */
}

#rightpane-wrapper {
	position: absolute;
	width: 320px;
	height: 420px;
	right: 5px;
	bottom: 95px;
	/* background-color: red; */
}





#rightPane {
		position: relative;
		//float: right;
		/* padding: 4px 4px 4px 4px;  */
		/* right: 5px;
		bottom: 95px; */
		height: 400px;
		width: 300px;
		background-color: white;
		border: 1px solid 	#b3b3b3;
		border-radius: 5px;
		z-index: 6;
}

#accord {
	
	/* width: 290px;
	height: 390px; */
	/* margin: 2px; */
	/* padding: 2px; */
	/* margin-top: 2px; */
	/* height: 490px; */
	/* overflow-y: auto; */
}
	  
#legendPane {
     /*  border: solid #97DCF2 1px; */
	background-color: white;
	/* overflow-y: auto;  */     /*allows for scrollbar to appear and prevents overflow when resizing*/ 
}

#layerList {
	background-color: white;
	/* overflow-y: auto; */
}
	  
	  .dijitAccordionTitle {
		font-size: 1.25em;
		font-family: Arial;
	  }
	  
	  /* .dijitAccordionTitle:hover {
		background-color: grey;
	  } */

	  .dijitAccordionTitle:hover {
		background-color: #9fdf9f;
	  }
	  
	  .dijitAccordionTitleSelected {
	   background-color: #ccffcc;
	   
	  }
	  
#buffersPane {
	/* border: 1px solid gray; */
}	  
	  
#buffersDiv {
	top: 0px;
	width: 100%;
	height: 350px; /* height: 120%; */
	display: block;
	position: relative;
	border: 1px solid lightgray;
}
#bufferstitle {
	position: relative;
	display: inline-block;
	top: 2px;
	left: 80px;  /* left: 20%; */
	font-size: 13px;
	font-weight: bold;
	width: 60%;
	height: 8%;
	/* padding: 0px; */
	
}
.buffsubtitle {
	position: relative;
	display: inline-block;
	top: 2px;
	left: 12px;
	font-size: 12px;
	font-weight: bold;
	width: 80%;
	height: 7%;
}
.buffchoices {
	font-size: 12px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	
}
input[type="radio"] {
	margin: 5px;
}
input[type="checkbox"] {
	margin: 5px;
	vertical-align: middle;
}

.buffsubtitle:disabled {
	color: lightgray;
	
}
input:disabled+label {
	color: lightgray;
}

#useselchk {
	display: block;
	position: relative;
	width: 80%;
	height: 5%; /* 10%; */
	
}

#disselect {
	border-radius: 5px;
}

#setd {
	border-radius: 2px;
}

/* #disselect:active {
	background-color: red;
} */
#disselect:hover {
	background-color: #edeeef;
}

#setbuffdist {
	display: inline-block;
	position: relative;
	width: 90%;
	height: 40%;
	margin-left: 2px;
	padding: 10px;
    border: 1px solid #F8F8FF;  /* silver */
	border-radius: 2px;
}
#setbuffdist button {
	margin: 20px;
	width: 70px;
	
}
.bdtxt {
	font-size: 12px;
}
.selpropinbuff {
	font-size: 12px;
		
}

.selpropinbuff:disabled {
	color: lightgray;
}


#printDiv {
	top: 0px;
	width: 100%;
	height: 270px; /* height: 120%; */
	display: block;
	position: relative;
	border: 1px solid lightgray;
}

#printtitle {
	position: relative;
	display: inline-block;
	top: 2px;
	left: 85px;  /* left: 20%; */
	font-size: 13px;
	font-weight: bold;
	width: 60%;
	height: 10%;
	/* padding: 0px; */
	
}

#plegchkbox {
	display: block;
	position: relative;
	height: 50%;
	
}
#legchkbox {
	/* margin-left: 5px; */
	margin-left: 3px;  /* 10px */
	margin-bottom: 10px;
}

#inptscale {
	width: 100px;
	margin-top: 5px;
}
#prntbtndiv {
	
	display: block;
	position: relative;
	height: 45%;
	/* margin-left: 2px; */
	/* padding: 5px; */
	padding-left: 10px;
}

.maplayoptions {
	display: flex;
	font-size: 12px;
	align-items: center;
}
#prntbtndiv label {
	font-size: 12px;
}
.lbtxttitle {
	font-size: 12px;
}
#txttitle {
	margin-bottom: 10px;
}

#doprint {
	display: block;
	margin:0 auto;
	width: 100px;
}

#mapextInf {
		text-align: center;
		background-color: white;
		border: 1px solid grey;
		border-radius: 5px;
		height: 140px;
		bottom: 0px;
		padding-left: 2px;
	  }	  
	  
#myDialog { 
  /* display: none;  */
 /*  padding-top: 10px; */
  margin-top: 15px;
}	  

/* supposed to address issue of horizontal overflow not showing up */
.ui-dialog {
	overflow: visible !important;
}

/* Removes horizontal line at bottom of JQuery dialog boxes */
.ui-dialog .ui-dialog-buttonpane { 
    border-width: 0 !important; /* Removes horizontal line at bottom of JQuery dialog boxes */
    
}

.ui-dialog .ui-dialog-content {
	border: 1px solid black;
}



.ui-button-text {
	font-size: 13px;
}

.ui-dialog-title {
	font-size: 14px;
}
.select-parcel-dialog .ui-dialog-titlebar {
    
    background: #e0e0eb;
    font-weight: bold;
    font-size: small;
    text-align: left;
}

.select-parcel-dialog .ui-dialog-content {
    
    font-weight: normal;
    font-size: small;
    text-align: left;
}



.ui-dialog.select-parcel-dialog {
    /*margin-left: 1px;*/
    border: 1px solid #808080;
    /*overflow: auto;*/
    /*background: #F5F5F5;*/
}

/* .ui-dialog.reportbtn_class:hover {
	background-color: red;
} */

#basicTable {
    
    float: left;
    /*margin-left: 1px;*/
    border: 1px solid grey;
    border-collapse: collapse;
    width: 100%;
}

#idattstbl {
    
    float: left;
    /*margin-left: 1px;*/
    border: 1px solid grey;
    border-collapse: collapse;
    width: 100%; 
	font-weight: normal;
    font-size: small;
    text-align: left;
	overflow: auto;
}

.trow {
    background-color: #ECE8E8;
}


.tdhead {
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    border-right: 1px solid grey;
    /*border: 1px solid grey;
    border-collapse: collapse;*/
    font-weight: bold;
    text-align: left;
   /*padding-left: 1px;*/
    white-space: nowrap;
}

.tdval {
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    border-right: 1px solid grey;
    /*border: 1px solid grey;
    border-collapse: collapse;*/
    text-align: left;
    /*padding-left: 1px;*/
    white-space: nowrap;
}

/* #idSelect label {
	font-size: 12px;
} */

/* Code for Id Dialog */
.id-dialog {
	border-style: solid;
	border-width 2px;
	border-color: black;
}

/* Code for ID Dialog Header */
.id-dialog .ui-dialog-titlebar {
    
    background: #2191c0; 
	/* background: #33B2D9; */
	font-weight: bold;
    font-size: small;
    text-align: left;
	color: #eaf5f7;
}

#idSelect {
	height: 20px;
	font-size: 12px;
}

#idattstbl {
	border: 1px solid black;
}

/* ESRI Scalebar Attributes */
.esriScalebarLabel {
	color: black;
	font-size: 14px;
}
.esriScalebarRulerBlock{
	background-color": black);
}