<!-- begin menu template -->
<body onunload="closeHelpWindow();">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<table style="width:100%; height:100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">

<!-- Start Header -->
<div style="width:100%; height:11px; background-image:url(templates/{TEMPLATE}/header_images/nav_2.gif)"></div>

<div style="width:100%; height:76px; background-image:url(templates/{TEMPLATE}/header_images/nav_6.gif); position:relative;">
    <div style="float:left; width:214px; height:76px; border: 0px; background-image:url(templates/{TEMPLATE}/header_images/nav_4.gif)"></div>
    <!-- BEGIN DYNAMIC BLOCK: menuSwitch -->
    <div id="menu_tabs_wrap" style="position:absolute; right:70px; bottom:0;">
        <ul>
            <li id='mainTab' class="{mainTabClass}"><a href="#" onclick="toggleMenu('main');" ><span>main</span></a></li>
            <li id='adminTab' class="{adminTabClass}"><a href="#" onclick="toggleMenu('admin');" ><span>admin</span></a></li>
        </ul>
    </div>
    <!-- END DYNAMIC BLOCK: menuSwitch -->
    <div style="float:right; width:508px; height:76px; border: 0px; background-image:url(templates/{TEMPLATE}/header_images/nav_7.gif)">
        <div class="date" style="float:right;position:relative;top:60px;">{pageDate}&nbsp;&nbsp;</div>
    </div>
</div>
<!-- End Header -->

<!-- Start Menu -->
<div id="menubar">
{MAINMENU}
</div>
<!-- End Menu -->

<!-- Dynamic Menu Drop Downs -->
<!-- BEGIN DYNAMIC BLOCK: moduleMenuContents -->
<div id="{MODULE}SubMenuContainer" style="position:absolute; width:{WIDTH}px; z-index:50; visibility: hidden;" onmouseout="MM_showHideLayers('{MODULE}SubMenuContainer','','hide','{MODULE}button')" onmouseover="MM_showHideLayers('{MODULE}SubMenuContainer','','show','{MODULE}button','templates/{TEMPLATE}/header_images/b2bg.gif')" onmousemove="MM_showHideLayers('{MODULE}SubMenuContainer','','show','{MODULE}button','templates/{TEMPLATE}/header_images/b2bg.gif')">        
    <div class="menu">                
        <!-- BEGIN DYNAMIC BLOCK: jsMenu -->
        <div class="options" style="width:130px;" >
            {dropdownItems}
            <div style="background-repeat:no-repeat;position:absolute; width: 130px; height:5px; background-image:url(templates/{TEMPLATE}/header_images/sub_table_end.gif);"></div>
        </div>
        <!-- END DYNAMIC BLOCK: jsMenu -->
    </div>
</div>
<!-- END DYNAMIC BLOCK: moduleMenuContents -->
<!-- End Dynamic Menu Drop Downs -->



