.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {
    pointer-events:none;
    display:inline; position:absolute; 
    z-index:10;padding:14px 20px;
    margin-top:85px; margin-left:-150px;
    width:200px; line-height:16px;
    background:#21212D;
    border:2px solid #FFF;  color:#EEE;
    opacity:0;
}

.tooltip:hover span{

    opacity:1;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -kthtml-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
                        
.callout {z-index:20;position:absolute;border:0;top:-14px;left:105px;}


/*CSS3 extras*/
.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}