/*.button {
  width: 50px;
  text-align: center;
  background-color: #ddd;
  line-height:24px;
  height: 24px;
}
.button:hover {
  color: #ffffff;
  background-color: #363636;
  cursor: pointer;
}
.button.active {
  color: #ffffff;
  background-color: #363636;
}*/



.directions-pane {}

.balloon-directions-from { padding:0 0 20px 0; border-bottom:1px solid #f5f5f5;}

.directions-from {
  width: 100%;
}
.directions-submit, .directions-full-view, .directions-start-over, .dir-print{
  padding: 6px;
  background-color: black;
  color: white;
  cursor: pointer;
  margin-right: 5px;
}

.directions-form div { margin-bottom:5px;}
.directions-form div span.directions-submit { margin-right: 0; white-space: nowrap; }

.directions-label { font-weight: bold; font-size: 14px; }
.share-label { font-weight: bold; font-size: 14px; }

.fb-comments {
  background-color: #f8f8f8;
}

#balloon-directions-from-my-location {
  margin: 0 20px 10px;
  width: 120px;
}



div.content-bar-search-marker:hover {
  background: #ddd;
}

div.content-bar-search-marker .icon img {
  float: left;
  max-height: 30px;
  max-width: 30px;
  padding-right: 5px;
}

#infowindow-wrapper {
  /*padding-top: 20px;*/
}

#balloon-wrapper, #infowindow-wrapper {
  /*width: 350px;*/
}
/*
#infowindow-wrapper #balloon-wrapper {
  width: auto;
}
*/

.balloon-preview-open {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
}

/*
 * extension buttons
 */
/*
#button-wrapper-extensions .active, #button-wrapper-mapViews .active {
  background-color: rgb(54, 54, 54);
  color: rgb(255, 255, 255);
}
*/
/*
 * extensions
 */

#balloon-wrapper .stat-bar {
  padding: 10px 20px;
  width: 310px;
  /*height: 15px;*/
  background: #363636;
  color: #fff;
  /*clear: both;*/
  display: inline-block;
}

#balloon-wrapper .stat {
  width: 100px;
  margin: 0 10px 0 0;
  text-align:center;
  float:left;
}

#balloon-wrapper .stat .stat-number{
  font-size: 18px;
  margin:0 5px 0 0;
}

#balloon-wrapper .stat .stat-text{

}

#balloon-wrapper .info {
  padding: 0;
  line-height: 17px;
}

#balloon-wrapper .comment-box {
  padding: 10px 20px;
  background: #f8f8f8;
}

#balloon-wrapper .comment {
  padding: 10px 0;
  line-height: 17px;
}

#help-wrapper {
  padding: 10px 20px;
}
#help-wrapper img {
  margin-right: 10px;
}


/*
 * facebook comments.
 */
div.fb-comments {
  padding: 20px;
  min-height: 200px;
}

/* Hack to remove like button comment popup */
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }


/*
 * css for map marker labels
 */
.map-marker-label {
  color: red;
  background-color: #ffffff;
  font-size: 10px;
  text-align: center;
  width: 3em;
  border: 0.2em solid #000000;
  white-space: nowrap;
}

/* Colorbox Iframe Shim */
#colorbox-shim {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 684px;
  height: 524px;
  margin-left: -342px;
  margin-top: -262px;
  z-index: 9998;
  display: none;
}

/* Fix for colorbox z-index over HTML5 panos */
#cboxClose { z-index: 10000; }

/* home button */
.map-view-buttons-home {
  width: 10px !important;
  background-image: url("../../assets/img/zoom-all-black.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}