#fancy {
	cursor:pointer;
	color:#20b7c9;
	font-weight:bold;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#tooltip.pretty {
	font-family:"Century Gothic";
	font-size:12px;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('demo/shadow.png');
	background-repeat:no-repeat;
}
#tooltip.pretty h3 {
	margin:-5px 0px 0px 0px;
	padding:0px;
	font-size:15px;
	font-family:"Century Gothic";
	letter-spacing:normal;
	font-weight:bold;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('demo/shadow2.png');
	background-repeat:no-repeat;
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('demo/shadow2-reverse.png');
}