Tooltip

The Tooltip element HTML model:

<div class="Window">
    <div class="GlobalArea">
        <div class="WorkArea">
            <div class="Page Show">
                <div class="Button Rounded TooltipTarget" data-tooltip-text="Button 1 tooltip" data-tooltip-width="150" data-tooltip-pos="right">Button 1</div>
                <div class="Button Rounded TooltipTarget" data-tooltip-text="Button 2 tooltip" data-tooltip-width="150" data-tooltip-pos="left">Button 2</div>
                <div class="Button Rounded TooltipTarget" data-tooltip-text="Button 3 tooltip" data-tooltip-width="150" data-tooltip-pos="bottom">Button 3</div>
            </div>
        </div>
    </div>
    <div id="TT" class="Tooltip"></div>
</div>

Use TooltipTarget class to attach tooltip to the element.

Notice: default Tooltip element must have an ID equal to "TT".