html, body { 
        height: 100%; width: 100%; margin: 0; padding: 0; 
      } 
      body{
        /*background-color:white; overflow:hidden; font-family: "Trebuchet MS"; */
      }
      #header {
        border: solid 2px #7EABCD;
        padding-top:5px;
        padding-left:8px;
		padding-right:0px;
		padding-bottom:0px;
        /*background-color:white; color:peru; font-size:18pt;*/
        text-align:left; /*font-weight:bold;*/
        height:63px;
        overflow:hidden;
        margin:1px;
      }
	  /*styling Arrribute pane*/
      .esriAttributeInspector .dijitTextBox { width:10em;} 
      .esriAttributeInspector .atiLayerName {display:none;} 
      .esriAttributeInspector .atiLabel { font-weight:bold; color:#705B35; } 
      .esriAttributeInspector .atiField { background:#FFF6D9; }   
      .esriAttributeInspector .atiButtons{ color:#705B35;} 
	  /*end of this group*/
      .roundedCorners{
         -moz-border-radius: 4px;
      }
      .shadow{
         /*slight shadow effect added for browsers that support this functionality*/
        -o-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
         box-shadow: 4px 4px 8px #adadad;
        -webkit-box-shadow: 4px 4px 8px #adadad;
        -moz-box-shadow: 4px 4px 8px #adadad;
        -o-box-shadow: 4px 4px 8px #adadad;
      }

      #subheader {
        font-size:small;
        padding-left: 40px;
        color: peru;
      }
      #rightPane{
	    padding-left:4px;
	    padding-right:1px;
		padding-top:0px;
		padding-bottom:0px;
	    width:255px; 
        background-color:white;
        color:black;
        margin:1px;
        border: solid 0px cornflowerblue;
      }
      #map {
        background-color:white;
        border:solid 2px cornflowerblue;
        margin:1px;
		overflow: hidden;
      }
      #footer {
        border: solid 1px #7EABCD;
        background-color:white;color:peru;font-size:10pt; text-align:center; height:40px;
        margin:5px;
      }
      .drawIcon
      {
        background-image:url(images/draw_icon.png);
        width:24px; 
        height:24px;
      }
      .stripMapToolbar
      {
        position:absolute; 
        left:5px;
        bottom:7px;
        color:#000;
        z-index:50;
        background-color:white;
        border: solid 1px #7EABCD;
        padding-top:8px;
        padding-left:10px;
        padding-right:8px;
        font-size:small;
        color:peru;
        
        /*slight shadow effect added for browsers that support this functionality*/
        -o-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
         box-shadow: 4px 4px 8px #adadad;
        -webkit-box-shadow: 4px 4px 8px #adadad;
        -moz-box-shadow: 4px 4px 8px #adadad;
        -o-box-shadow: 4px 4px 8px #adadad;
      }
	  
     #titlePane{ 
        width:240px; 
      } 
      .claro .dijitTitlePaneTitle { 
        background: #808775; 
        font-weight:600; 
        border:solid 1px #29201A; 
      } 
      .claro .dijitTitlePaneTitleHover { 
        background:#808775; 
      } 
      .claro .dijitTitlePaneTitleActive { 
        background:#808775; 
      } 
      .claro .dijitTitlePaneContentOuter { 
        border-right: solid 2px #808775 !important; 
        border-bottom: solid 2px #808775 !important; 
        border-left: solid 2px #808775 !important; 
      } 
      #dataPane
	  {
	  font-family:arial, sans-serif;
	  font-color:#333333;
	  font-size:9pt;
	  }
	  #divAddressContainer
      {
       position: absolute;
       z-index: 100;
       background-color: transparent;
       border: 1px solid #006699;
       width: 180px;
       top: 39px; /* right: 172px;*/
      }
	  #tbl
      {
       color: Black;
       cursor: pointer;
       width: 95% !important;
      }
	  
	  /* Styles for dijit buttons */

.claro .dijitToggleButtonChecked .dijitButtonNode
{
    background-color: transparent !important;
    background-image: none !important;
}

.divBaseMapContainer
{
    background-image: url("images/background.png") !important;
	/*background-color: #eeeeee;*/
    overflow: hidden;    
    border: 1px solid #fff !important;
}
.basemapThumbnail
{
    background-color: #aaaaaa;
    -moz-box-shadow: 0 0 15px #000000;
    border: 2px solid #fff;
    height: 26px;
    margin: 1px;
    width: 26px;
    cursor: pointer;
}
.basemapThumbnail:hover
{
    border:solid 2px #769DC0;
	background-color: #E4F2FF;
}
.toolImage
{
    border: 1px solid transparent;
    height: 19px;
    margin: 1px;
    width: 19px;
    cursor: pointer;
}
.toolImage:hover
{
    border:solid 1px #769DC0;
	background-color: #E4F2FF;
}
.basemapLabel
{
    background-color: transparent;
    color: #ffffff;
	font-weight:bold;
    text-align: left;
    width: 100%;
    overflow: hidden;
    display: block;
    font-size: 12px;
}

.esriScalebar{background-color: #ffffff; opacity:0.6; filter:alpha(opacity=60);padding: 2px 25px 10px 2px;}

#divLoadingIndicator
{
    height: 100%;
    width: 100%;
    display: none;
    font-family: Verdana;
    background-color: Black;
    color: White;
    z-index: 100;
    position: absolute;
    bottom: 0px;
    filter: alpha(opacity = 55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    opacity: 0.55;
}
      /* set title font properties */ 
      .infowindow .window .top .right .user .titlebar .title { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14pt; } 
      /* set content font properties */ 
      .infowindow .window .top .right .user .content { font-style:normal;font-weight:normal; font-size:10pt; } 
.searchResultList:hover
{
	background-color: #E4F2FF;
}
.searchResultList
{background-color: #f1f1f1;}
.lineSeparator
{line-height:5px;}
a:link {color:red}
a:visited {color:red}
a:hover {color:blue}