.uk-tooltip {
     background: #333333 none repeat scroll 0% 0%;
     border-radius: 3px;
     box-sizing: border-box;
     color: rgba(255, 255, 255, 0.7);
     display: none;
     font-size: 12px;
     line-height: 18px;
     max-width: 200px;
     padding: 5px 8px;
     position: absolute;
     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     z-index: 1030;
}

.uk-tooltip::after {
     border: 5px dashed #333333;
     content: "";
     display: block;
     height: 0px;
     position: absolute;
     width: 0px;
}

.uk-tooltip-top::after, .uk-tooltip-top-left::after, .uk-tooltip-top-right::after {
     border-bottom: medium none;
     border-color: #333333 rgba(0, 0, 0, 0) -moz-use-text-color;
     border-top-style: solid;
     bottom: -5px;
}

.uk-tooltip-bottom::after, .uk-tooltip-bottom-left::after, .uk-tooltip-bottom-right::after {
     border-bottom-style: solid;
     border-color: -moz-use-text-color rgba(0, 0, 0, 0) #333333;
     border-top: medium none;
     top: -5px;
}

.uk-tooltip-top::after, .uk-tooltip-bottom::after {
     left: 50%;
     margin-left: -5px;
}

.uk-tooltip-top-left::after, .uk-tooltip-bottom-left::after {
     left: 10px;
}

.uk-tooltip-top-right::after, .uk-tooltip-bottom-right::after {
     right: 10px;
}

.uk-tooltip-left::after {
     border-color: rgba(0, 0, 0, 0) -moz-use-text-color rgba(0, 0, 0, 0) #333333;
     border-left-style: solid;
     border-right: medium none;
     margin-top: -5px;
     right: -5px;
     top: 50%;
}

.uk-tooltip-right::after {
     border-color: rgba(0, 0, 0, 0) #333333 rgba(0, 0, 0, 0) -moz-use-text-color;
     border-left: medium none;
     border-right-style: solid;
     left: -5px;
     margin-top: -5px;
     top: 50%;
}