/* imgtooltip styling */
#imgtooltip {
  background-color:#fff;
  height:auto;
  padding:3px 3px 3px 3px;
  width:auto;
  font-size:11px;
  color:#fff;
	box-shadow:0 0 90px 5px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 90px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 90px rgba(0,0,0,0.5);
  z-index:3000;
}
#imgtooltip img {
  max-width:550px;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
  display: none;
  width: 220px;
  padding: 15px 10px;
  font-size: 11px;
  text-color:#fff;
  text-align: left;
  background-color: rgba(0,0,0,.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius:5px;
  z-index:4000;
  border:3px solid #FFF;
  -background-color: #000;
  zoom:1;
  -moz-box-shadow:0 0 1em #404040;
  color:#FFFFFF;
}

.tooltip.bottom, span.bottom  {
  display: none;
  width: 220px;
  padding: 15px 10px;
  font-size: 11px;
  text-color:#fff;
  text-align: left;
  background-color: rgba(0,0,0,.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius:5px;
  z-index:3;
  border:3px solid #FFF;
  -background-color: #000;
  zoom:1;
  -moz-box-shadow:0 0 1em #404040;
}