[data-tip]{position:relative;cursor:pointer}[data-tip]:before{content:'';display:none;border:5px solid #000;border-top-color:#000;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;position:absolute;top:-40px;left:10px;z-index:8;font-size:0;line-height:0;width:0;height:0}[data-tip]:after{display:none;content:attr(data-tip);position:absolute;top:-68px;left:0;padding:5px 8px;font-family:calibri;background:#000;color:#fff;z-index:9;font-size:12px;height:28px;line-height:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;word-wrap:normal}[data-tip]:hover:before,[data-tip]:hover:after{display:block}