==============================================================================
    To use the [semi-]standard jQuery tooltips, copy-n-paste this to your webpage.
    Then add   title="..."   to elements that need a tooltip.
    ==============================================================================


<!-- update to the latest version of these via https://developers.google.com/speed/libraries/ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
    $(function() {
        $('*').tooltip();
    });
</script>
<style>
    .ui-tooltip  {
        font-size:10pt;
        background:#aaa;
        white-space: pre-line;
    }   
</style>