/*---------- bubble tooltip -----------
<link href="http://classicmanuals.net/css/bubble.css" rel="stylesheet" type="text/css">

<link href="../css/bubble.css" rel="stylesheet" type="text/css">
<a href="#" class="tt"><span class="tooltip"><span class="top"></span><span class="middle">
<TEXT TO BE INSERTED>
</span><span class="bottom"></span></span>
<IMAGE URL></a>

*/

a.tt{
    position:relative;
    z-index:1;
    text-decoration:none;
    font-weight:bold;
}
a.tt span{ display:none; } 
 
a.tt:hover{ z-index:2;}
a.tt:hover span.tooltip{
    display:block;  
    position:absolute;
    top:-50px; left:5px;
	padding:15px 0 0 0;
	width:200px;
	color:#000000;
    text-align: left;
	opacity:.8;
}
a.tt:hover span.top{
	display: block;
	padding:30px 8px 0;
    background: url(http://www.classicmanuals.net/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ 
	display:block;
	padding:0 10px; 
	background: url(http://www.classicmanuals.net/images/bubble_filler.gif); 
}
a.tt:hover span.bottom{
	display:block;
	padding:5px 8px 10px;
    background: url(http://www.classicmanuals.net/images/bubble.gif) no-repeat bottom;
}