#map {
 width: 100%;
 position:absolute;
 top:0; 
 bottom:0; 
}

/*fix zoom bar distortion problem*/
#map *, #map *:before, #map *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;  
}

#map img {
  max-width: none;
}

#map label {
  width: auto;
  display: inline;
}

.filter-ui {
  background:#fff;
  position:absolute;
  top:10px;
  right:10px;
  z-index:100;
  padding:10px;
  border-radius:3px;
  }

#menu {
  left: 20px;
  overflow:auto;
}

a {
  overflow: auto;
}

#filters {
  padding-top: 20px;
  clear: both;
}

#top-of-menu {
  z-index: 2;
}
#map {
 width: 100%;
 position:absolute;
 top:0; 
 bottom:0; 
}

/*fix zoom bar distortion problem*/
#map *, #map *:before, #map *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;  
}

#map img {
  max-width: none;
}

#map label {
  width: auto;
  display: inline;
}

.filter-ui {
  background:#fff;
  position:absolute;
  top:10px;
  right:10px;
  z-index:100;
  padding:10px;
  border-radius:3px;
  }

#menu {
  left: 20px;
  overflow:auto;

}

a {
  overflow: auto;
}

#filters {
  padding-top: 20px;
  clear: both;
}

#top-of-menu {
  z-index: 2;
}

.popup {
  font-family:'Quicksand Book', Arial, sans-serif;
  color:#fff;
  cursor:pointer;
  overflow:auto;
}

.popup .info {
  width:69%;
  margin-left:5%;
}

.popup .info,.popup .right-arrow {
  float:left
}

.popup .right-arrow {
  position:relative;
  margin-top:6%;
  right:-5px;
  height:40px
}

.popup .info .popup-title {
  font-size:20px;
  line-height:1.1em;
  margin-bottom:2px;
  text-transform:uppercase;
  color:#1299b8
}

.popup .info p {
  line-height:1em;
}

.popup .type {
  width:16%
}

.popup .type p {
  height:37px;
  float:right
}

Add styling for popup and nested info, right-arrow, and type divs
Add styling for popup and nested info, right-arrow, and type divs
