.red {
    color: red;
}
  
#map-wrapper {
    height: 650px;
    position: relative;
  }
  
#mapid {
    width: 100%;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
#btn-wrapper {
    position: absolute;
    z-index: 10000;
    top: 3px;
    left: 3px;
  }
  
.map-button {
    display: block;
    /*height: 30px; let the buttons auto-size to the text and things work nicely*/
    min-width: 70px;
    text-align: center;
  }
  
#clickZoomLabel {
    padding-left: 5px;
    padding-right: 5px
  }
  
.icon-button {
    text-align: left;
  }
  
.map-button:active, .button-active {
    transform: translate(2px, 0px);
    background-color: green;
    color: yellow;
  }  

#lbl-wrapper-top {
    position: absolute;
    z-index: 10000;
    top: 3px;
    right: 3px;
    text-align: right;
  }

#lbl-wrapper-bot {
    position: absolute;
    z-index: 10000;
    bottom: 3px;
    left: 3px;
    text-align: right;
}

.map-label {
    display: block;
    color: darkblue;
    padding-right: 5px;
}


#wait-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 90000;
    background-color:grey;
    opacity: 50%;
    text-align: center;
    vertical-align: center;
  }
  
#wait-icon {
    display: inline-block;
    margin-top: 200px;
    color: blue;
}