html, body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; border: 1px solid; }

.info {
padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255);
  box-shadow: 0 0 30px rgba(0,0,0,0.2);
  border-radius: 7px;
}
.info h4 {
  margin: 0 0 6px;
  color: #de2d26;
}

.info bold {
  margin: 0 0 5px;
  color: #000000;
}

.info boldblue {
  margin: 0 0 5px;
  color: #08519c;
}

.legend {
padding: 6px 28px;

  text-align: left;
  line-height: 18px;
  color: #363535
  width: 250px;
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 10px;
}


.overlay {
			z-index: 1001;
			position:absolute; 
			padding: 6px 8px;
  			background: white;
  			background: rgba(255,255,255);
  			box-shadow: 0 0 30px rgba(0,0,0,0.2);
  			border-radius: 7px;
		}
.box {
			bottom:155px;
			width: 260px;
  			height: 130px;
			right: 12px;
  			font: 14px/16px Arial, Helvetica, sans-serif;

		
		}