#tooltip{text-align:center;color:#fff;background:#479acc;position:absolute;z-index:100;padding:8px 10px 8px 10px;font-family:Roboto-Light;font-size:12px;border-radius:5px;line-height:13px;z-index:9999}
#tooltip:after{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #479acc;content:'';position:absolute;left:50%;bottom:-7px;margin-left:-7px}
#tooltip.top:after{border-top-color:transparent;border-bottom:7px solid #479acc;top:-20px;bottom:auto}
#tooltip.left:after{left:7px;margin:0}
#tooltip.right:after{right:7px;left:auto;margin:0}