@charset "UTF-8";
a.tooltip {
    outline:none; 
    position: absolute;
}
a.tooltip strong {
    line-height:1em;
    font-weight: 700;
    color: #000;
    font-size: 17px;
}
a.tooltip:hover {
    text-decoration:none;
    cursor: pointer;
} 
a.tooltip span {
    font-size: 14px;
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:10px; 
    margin-left:22px;
    width:160px; 
    line-height:16px;
    color:#808080;
    font-weight: 100;
}
a.tooltip:hover span{
    display:inline; 
    position:absolute;
    border:1px solid #bebebe; 
    background:#fff;
}
a.tooltip .icon{
    margin: 8px 0 5px 0;
}
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
}

/*    TOP STYLE     */

a.tooltip span_top {
    font-size: 14px;
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-190px; 
    margin-left:-190px;
    width:160px; 
    line-height:16px;
    color:#808080;
    font-weight: 100;
}
a.tooltip:hover span_top{
    display:inline; 
    position:absolute;
    border:1px solid #bebebe; 
    background:#fff;
}

/*CSS3 extras*/
a.tooltip span_top
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
}