#tOOltip {
position: absolute;
width: 88px;
opacity: 0.9;
margin-top: 7px;
font-family: Noway_Light, OpensansC_Light, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: center;
line-height: 1.5;
color: #fff;
z-index: 100;
padding: 9px;
background: #536262;
border-radius: 5px;
/* box-shadow: 0 3px 5px rgba(0, 0, 0, .3); */
}

#tOOltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #536262;
border-top-color: #536262;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}

#tOOltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #536262;
border-bottom-color: #536262;
top: -20px;
bottom: auto;
}

#tOOltip.left:after {
left: 10px;
margin: 0;
}

#tOOltip.right:after {
right: 10px;
left: auto;
margin: 0;
}