html, body, #map-canvas {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Arial,sans-serif;
}
#wrapper{
  position:relative;
  width:100%;
  height:100%;
}
.hover-window{
  position:absolute;
  width:205px;
  font-size:12px;
  color:white;
  text-align: left;
  line-height: 16px;
  padding:5px;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,.85);
  z-index:99999;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.secondary-hover-style{
  color:white;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,.85);
}
.poi-hover-style{
  border:1px solid #fb8e84;;
}
.historic-hover-style{
  border:1px solid #92c587;;
}
.recent-hover-style{
  border:1px solid #fff266;;
}
#legend{
  max-width: 75%;
  min-width: 230px;
  position:absolute;
  top:5px;
  right:5px;
  background-color:white;
  border:1px solid #ccc;
  padding:5px;
  font-size:13px;
}
#attr{
  font-size:10px;
  margin-top:5px;
  text-align:right;
}
#attr a{
  color:black;
}
#attr a:hover{
  color:#ee3224;
}
.legend-line{
  position:relative;
  float:left;
  margin:.35em .5em 0 0;
  height:5px;
  width:40px;
  border:1px solid #9B9797;
}
#line-wrapper{
  margin-top:9px;
}
#greenbox{ 
  background: #92c587;
}
#yellowbox{ 
  background: #fff266;
}
.clearfix{
  clear:both;
}