﻿ 	  html,body {
      height:100%;
      width:100%;
      padding:0;
	  margin:0;
	  overflow:hidden;
      }

      body {
      background-color:#fff;
      color:#636363;
      font-size:14px;
      overflow:hidden;
      font-family:Georgia, "Times New Roman", Times, serif;
      }

      a {
      color:#555;
	  font-weight:bold;
	  text-decoration:none;
      }
	  
	  a:hover{
	  text-decoration:underline;
	  }

    #header
    {
    height:120px;
    background: #339340;  /* Old browsers */
	background: -moz-linear-gradient(top, #339340 0%, #07440c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #339340), color-stop(100%, #07440c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #339340 0%, #07440c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #339340 0%, #07440c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #339340 0%, #07440c 100%); /* IE10+ */
	background: linear-gradient(top, #339340 0%, #07440c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339340', endColorstr='#07440c', GradientType=0 ); /* IE6-9 */
	color:#fff;
    margin:0;
    }
	  
	#banner
	{
	}

    #headerText
    {
		padding-top:10px;
	    padding-left:25px;
		width:70%;
		float:left;
	}

      #title {
	  font-family:Arial, Helvetica, sans-serif;
      font-size:20px;
	  font-weight:bold;
      text-align:left;
      white-space: nowrap;  
      overflow: hidden;  
      text-overflow: ellipsis;
      -o-text-overflow:ellipsis;
      }

      #subtitle {
      font-size:13px;
	  margin-top:8px;
	  height:45px;
      overflow: hidden;
      }
	  
	  #controls{
	  position:absolute;
	  width:100%;
	  height:27px;
	  top:110px;
	  background-color:#848484;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000;
	  padding-left:25px;
	  padding-top:5px;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  }
	  
	  #mapTitles{
	  background-color:#636363;
	  height:45px;
	  }
	  
	  .titleTab{
	  padding:15px;
	  padding-top:15px;
	  padding-bottom:5px;
	  border-top:1px solid white;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  }
	  
	  .titleCon{
	  float:left;
	  height:100%;
	  border-left:1px solid #848484;
	  }
	  
	  #titleCon0{
	  border:none;
	  }
	  
	  #titleCon2{
	  float:right;
	  margin-right:-1px;
	  }
	  
	  .checkboxToggle{
	  cursor:pointer;
	  }
	  
	  .checkbox{
	  background-image:url(../images/checked.png);
	  background-repeat:no-repeat;
	  height:15px;
	  }
	  
	  .checked{
	  background-image:url(../images/checked.png);
	  }
	  
	  .unchecked{
	  background-image:url(../images/unchecked.png);
	  }
	  	  
	  #logoArea{
	  float:right;
	  text-align:right;
	  z-index:2;
	  }

	 #logoArea img
	{
		border:none;
		outline:none;
	}
	  
	  #social{
	  margin-bottom:20px;
	  }
	  
	  #msLink{
	  color:#fff;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size:13px;
	  outline:none;
	  }
	  
	  #logo{
	  border:none;
	  outline:none;
	  }
	  
	  #logoImg{
	  border:none;
	  outline:none;
	  }

      #tabLink {
      text-decoration:none;
      color:#444;
      }
	  
	  .mapCon{
	  overflow:hidden;
	  }
	  
	  .legendCon{
	  display:none;
	  width:100%;
	  height:35%;
	  background-color:#636363;
	  color:#fff;
	  font-family:Arial, Helvetica, sans-serif;
	  border-left:1px solid #848484;
	  overflow:auto;
	  .position:relative;
	  }
	  
	  .legend{
	
	  padding:25px;
	  padding-top:0;
	  padding-bottom:5px;
	  }
	  
	  #legendCon0{
	  border:none;
	  }
	  
	  .map{
	  width:100%;
	  height:75%;
	  border-left:1px solid #444;
	  }
	  
	  .legToggle{
	  position:absolute;
	  padding:5px;
	  background-color:#636363;
	  color:#fff;
	  font-family:Arial, Helvetica, sans-serif;
	  z-index:100;
	  cursor:pointer;
	  }
	  
	  .desToggle{
	  position:absolute;
	  bottom:25%;
	  padding:5px;
	  background-color:#fff;
	  color:#636363;
	  font-family:Arial, Helvetica, sans-serif;
	  z-index:100;
	  cursor:pointer;
	  }
	  
	  #mapDiv0{
	  border:none;
	  }
	  
	  .descriptionCon{
	  width:100%;
	  height:25%;
	  border-left:1px solid #444;
	  overflow:auto;
	  }
	  
	  .description{
	  padding:15px;
	  }
	  
	  #discriptionCon0{
	  border:none;
	  }
	  
	  .mapTitle{
	  font-family:Arial, Helvetica, sans-serif;
	  }
	  
	  #timeCon{
	  display:none;
	  position:absolute;
	  top:3%;	
	  z-index:2;
	  }
	
	  #time{
	  background:#636363;
	  }
	
	  #timeSliderLabel{
	  color:#fff;
	  text-align:center;
	  padding:10px;
	  font-size:16px;
	  }
	  
      .map .bingLogo-lg {
      left:18px !important;
      }
	  
	  g,v {
	  cursor:pointer;
	  }
	  
	  #loadingCon{
	  position:absolute;
	  z-index:99;
	  width:100%;
      top:40%;
      text-align:center;
	  }
	
	  #loadingDialog{
	  margin:auto;
	  background-color:#dadada;
	  width:300px;
	  border-radius:5px;
	  }
		
	  #loadingHeader{
	  background-color:#444;
	  text-align:left;
	  color:#fff;
	  padding:2px 0 2px 4px;
	  width:296px;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	  }
		
	  #loading{
	  padding-top:10px;
	  }
		
	  #loadingImg{
	  margin-top:5px;
	  padding-bottom:10px;
	  }
	  
	  #timeSliderDivCon{
	  margin-top:105px;
	  }
	  
	  .medCell{
	  width:25px;
	  }

	  .medIcon{
	  width:25px;
	  cursor:pointer;
	  }

	  #tsTmp{
	  width:80%;
	  }
	  
	  .dijitRuleMark{
	  border:1px solid #dadada;
	  }
	  
	  #mapDiv0_zoom_slider{
	  display:none;
	  }
	  
	  #mapDiv1_zoom_slider{
	  display:none;
	  }