/*---------- bubble tooltip -----------*/
a.tt{
  position:relative;
  z-index:24;
  color:#3CA3FF;
  text-decoration:none !important; 
}
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;}
a.tt:hover span.tooltip{
  display:block;
  position:absolute;
  top:0px; left:0px;
  padding: 15px 0 0 0;
  width:300px;
  color: #333; 
  font-weight:normal;
  text-align: left;
}
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 10px 10px 20px; 
	background: url(/images/bubble2_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
  background: url(/images/bubble_r.png) no-repeat bottom;
}       

#cool_header a.tt:hover span.middle { 
  padding-right:20px;    
  font: 11px/14px "Lucida Grande", Arial, Verdana, sans-serif;
  }      

#cool_header a.tt:hover span.tooltip{ 
  top:25px;  
  left:-195px;
} 

#cool_header a.tt:hover span.top{
  background: url(/images/bubble_r.png) no-repeat top;   
}     

#cool_header a.tt:hover span.bottom {
  background: url(/images/bubble.png) no-repeat bottom;
}    

#cool_header a.tt:hover span.middle br {
  line-height:10px;
}                
#cool_header a.tt:hover span.middle strong {
  color:#990000;
  font-weight:bold;
}