/* Tooltips CSS definitions */	

.has_tooltip {
  position: relative;   /* this is key */
}
 
.has_tooltip .tooltip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
.has_tooltip:hover .tooltip {
  display: block;
  z-index: 100;
  position: absolute;
  top: .4em;
  left: 1.6em;
}

.tooltip {
  width: auto;
  border: 1px solid #44f;
  background-color: #ffb;
  font-size: 10px;;
  text-align: left;
  color: black;
  font-weight: normal;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.tooltip .title {
	background-color: #a55;
	color: white;
	padding: 2px 4px;
	white-space: nowrap;
}

.tooltip .body {
	padding: 2px 4px;
	min-width: 15em;
}