/*---------- bubble tooltip -----------*/
a.tt{
  position:relative;
  z-index:24;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: black;
	background-color: #e5e5e5;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-bottom: dotted #000 1px;		
}

a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
  z-index:25; 
	color: black; 
	background:;
}

a.tt:hover span.tooltip{
  display:block;
  position:absolute;
  top:0px; left:0;
	padding: 15px 0 0 0;
	width:150px;
	color:#000;
  text-align: left;
}

a.tt:hover span.top{
	display: block;
	padding: 40px 8px 0;
  background: url(/images/bubble3.gif) no-repeat top;
}

a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 10px; 
	font-size: 11px;
	text-decoration: none;
	line-height: 115%;
	color: black;
	padding: 0 10px; 
	background: url(/images/bubble_filler3.gif) repeat bottom; 
}

a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
  background: url(/images/bubble3.gif) no-repeat bottom;
}