/*---------- bubble tooltip -----------*/
a.tt {
	position:relative;
	z-index:24;
	color:#fff;
	text-decoration:none;
}
a.tt span {
	display: none;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-.5px;
	text-align:left;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {
	z-index:25;
	color: #fff;
background:;
}
a.tt:hover span.tooltip {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	padding: 10px 0 0 0;
	width:100px;
	color: #fff;
	text-align: center;
}
a.tt:hover span.top {
	display: block;
	padding: 30px 8px 0;
	background: url(../images/bubble.png) no-repeat top;
}
a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: #333;
}
a.tt:hover span.bottom {
	display: block;
	padding:3px 8px 8px;
	color: #fff;
	background: url(../images/bubble.png) no-repeat bottom;
}