<!-- want to move to div, but IE just will not show properly -->
<table summary="seperator image between menu and rest of page" style="width:100%; height:3px; background-image:url(templates/{TEMPLATE}/header_images/nav_13.gif)" border="0" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>
    {USERNOTES}

    <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td width='25'><img src="templates/{TEMPLATE}/images/spacer.gif" width="25" alt="" /></td>
    <td valign='top' align='left'>
            <table style="width:100%; height:4px; background-image:url(templates/{TEMPLATE}/images/spacer.gif)" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td></td>
              </tr>
            </table>
            <table width="98%" style="height:6px" border="0" cellpadding="0" cellspacing="0">
              <tr bgcolor='#E1E3DA'>
                <td align='left'><img src="templates/{TEMPLATE}/images/rightarrow.gif" alt="" style="position:relative; left:2px; top:2px" />&nbsp;&nbsp;{NAVIGATION}</td>
                <td align="right"><b>{languageActiveCustomer}</b>&nbsp;&nbsp;
                <!-- BEGIN DYNAMIC BLOCK: profilecard -->
                    <!-- BEGIN DYNAMIC BLOCK: profilecardlink1 -->
                    <a href="#" onclick="jsPopup('index.php?fuse=clients&amp;view=AddEditNote&amp;customerGroup=0')">
                    <!-- END DYNAMIC BLOCK: profilecardlink1 -->
                        <img style="position:relative;top:2px;" src="templates/{TEMPLATE}/images/profilecard.gif" border="0" alt="" />
                    <!-- BEGIN DYNAMIC BLOCK: profilecardlink2 -->
                    </a>
                    <!-- END DYNAMIC BLOCK: profilecardlink2 -->
                <!-- END DYNAMIC BLOCK: profilecard -->&nbsp;{ACTIVEPROFILE}</td>
              </tr>
            </table>
            <br />
        <table cellspacing="0" cellpadding="0" width="100%" style="height:15px" border="0">
            <tr>
                <td id="errMessages" valign='top'><font class="red"><b>{MESSAGES}&nbsp;</b></font></td>
                <td align='right' valign='top' style="padding-right:5px">
                    <!-- BEGIN DYNAMIC BLOCK: genererateInvoicesButton -->
					<div id="generateinvoices" style="margin:0px;padding:0px;width:170px;">					
						<div style="background-image:url('templates/{TEMPLATE}/images/generateimage.png');
									width:170px;
									height:32px;
									"><a style="font-weight:bold;font-size:11px;position:relative;top:5px;left:-10px;cursor:pointer;" onclick="location.href='index.php?fuse=admin&amp;view=RecurringSettings'">[l]Generate Invoices[/l]</a></div>						            						            
					</div>
                    <!-- END DYNAMIC BLOCK: genererateInvoicesButton -->
                </td>
                <!-- BEGIN DYNAMIC BLOCK: panelSwitch -->
                <td width='18' align='right' valign='top'>
                    <a href='javascript:void(0);' onclick='ToggleSideBar();'><img src='templates/{TEMPLATE}/images/panel-switch.gif' border='0' alt='[lh]Toggle SideBar[/lh]' /></a>
                </td>
                <!-- END DYNAMIC BLOCK: panelSwitch -->
            </tr>
        </table>
            <br />
            <table border="0" style="margin-right:15px; width:98.6%; height:31px; background-image:url(templates/{TEMPLATE}/images/main_top_bg.gif);" cellspacing="0" cellpadding="0" >
              <tr valign='top'>
                <td><img height="31" alt="" src="templates/{TEMPLATE}/images/main_top_left.gif" width='27' border='0' /></td>
                <td>
            <table cellpadding="0" cellspacing="0" border="0">
            <tr>
                <!-- BEGIN DYNAMIC BLOCK: activeactions -->
                <td nowrap="nowrap" valign='top'>
                    <table cellpadding="0" cellspacing="0" border="0" >
                    <tr style="height:1px">
                        <td colspan='2' bgcolor='white'></td>
                    </tr>
                    <tr>
                        <td bgcolor='#84ABD0' style="height:18px;" class="{TABSTATECSSCLASS}" nowrap='nowrap'><img src="templates/{TEMPLATE}/images/spacer.gif" width='8' alt="" />{ACTIVEACTION}<img src="templates/{TEMPLATE}/images/spacer.gif" width='8' alt="" /></td>
                        <td width="1" style="height:18px;" bgcolor="white"><img src="templates/{TEMPLATE}/images/spacer.gif" width='1' alt="" /></td>
                    </tr>
                    </table>
                </td>
                <!-- END DYNAMIC BLOCK: activeactions -->
                <td style="height:31px" nowrap="nowrap"  valign="top">
                    <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="height:19px"><img height='19' src="templates/{TEMPLATE}/images/tab_right.gif" width='12' alt="" /></td>
                    </tr>
                    </table>
                </td>
            </tr>
            </table>
           </td>
                  <td align='right' style="width:100%"><img height='31' alt="" src="templates/{TEMPLATE}/images/main_top_right.gif" width='14' border='0' /></td>
           </tr>
          </table>

          <table cellspacing="0" cellpadding="0" bgcolor="#ffffff" border="0" style="margin-right:15px; height:100%; width:98.6%;">
              <tr valign='top'>
                <td style="background-image:url(templates/{TEMPLATE}/images/tc_bgl.gif);"><img height='14' alt="" src="templates/{TEMPLATE}/images/tc_arrow.gif" width='34' border='0' /></td>
                <td class="content" width="100%"><br />
