.tooltip-red
{
	background-color: #FCE5CE;
	color: #F38F2A;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	z-index:100;
}

.tooltip-blue
{
	background-color:#FFFF99;
	color: #777777;
	font-size:13px;
	font-family:verdana;
	text-indent:0px;
	z-index:100;
	text-align:left;
	padding:5px;
}

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


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	background: url(/img/shadow.png);	
	color:#555555;

}
#tooltip.pretty h3 {
font-weight:normal;
font-family:helvetica;
font-size:small;
margin:0px;
}
#tooltip.pretty div {width: 220px; text-align: left;
}

#tooltip.fancy {
	background: url(/img/shadow2.png);
	padding-top: 5em;
	height: 95px;
	

}
#tooltip.fancy.viewport-right {
	background: url(/img/shadow2-reverse.png);

}

#tooltip.fancy.viewport-bottom {
	background: url(/img/shadow2-bottom.png);
	padding-top: 35px;
	padding-bottom:40px;
	

}