/**
 * tooltip
 */

.tooltip {
  position: relative;
}
.tooltip .tooltip-content {
  color: #FFFFFF;
  font-family: "Bitter","Georgia",serif;
  font-weight: 600;
  height: 36px;
  opacity: 0.85;
  position: absolute;
  white-space: nowrap;
  z-index: 9999;
}
.tooltip .tooltip-content span {
  background-color: #CCCCCC;
  display: block;
  line-height: 36px;
  padding: 0 10px;
}

/* left */
.tooltip .tooltip-content-left {
  background: transparent url("img/bg_tooltip_content_arrow_36px.png") right 0 no-repeat;
  padding: 0 20px 0 0;
}

/* right */
.tooltip .tooltip-content-right {
  background: transparent url("img/bg_tooltip_content_arrow_36px.png") left -36px no-repeat;
  padding: 0 0 0 20px;
}


/* house-type: newbuild */
.tooltip .tooltip-content-left.newbuild {
  background-position: right 0;
}
.tooltip .tooltip-content-right.newbuild {
  background-position: left -36px;
}
.tooltip .tooltip-content.newbuild span {
  background-color: #2E5583;
}

/* house-type: reproduction */
.tooltip .tooltip-content-left.reproduction {
  background-position: right -72px;
}
.tooltip .tooltip-content-right.reproduction {
  background-position: left -108px;
}
.tooltip .tooltip-content.reproduction span {
  background-color: #C83F38;
}