/*---------- bubble tooltip -----------*/
.tt{
    position:relative;
    z-index:24;
    color:#434343;
	font-weight:500;
}
.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:26; color: gray; background:transparent}
.tt:hover span.tooltip{ display:block; position:absolute; top:-35px; padding: 3px 0 0; width:200px; color: #434343; text-align: left; left: -200px; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
.tt:hover span.top{
	display: block;
	padding: 45px 8px 0;
    background: url(bubble.gif) no-repeat 50% top;
}
.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 10px; 
	background: url(bubble_filler.gif) 50% bottom; 
}
.tt:hover span.bottom{ display: block; background: url(bubble.gif) no-repeat 50% bottom; padding: 3px 8px 25px !important;tom;
}