$( '#main' )
.tooltip(
    {
        hide : false,
        beforeOpen : function(event, ui){
            if( ui.target.data( 'ttclass' ) ){
                ui.tooltip.addClass( ui.target.data( 'ttclass' ) );
            }
        },
        items : '.tt',
        position: {
            my: "left top",
            at: "right top",
            collision: "flip flip",
            offset : '13 -26'
        },
        content : function(){
            return $( this ).find( '.tt-content' ).html();
        },
        open : function ( event, ui ){

            if( $( 'html' ).hasClass( 'no-borderradius' ) ){
                ui.tooltip
                    .find( '.ui-tooltip-content' )
                    .prepend( '<div class="ui-tooltip-corners ui-tooltip-corners-top"><span class="ui-tooltip-corners-left"></span><span class="ui-tooltip-corners-middle"></span><span class="ui-tooltip-corners-right"></span></div>')
                    .append( '<div class="ui-tooltip-corners ui-tooltip-corners-bottom"><span class="ui-tooltip-corners-left"></span><span class="ui-tooltip-corners-middle"></span><span class="ui-tooltip-corners-right"></span></div>');
            }

            ui.tooltip
                .find( '.ui-tooltip-content' )
                .append( '<span class="ui-tooltip_arrows"></span>' );

            if( ui.target.is( 'td' ){

                ui.tooltip
                .position({
                    of: ui.target,
                    my: "left top",
                    at: "right top",
                    collision: "flip flip",
                    offset : '13 -16'
                });
            }
        }
    }
);