html, body 
{
    width: 100%;
    height: 100%;
    margin: 0;
    overflow:hidden; 
}             
body
{
	background:#739BBD; font:normal 12px Georgia,arial,verdana;
}
#borderContainer 
{
    width : 100%;
    height: 100%;
}
#leftreg
{
	width:12.8%; color:White; background-color:#1275BF/*003C78*/;font-weight: bold; float:left;
}
#topreg
{
	 height:15%; color:White; /*background-color:#315B7E; */ background:#1275B0; overflow:hidden; margin:0px; padding:0px; float:bottom;
}

#navToolbar
{
	color:White; vertical-align:middle; width:100%; height:25%; margin:0px;  padding:0px; 
}

#mapDiv
{
	border:1px solid #000; overflow:hidden;
	 background: rgba(255,255,255,1);
       /*width:75%;*/
       width:100%;
       /*height:100%;*/
       height:88%;
       /*float:right;*/
       margin: 0;
       padding: 0;
       
}
#headerDiv 
      {
       background: #1275B0;/*rgba(187,137,255,1); */
       color:white;
       font-weight:bolder;
       font-size:larger;
       text-align:center;       
       height:74%;
       width:100%;
       margin: 0;
       padding: 0
       }
   .esriPrint{
  background: transparent;
        position: absolute;
        right:20px; height:20px;
        top: 75%;
        margin: 0px; padding:0px;
        z-index:40;
}
.esriPrintButton 
{
	background: #EBF2F5;
}
.esriPrintout  {
color:red;  
}
      #titlediv1
      {
       background-color:inherit;
       color:white;
       font-weight:bolder;
       font-size:25px;
       text-align:bottom; /*center;       */
       height:50%;
       width:95%;
       /*margin-left:20%;
       margin:auto;
       /*padding-top: 30px;*/
      }
      
      #titlediv2
      {
       background-color:inherit;
       color:white;
       font-weight:bold;
       font-size:larger;
       text-align:center;       
       height:50%;
       width:95%;       
       /*margin-left:20%;
       margin: 0;
       padding: 0;*/
    }
 #Loc_Select,#Dist_Select,#Blk_Select,#Vlg_Select,#CatSelect,#ThmSelect
      {
          background: #ffffff; /*rgba(255,0,0,0.55);*/
          color:Brown;
		  width:120px;
          font-size:Bold;
          font-family:Times New Roman;
          font-weight:bold;
      }
     #loading{
        background-color:transparent; 
        color:White;
        font-size:smaller;
        text-align:center;
        left: 45%;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 45%;
        width: 2%;
        height: 2%;
        z-index: 50;
      }
        
	#legenddiv{
        border:1px solid Black;
        background-color:white;
        font-size:medium;
       }
      #txtLT {
       background-color:black;
       border:1% solid black;
       font-size:medium;
       font-weight:bold;      
       color:white;
       text-align:center;
       height:30%;
       width:100%;
       margin-top: 0px;
       margin-bottom: 0px;
       margin-right: 0px;
       margin-left: 0px;
      }
      #txtH,#txtL{
       background-color:white;
       cursor:pointer;
       font-size:small;
       color:black;
       text-align:center;
       height:20%;
       width:100%;
       margin-bottom: 0px;
       margin-right: 0px;
       margin-left: 0px;
      }
       #txtL {margin-top: -5%;}
       #txtH { margin-top: 5%;}
      #txtscst {
       background-color:white;
       font-size:small;
       color:black;
      }
      #legendclr {
       background-color:white;
       font-size:small;
       color:black;
       margin-top: 5%;
       margin-bottom: 0px;
       margin-right: 0px;
       margin-left: 30%;
      }
      #divsc {
       background-color:white;
       margin-top: 0px;
       margin-bottom: 0px;
       margin-right: 0px;
       margin-left: 30%;
      }
      
      #divsc1 
      {
       background-color:#000;
        color:#000;
        font-size:x-large;
        margin-bottom:0;
        margin-left:0;
        margin-right:0;
        margin-top:0%;
        padding: 0;
        width: 50%;   
      }
      #Low {
       background-color:#d7191c;
       cursor:default;
       text-align:center;
        color:#d7191c;
        font-size:x-large;
        margin-bottom:0;
        margin-left:0;
        margin-right:0;
        margin-top:-25%;
        padding: 0;        
        width: 50%;
      }
      #Below-Avg {
       background-color:#fdae61;
       text-align:center;
       cursor:default;
        color:#fdae61;
        font-size:x-large;
        margin-bottom:0;
        margin-left:0;
        margin-right:0;
        margin-top:-25%;
        padding: 0;
        width: 50%;
        }
      #Average {
       background-color:#ffffbf;
       text-align:center;
       cursor:default;
        color:#ffffbf;
        font-size:x-large;
        margin-bottom:0;
        margin-left:0;
        margin-right:0;
        margin-top:-25%;
        padding: 0;
        width: 50%;
        }
      #Above-Avg {
        background-color:#abd9e9;
        text-align:center;
        cursor:default;
        color:#abd9e9;
        font-size:x-large;
        margin-bottom:0;
        margin-left:0;
        margin-right:0;
        margin-top:-25%;
        padding: 0;
        width: 50%;
      }
      #High {
       background-color:#2c7bb6;
        color:#2c7bb6;
        cursor:default;
        text-align:center;
        font-size:x-large;
        margin-bottom:0;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        padding: 0;
        width: 50%;
        }
      
   /*   button {
        display: block;
      }
 */

 ul.iconmenu{
font-size: 1em;
list-style: none;
position:absolute;
right:2px;
margin: 0;
padding: 0;
width: 3em;
z-index:20;
background: #eee;
border-top-left-radius: 5px;
border-bottom-left-radius: 7px;
box-shadow: 3px 1px 3px rgba(0,0,0,0.4);
}

ul.iconmenu li{
text-align: center;
cursor: pointer;
}

ul.iconmenu li a{
display: block;
text-decoration: none;
color: black;
padding: 3px 3px;
border-bottom: 1px solid black;

}
ul.iconmenu li a:hover, ul.iconmenu li a.selected{ /* style for selected icon */
background: #D2FFFF;
}