#tooltip {
    background: #148CCC none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    padding: 8px 10px;
    position: absolute;
    text-align: center;
    z-index: 100;
}
#tooltip::after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(33, 32, 38, 0.9);
    bottom: -7px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0;
}
#tooltip.top::after {
    border-bottom: 7px solid rgba(33, 32, 38, 0.9);
    border-top-color: transparent;
    bottom: auto;
    top: -14px;
}
#tooltip.left::after {
    left: 10px;
    margin: 0;
}
#tooltip.right::after {
    left: auto;
    margin: 0;
    right: 10px;
}