#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 0px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
	font-family: Arial;
	font-size: 10pt;
	border: none;
	opacity: 0.8;
}
#tooltip.pretty h3 {
	margin: 0 0 0 0;
	font-size: 10pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	width: 250px;
	height:250px;
	padding-top: 62px;
	background: transparent url("images/tipTop.png") no-repeat left top;
}
#tooltip.fancy div.tipMid {
	width: 250px;
	padding: 0 20px 0 20px;
	background: transparent url("images/tipMid.png") repeat-y left top;
}
#tooltip.fancy div.tipBtm {
	width: 250px;
	height:20px;
	background: transparent url("images/tipBtm.png") no-repeat left top;
}
#tooltip.fancy.viewport-reverse {
	background: transparent url("images/tipTop-reverse.png") no-repeat left top;
}
#tooltip.fancy.viewport-reverse div.tipMid {
	width: 250px;
	padding: 0 20px 0 20px;
	background: transparent url("images/tipMid-reverse.png") repeat-y left top;
}
#tooltip.fancy.viewport-reverse div.tipBtm {
	width: 250px;
	height:20px;
	background: transparent url("images/tipBtm-reverse.png") no-repeat left top;
}