[data-tip]{position:relative}[data-tip]:before{content:'';display:none;border:5px solid #1a1a1a;border-top-color:#1a1a1a;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;position:absolute;top:-7px;right: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:-35px;right:0;padding:5px 8px;background:#1a1a1a;color:#fff;z-index:9;font-size:.75em;height:18px;line-height:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;word-wrap:normal;font-family:'B Koodak',BKoodak,tahoma;font-size:16px}[data-tip]:hover:before,[data-tip]:hover:after{display:block}.help{color:#00b7d8}.help[data-tip]:before{border-top-color:#00b7d8;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.help[data-tip]:after{background:#00b7d8;color:#fff}.success{color:#51bd6a}.success[data-tip]:before{border-top-color:#51bd6a;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.success[data-tip]:after{background:#51bd6a;color:#fff}.alert{color:#f9ca64}.alert[data-tip]:before{border-top-color:#f9ca64;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.alert[data-tip]:after{background:#f9ca64;color:#574d36}.error{color:#e1473e}.error[data-tip]:before{border-top-color:#e1473e;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.error[data-tip]:after{background:#e1473e;color:#fff}.tip-below[data-tip]:after{top:23px;left:0}.tip-below[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#1a1a1a;border-left-color:transparent;top:13px;left:10px}.tip-below.help[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#00b7d8;border-left-color:transparent}.tip-below.success[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#51bd6a;border-left-color:transparent}.tip-below.alert[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#f9ca64;border-left-color:transparent}.tip-below.error[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#e1473e;border-left-color:transparent}