.arrow-up {
    width: 0; 
      height: 0; 
        border-left: 6px solid transparent;
          border-right: 6px solid transparent;
              border-bottom: 6px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f00;
}

.arrow-right {
    width: 0; 
      height: 0; 
        border-top: 60px solid transparent;
          border-bottom: 60px solid transparent;
            
              border-left: 60px solid green;
}

.arrow-left {
    width: 0; 
      height: 0; 
        border-top: 10px solid transparent;
          border-bottom: 10px solid transparent; 
            
              border-right:10px solid blue; 
}

.map-toggle-bar{
  /*background-color: #f8f8f8;*/
  /*color: #444;*/
  color: #fff;
  margin-bottom:5px;
  /*border: solid 1px #eee;*/
  /*height:38px;*/
  height:40px;
  display: inline-table;
  width:100%;
  background-color:#999b98;
  background: 
    url('../images/bubble-section1.jpg') no-repeat right top,
    url('../images/map-bar-bg.jpg') no-repeat 50% top;

}
.map-toggle-bar:hover{
  cursor: pointer;
  /*background-color:#f0f0f0;*/
}
#map-toggle img{
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius:0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding:0 5px 0 5px;
  float:left;
}
#map-toggle h4{
  /*color:#666;*/
  color:#fff;
  padding:0px;
  margin:5px;
  float:left;
  clear:none;
  /*font-weight:normal;*/
}
/*
@media screen and (max-width: 380px) {
#map-toggle h4 {
  display: none;
}
}
*/
.map-toggle-bar .arrow{
  display:inline;

}
.map-toggle-bar .arrow-down{
  border-top-color:#666;
  position: relative;
  top:13px;
  left:10px;
}
.map-toggle-bar .arrow-up{
  border-bottom-color:#666;
  position: relative;
  top:-10px;
  left:10px;
}
#map-toggle-down{
  color:#3c3b3b;
  padding-top:7px;
  display:none;
  margin-right:10px;
  float:right;
  width:70px;
  font-weight:bold;
}
#map-toggle-down img {
  bottom: -9px;
  float: right;
  position: relative;
}
#map-toggle-up{
  color:#3c3b3b;
  position: relative;
  padding-top:7px;
  display:block;
  margin-right:10px;
  float:right;
  font-weight:bold;
  width:70px;
}
#map-toggle-up img {
  bottom: -8px;
  float: right;
  position: relative;
}
#map-toggle-content{
display:block;
}


#map-container{
        width:100%;
        height:100%;
        position:relative;
      }
      .map-canvas-container{
        height:550px;
        border: 1px solid gray;
      }
      #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px;
      }
      #map-canvas img {
            max-width: none;
      }
      #panel {
        box-sizing: none;
        position: absolute;
        top: 5px;
        left: 5px;
        margin-left: 0px;
        width:150px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        line-height:18px;
      }
      #panel h2{ margin-bottom:8px;margin-top:0;line-height:14px; }
      #panel .map-key-bullet{ font-size:40px;}
      #panel label span.key-layer-title:hover {text-decoration:underline;}
      #panel input[type="radio"]{display:none;}
      #panel input[type="radio"] + label { font-size:13px; line-height:18px; }
      #panel input[type="radio"] + label span{ vertical-align: top; }
      #panel input[type="radio"]:checked + label {font-weight:bold;}
      /*
       * panel overrides when in top position
       */
      #panel.top{
        position:relative;
        top:0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        display:inline-table;
        border-bottom:0;
      }
      #panel.top input[type="radio"] + label { float:left; width:300px; }
      #panel.top h2{
        /*display:none;*/
        border-bottom: 1px solid #ccc;
        padding-bottom:5px;
      }




      /*
       * info window styling 
       */
      .gm-style-iw p {
        line-height:18px;
        margin-bottom:10px
      }
@media screen and (max-width: 480px) {
   #map-container{
     height:400px;
   }
}