a.tooltip {
outline: none;
text-decoration: none;
border-bottom: dotted 1px blue;
position: relative;
}
a.tooltip strong {
line-height: 30px;
}
a.tooltip > span {
width: 300px;
padding: 10px 20px;
margin-top: 0;
margin-left: -120px;
opacity: 0;
visibility: hidden;
z-index: 10;
position: absolute;
font-family: Arial;
font-size: 12px;
font-style: normal;
border-radius: 3px;
box-shadow: 2px 2px 2px #999;
-webkit-transition-property: opacity, margin-top, visibility, margin-left;
-webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
transition-property: opacity, margin-top, visibility, margin-left;
transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
transition-timing-function: 
ease-in-out, ease-in-out, ease-in-out, ease-in-out;
} a.tooltip:hover > span {
opacity: 1;
text-decoration: none;
visibility: visible;
overflow: visible;
margin-top: 50px;
display: inline;
margin-left: -90px;
}
a.tooltip span b {
width: 15px;
height: 15px;
margin-left: 40px;
margin-top: -19px;
display: block;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-box-shadow: inset -1px 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
-o-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
display: none\0/;
*display: none;
}    
a.tooltip > span {
color: #000000; 
background: #FBF5E6;
background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
background: linear-gradient(top, #FBF5E6, #FFFFFF);	    
border: 1px solid #CFB57C;	     
}    
a.tooltip span b {
background: #FBF5E6;
border-top: 1px solid #CFB57C;
border-right: 1px solid #CFB57C;
}