.lightgreysub {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666666;
text-decoration: none;
font-weight: bold;
}
.lightgreysub {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666666;
text-decoration: none;
font-weight: normal;
}
a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0.8em; left:32em; width:28em;
border:1px solid #ffffff;
background-color:#cccccc; color:#000;
text-align: left}
.tooltiptext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt;
color: #339900;
}