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


#tooltip.myalign {
	
	padding-top: 5em;
	height: 100px;
}

#tooltip.pretty {
	font-family: Arial;    
	border: none;
	width: 220px;
	padding:15px;
	height: 140px;
	opacity: 0.8;    
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 9px;    
	width: 220px;
	text-align: justify;

}
#tooltip.pretty div { width: 230px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 6em;
	height: 120px;
    border: none;
    font-size: 8px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
    padding-top: 6em;
	height: 120px;
    border: none;
}

#tooltip.fancy.viewport-bottom {
	background: url('shadow2V.png');
    border: none;
    padding-top: 2.5em;
    height: 150px;
}






#tooltip.prettyL {
	font-family: Arial;
	border: none;
	width: 270px;
	padding:15px;
	height: 180px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.prettyL h3 {
	margin-bottom: 0.75em;
	font-size: 9px;
	width: 260px;
	text-align: justify;

}
#tooltip.prettyL div { width: 270px; text-align: left; }

#tooltip.fancyL {
	background: url('shadow2L.png');
	padding-top: 10em;
	height: 200px;
    border: none;
    font-size: 8px;
}
#tooltip.fancyL.viewport-right {
	background: url('shadow2L-reverse.png');
    padding-top: 10em;
	height: 230px;
    border: none;
}

#tooltip.fancyL.viewport-bottom {
	background: url('shadow2LV.png');
    border: none;
    padding-top: 4.5em;
    height: 250px;
}