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

#tooltip h3 {
    font-weight: bold;
}

#tooltip.pretty {
    font-family: Arial;
    font-size: 12px;
    border: none;
    width: 210px;
    padding:20px;
    height: 135px;
    opacity: 0.8;
    background: url('shadow.png');
}
#tooltip.pretty h3 {
    margin-bottom: 0.75em;
    font-size: 15px;
    width: 220px;
    text-align: center;
    color: #fff;
}
#tooltip.pretty div { 
	width: 220px; 
	text-align: left; 
}

#tooltip.fancy {
    background:transparent url(shadow2.png) repeat scroll 0 0;
    height:53px;
    padding-bottom: 53px;
    width:230px;
    margin-top:-112px;
    margin-left:-63px;
}
#tooltip.fancy.viewport-right {
    background: url('shadow2-reverse.png');
    margin-top: -112px;
    margin-left: 80px;  
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }