#map { 
  /*float:left; */
  max-width: 1000px; 
  height: 460px; 
  width: 100%; 
 /* margin: 5px;
  margin-bottom: 5px;*/
  }

#isLoading {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.10);
font: 1.4em/1.8em 'Lato', Arial, Helvetica, sans-serif;
padding: 5px;
position: absolute;
right: 50%;
bottom: 50%;
z-index: 1;
}

.legend {
background-color: #fff;
border-radius: 3px;
bottom: 30px;
box-shadow: 0 1px 2px rgba(0,0,0,0.10);
font: 1em/1.4em 'Lato', Arial, Helvetica, sans-serif;
padding: 5px;
position: absolute;
right: 20px;
z-index: 1;
}

.legend p {
  text-align: center;
  margin: 0px;
}

.legend div span {
border-radius: 50%;
display: inline-block;
height: 10px;
margin-right: 5px;
width: 10px;
}

/**
* Set rules for how the map overlays
* (information box and legend) will be displayed
* on the page. */
.map-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  margin-right: 10px;
  font-family: 'Lato', sans-serif;
  overflow: auto;
  border-radius: 3px;
  z-index: 1;
}

.map-overlay h4, .map-overlay p, #pr-title h4 {
  margin: 5px;
  font-size: 1.2em;
}

.map-overlay p {
  font-size: 1.2em;
}


#features {
  top: 0;
  right: 0;
  height: 100px;
  margin-top: 5px;
  width: 40%;
  min-width: 375px;
  padding: 3px
}

#accelButtons {
  bottom: 170px;
  width: 100px;
}

#accelButtons h3 {
  margin: 0px;
  padding-bottom: 5px;
  text-align: center;
  font: 1em 'Lato', Arial, Helvetica, sans-serif;
}

.accelBTN {
border-radius: 8px;
border-style:none;
color: #fff; 
font: 1em/1em 'Lato', Arial, Helvetica, sans-serif;
background: #0065A4;
padding: 5px;
margin: 5px;
}

.accelBTN:hover {
background: #D96B29;
color: #fff;
text-decoration: none;
}

#spacer {
 float:left; 
  max-width: 750px; 
  height: 20px; 
  width: 100%; 
  }