#tOOltip { position: absolute; width: 99px; opacity: 0.9; margin-top: 25px; font-family: Montserrat_Light, Helvetica; font-size: 9pt; text-align: center; line-height: 1.5; color: #ffffff; z-index: 100; padding: 9px; background: #384d60; border-radius: 5px; }
#tOOltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #384d60; border-top-color: #384d60; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }
#tOOltip.top:after { border-top-color: transparent; border-bottom: 10px solid #384d60; border-bottom-color: #384d60; top: -20px; bottom: auto; }
#tOOltip.left:after { left: 10px; margin: 0; }
#tOOltip.right:after { right: 10px; left: auto; margin: 0; }