html, body {
  height: 100%; width: 100%; margin: 0; padding: 0;
 }
body{
  background-color:white; overflow:hidden; font-family: "Trebuchet MS";
 }
 
 #header{
  height:40px;
  width:100%;
  background-color:#0077ac;
}
  #header a{
    margin-left:10px;
  }  
	  #logo{
  border:none;
  width:121px;
  height:40px;
  float:left;
  margin-left:5px;
}

h1{
  color: White;
  font-size:120%;
  margin:0px 0px 0px 20px;
  float:left;
  width:360px;
}

#locater{
  border:none;
  float:right;
  font-size:80%;
  margin:10px 0px 0px 0px;
}

#buttons{
  float:right;
   margin:10px 0px 0px 0px;
}

#links{
  float:right;
   margin:10px 0px 0px 0px;
}

  #links a{
    display:inline;
    color:white;
    padding:2px;
  }
      #links a:hover{
background-color:#91C0DD;
    }
.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{
        background-color:white;
        color:peru;
        margin:5px;
        border: solid 2px cornflowerblue;
      }
	  
      #mapArea, #map {
        background-color:white;
        border:solid 2px cornflowerblue;
        margin:5px;
      }
	  
      #footer {
        border: solid 1px #7EABCD;
        background-color:white;color:peru;font-size:10pt; text-align:center; height:40px;
      }
	  
	  .esriScalebar{
        padding: 5px 5px;
      }
	  
	  .dialog{
    width:580px !important;
    font-size:80% !important;
    position:relative;
  }
  #tabs{
  width:530px !important;	
  overflow:auto; 
}
  #tabs h4{
    font-size:100%;
  }
  
  /*-------------------------------------------------- */
