/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../plugins/tooltip/gray.png);
	font-family: Trebuchet MS,"Myriad","Myriad Pro","Trebuchet MS";
	font-size: 12px;
	height:50px;
	width:140px;
	padding:25px;
	color:#000;
	text-align: left;
	vertical-align:top;
}
 
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 0px;
}
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:#000000;
    font-family: "Myriad","Myriad Pro","Trebuchet MS";
	font-size: 12px;
    width:35px;
} 
 
.tooltip a { 
    color: #FEFEFE;
    font-size:11px; 
    font-weight:bold; 
}

#demotip {
	display:none;
	background:transparent url(../plugins/tooltip/blue.png);
	font-family: "Myriad","Myriad Pro","Trebuchet MS";
	font-size: 12px;
	height:50px;
	width:140px;
	padding:25px;
	color:#fff;
	text-align: left;
	vertical-align:top;
}