#cluetip-outer {
  background: white;
  opacity: 0.8;
  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  -moz-box-shadow: 1px 1px 3px 1px #999;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
  box-shadow: 1px 1px 3px 1px #999;
  
  background: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#eee));

  /*fallback for IE*/
  border: 1px solid #999;

  -webkit-transition: height 2s linear;
  -moz-transition:    height 2s linear;
  
  /*overridden by .cluetip-expanded*/
  font-size: 12px;
  text-align: center;
}
#cluetip-inner,
#cluetip-close {
  /*overridden by .cluetip-expanded*/
  display:none;
}

.cluetip-expanded #cluetip-outer {
  margin-top: -100px;
  width: 180px;
  
  text-align: left !important;
}
.cluetip-expanded #cluetip-title {
  font-size: 16px;
  border-bottom: 1px solid #999;
  padding: 5px 20px 5px 20px;
}
.cluetip-expanded #cluetip-inner {
  display: block;
  font-size: 12px;
  padding: 5px 20px 20px 20px;
}
.cluetip-expanded #cluetip-close {
  display: block;
  float: right;
}
#cluetip-close a {
  color: #333;
  font-size: 24px;
  font-family: Arial;
  text-decoration: none;
}
#cluetip-title {
  cursor: pointer;
  color: #013B6B; 
  margin: 2px;
}
.views-field-field-distributor-name-value,
.views-field-field-distributor-phone-value,
.views-field-field-distributor-cell-phone-value {
  padding: 0px !important;
}

.views-field-field-distributor-firstname-value {
  background: url('../images/contacts-arrow.png') no-repeat;
  margin-top: 10px !important;
  padding-left: 13px !important;
}

.views-field-field-distributor-firstname-value a {
  color: #013B6B; 
}
.views-field-field-distributor-firstname-value a {

/*
 * styles for maphightlight 
 * FIXME: should rename this stylesheet
 */
canvas {
  top:  -3px !important;
  left: 3px !important;  
}