/* SLIDE MENUS */
/*-------------------------------------------------- */
.slideMenu {
    display:none;
    position:absolute;
    top:35px;
    right:12px;
    z-index:36;
    width:250px;
    background:#eef7fd;
    font-size:11px;
    -webkit-box-shadow: 1px 1px 3px #666;
    -moz-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.slideMenu .stripe {
    background-color:#dfecf7;
}
.IE .slideMenu {
    border:1px solid #becede;
}
.slideMenu .mapInput, #settingsPanel .mapInput, .slideMenu .iconInput {
    background-color: #fdfefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dbe4e8), to(#fdfefe));
    background-image: -moz-linear-gradient(top, #dbe4e8, #fdfefe);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dbe4e8', endColorstr='#fdfefe');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dbe4e8', endColorstr='#fdfefe')";
    border:1px solid #BECEDE;
}
/*-------------------------------------------------- */
/* EXPLORE LAYERS */
/*-------------------------------------------------- */
.defaultLayer {
    display:block;
}
.listMenu ul {
    margin:6px 0;
}
.listMenu ul li {
    line-height:16px;
    vertical-align:middle;
}
.listMenu ul li.tp {
    padding:6px 10px;
}
.listMenu ul li.group .grpCon {
    display:block;
    padding:6px 10px;
    height:16px;
}
.listMenu ul li.layer {
    height:16px;
    padding:6px 10px;
    position:relative;
}
.listMenu ul ul li.layer {
    padding-left:34px;
}
.listMenu ul li.active {
    padding:5px 10px;
    background:#fff;
    border-top:1px solid #becede;
    border-bottom:1px solid #becede;
    z-index:2;
}
.listMenu ul ul {
    margin:0;
    display:none;
}
.listMenu ul li.visible ul {
    display:block;
}
.listMenu ul .arrow {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/ui/uiSprite.png) no-repeat -112px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -112px -98px;
    cursor:pointer;
    margin-right:8px;
}
.listMenu ul .arrow:hover {
    opacity:0.75;
}
.listMenu ul .arrowRight {
    background:url(../images/ui/uiSprite.png) no-repeat -96px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -96px -98px;
}
.listMenu ul .folder {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/ui/uiSprite.png) no-repeat -320px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -320px -98px;
    cursor:pointer;
    margin: 0 8px;
}
.listMenu ul .folder:hover {
    opacity:0.75;
}
.listMenu li .cBox, .listMenu li.checked ul li .cBox, .listMenu li.partial ul li .cBox {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/ui/uiSprite.png) no-repeat 0 -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat 0 -98px;
    cursor:pointer;
}
.listMenu li .cRad {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/ui/uiSprite.png) no-repeat -144px -98px;
    _background:url(../images/ui/uiSprite.jpg) no-repeat -144px -98px;
    cursor:pointer;
}
.listMenu li.checked .cRad {
    background:url(../images/ui/uiSprite.png) no-repeat -128px -98px;
    _background:url(../images/ui/uiSprite.jpg) no-repeat -128px -98px;
}
.listMenu li.checked .cBox, .listMenu li ul li.checked .cBox {
    background:url(../images/ui/uiSprite.png) no-repeat -16px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -16px -98px;
}
.listMenu li.partial .cBox {
    background:url(../images/ui/uiSprite.png) no-repeat -272px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -272px -98px;
}
.listMenu li.cLoading .cBox {
    background:url(../images/ui/ajax-loader.gif) no-repeat center center;
}
.listMenu li .toggle {
    cursor:pointer;
}
.listMenu li.cLoading .toggle {
    cursor:default;
}
.listMenu li.radioOn .cBox, .listMenu li ul li.radioOn .cBox {
    background:url(../images/ui/uiSprite.png) no-repeat -128px -98px;
    _background:url(../images/ui/uiSprite.jpg) no-repeat -128px -98px;
}
.listMenu li.radioOff .cBox {
    background:url(../images/ui/uiSprite.png) no-repeat -144px -98px;
    _background:url(../images/ui/uiSprite.jpg) no-repeat -144px -98px;
}
.listMenu .cBicon {
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 8px;
}
.listMenu .cBtitle {
    display:inline-block;
    height:16px;
    vertical-align:top;
}
.listMenu .cBinfo {
    display:inline-block;
    height:16px;
    width:16px;
    vertical-align:top;
    cursor:pointer;
    position:absolute;
    top:6px;
    right:5px;
    z-index:2;
    background:url(../images/ui/uiSprite.png) no-repeat -304px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -304px -98px;
}
.listMenu .cBconfig {
    display:block;
    height:15px;
    width:15px;
    vertical-align:top;
    cursor:pointer;
    position:absolute;
    top:6px;
    right:26px;
    z-index:2;
    background:url(../images/ui/uiSprite.png) no-repeat -336px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -336px -98px;
}
.listMenu .active .cBinfo, .listMenu .active .cBconfig {
    top:5px;
}
@-webkit-keyframes infoBounce {
 from {
 -webkit-transform: translatey(0);
 -moz-transform: translatey(0);
 -o-transform: translatey(0);
 transform: translatey(0);
}
to {
    -webkit-transform: translatey(-3px);
    -moz-transform: translatey(-3px);
    -o-transform: translatey(-3px);
    transform: translatey(-3px);
}
}
.listMenu .cBinfo:hover {
    opacity:0.75;
}
.listMenu .cBinfoAnim {
    -webkit-animation-name: infoBounce;
    -webkit-animation-duration: .250s;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count: 1;
}
.listMenu .active .cBinfo {
    background:url(../images/ui/uiSprite.png) no-repeat -288px -98px;
    _background:url(../images/ui/uiSprite.gif) no-repeat -288px -98px;
}
.listMenu .active .cBinfo:hover {
    opacity:0.75;
}
@-webkit-keyframes configRotate {
 from {
 -webkit-transform:rotate(0deg);
}
to {
    -webkit-transform:rotate(45deg);
}
}
.listMenu .cBconfig:hover {
    opacity:0.75;
}
.listMenu .cBconfigAnim {
    -webkit-animation-name: configRotate;
    -webkit-animation-duration: .250s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
.listMenu .cover {
    display:none;
}
.listMenu .active .cover {
    background:#fff;
    display:block;
    width:1px;
    height:26px;
    _height:28px;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
}
/*-------------------------------------------------- */
/* Tooltip */
/*-------------------------------------------------- */
.infoHidden {
    display:none;
    position:absolute;
    margin:0 -1px 0 0;
    top:-1px;
    z-index:4;
    right:100%;
    width:288px;
    padding:10px;
    background:#fff;
    border:1px solid #BECEDE;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.infoHidden img {
    margin:10px 0;
}
.infoHidden .borderBox {
    border-top: 1px solid #DCDCDC;
    margin-top: 10px;
    padding-top: 5px;
}
.infoHidden .borderBox label {
    margin-bottom:4px;
    display:inline-block;
}