#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background: #eee;
	padding: 5px;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip {
	background: url(images/mouseover_3.png) no-repeat center left transparent;
	font-family: Arial;
	font-size:12px;
	border: none; border-right: 1px solid #ffffff; position: absolute;
	width: 160px;
	padding: 5px 5px 10px 25px;
	overflow: hidden;
	height: auto;
	font-weight: normal; z-index: 8999;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* This works in IE 8 & 9 too *//* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
	/* Modern!/* Firefox 0.9+, Safari 2?, Chrome any?/* Opera 9+, IE 9+ */
	opacity: 0.9; 
}
#tooltip.posleft {
	margin-top: -100px; border: none; 
	background: url(images/mouseover_6.png) no-repeat bottom right transparent;
}
#tooltip h3 { font-family: Helvetica, Arial, sans-serif; color: #2c2c2c; margin: 0 0 0 0; padding: 0 0 0 0; font-weight: bold; text-align: left; line-height: 14px; font-size: 11px; }