<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <script>
            $(document).ajaxStart(function () {
                $('#infobox').show();
            }).ajaxStop(function (){
                $('#infobox').hide();
            });
            $(document).ready(function(){
                $('a[title]').qtip({
                        style: { name: 'light', tip: true },
                        position: { corner: {target: 'topMiddle', tooltip: 'bottomLeft'} }
                    }
                )
            });
        </script>
        <div id="infobox" class="notification" style="display: none">
            <span id="infobox_text">
                Busy Processing...
            </span>
        </div>
        <div id="messageBox" style="display: none">
            <span id="messageBox_text">
            </span>
        </div>
        <center>
            <div xml:id="main">
                <div xml:id="logo">
                </div>
                <div xml:id="header">
                </div> 
                <div xml:id="menu">
                </div>
                <div xml:id="submenu">
                    <div xml:id="submenuLeft" style="float: left; width: 85%; text-align: left">
                    </div>
                    <div xml:id="submenuRight" style="float: right; text-align: right; padding-right: 5px;">
                    </div>
                </div>
				<div xml:id="message"></div>
                <div xml:id="content">
                </div>
            </div>
        </center>
    </body>
</html> 
