/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(image/tooltip_top.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

/* style the trigger elements */
.tooltip.bottom 
{
	display:none;
	background:url(images/tooltip_bottom.png);
	padding-top:40px;
	height:55px;
}

/* style the trigger elements */
.tooltipmenu {
	display:none;
	background:transparent url(image/tooltip_menu.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}


.tooltipmenu.bottom 
{
	margin-top: -28px;
	display:none;
	background:url(images/tooltip_menu.png);
	padding-top:80px;
	color: #000;
	height:180px;
	width: 200px;
}