/* tool tip styles */
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    /*background-color:#ccc;*/
    color:#000;
    text-decoration: underline;
    
}

a.tooltip:hover
{
	z-index:25; 
	background-color:#fff;  /* this is needed for popup effect even though it is just setting the color to white, which it already is */
	text-decoration: none;
}

a.tooltip span{display: none;}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
    left:2em; 
    width:15em;
    border:1px solid #aaa;
    background-color:#e7e7e7; 
    color:#000;
    text-align:left;
    text-decoration: none;
    white-space:normal;
    font-size: 1.0em;
    padding: 2px 2px 2px 2px;
    left:-120px;
    
}