#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	color: black;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
background:transparent url(../../images/tooltip/shadow.png) repeat scroll 0 0;
border:medium none;
font-family:Arial;
height:100px;
opacity:0.8;
padding:20px;
width:210px;
font-size:12px;
font-weight:700;
background-repeat : no-repeat;
}

#tooltip.pretty h3 {
font-size:12px;
font-weight:700;
margin-bottom:0.75em;
text-align:center;
width:220px;
}
#tooltip.pretty div {
text-align:left;
width:220px;
}
#tooltip.fancy {
background:transparent url(../../images/tooltip/shadow2.png) repeat scroll 0 0;
height:100px;
padding-top:5em;
font-size:12px;
font-weight:700;
background-repeat : no-repeat;
}
#tooltip.fancy.viewport-right {
background:transparent url(../../images/tooltip/shadow2-reverse.png) repeat scroll 0 0;
}

#tooltip.right {
width:250px;
}