/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */
.tooltip,.tooltip *{display:block} /*added by javascript*/

.tooltip{ width: 331px; color:#000000;
    font:normal small/normal Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}
/*
padding-top
padding-right
padding-bottom
padding-left
*/


.tooltip span.top{
	padding: 30px 20px 77px 120px;
	background: url(../images/treasure.gif) no-repeat;
	text-align: right;
}

.tooltip span.top_sm{
	padding: 60px 20px 110px 120px;
	background: url(../images/treasure.gif) no-repeat;
	text-align: right;
}

.tooltip span.treasure{
	padding: 50px 20px 90px 108px;
	background: url(../images/treasure.gif) no-repeat;
	text-align: right;
}


/*
.tooltip span.top{
	padding: 77px 20px 30px 120px;
	background: url(../images/bubble_c.gif) no-repeat;
	text-align: right;
}

.tooltip span.top_sm{
	padding: 50px 20px 90px 120px;
	background: url(../images/bubble_c.gif) no-repeat;
	text-align: right;
}

.tooltip span.treasure{
	padding: 50px 20px 90px 108px;
	background: url(../images/treasure.gif) no-repeat;
	text-align: right;
}
*/