<!-- begin menu template -->
<body bgcolor="#efefef"  style="margin: 0" onunload="closeHelpWindow();" onLoad="<!-- BEGIN DYNAMIC BLOCK: shownavbar -->genNavLinks('{TOTALRECORDS}', '{TSLIDERLIMIT}', '1', '{TABLEID}', '{LINKSID}','10',{FUSE},{ACTION_TABLE});<!-- END DYNAMIC BLOCK: shownavbar -->; processOnLoadFunctions();">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<A name="top"></A>
<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)">
<div style="float:left; width:214px; height:76px; border: 0px; background-image:url(templates/{TEMPLATE}/header_images/nav_4.gif)"></div>
<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 -->
{MAINMENU}
<!-- End Menu -->

<!-- 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>

<!-- Dynamic Menu Divs -->
<div id="homeContainer" style="width:80px; position:absolute; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('homeContainer','','show','homebutton')" onMouseOut="MM_showHideLayers('homeContainer','','hide','homebutton')" onMouseMove="MM_showHideLayers('homeContainer','','show','homebutton')">
<div class="menu">
    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {HOMEURL}><img src="templates/{TEMPLATE}/header_images/home_sub_tit.gif"  border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
       {dropdownHOME}
       <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>
</div>
</div>

<div id="clientinfoContainer" style="position:absolute; width:80px; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('clientinfoContainer','','show','clientinfobutton')" onMouseOut="MM_showHideLayers('clientinfoContainer','','hide','clientinfobutton')" onMouseMove="MM_showHideLayers('clientinfoContainer','','show','clientinfobutton')">
<div class="menu">
    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {CLIENTINFOURL}><img src="templates/{TEMPLATE}/header_images/clientinfo_sub_tit.gif" border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownCLIENTINFO}
    <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>
     </div>
</div>
<div id="billingContainer" style="position:absolute; width:80px; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('billingContainer','','show','billingbutton')" onMouseOut="MM_showHideLayers('billingContainer','','hide','billingbutton')" onMouseMove="MM_showHideLayers('billingContainer','','show','billingbutton')">
<div class="menu">
    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {BILLINGURL}><img src="templates/{TEMPLATE}/header_images/billing_sub_tit.gif" width="86" height="30" border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownBILLING}
    <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>
    </div>
</div>
<div id="supportContainer" style="position:absolute; width:80px; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('supportContainer','','show','supportbutton')" onMouseOut="MM_showHideLayers('supportContainer','','hide','supportbutton')" onMouseMove="MM_showHideLayers('supportContainer','','show','supportbutton')">
<div class="menu">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {SUPPORTURL}><img src="templates/{TEMPLATE}/header_images/support_sub_tit.gif" border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownSUPPORT}
    <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>
</div>
</div>
<div id="supportextContainer" style="position:absolute; width:80px; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('supportextContainer','','show','supportbutton')" onMouseOut="MM_showHideLayers('supportextContainer','','hide','supportbutton')" onMouseMove="MM_showHideLayers('supportextContainer','','show','supportbutton')">
    <div class="menu">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="17"><A {SUPPORTURL}><img src="templates/{TEMPLATE}/header_images/support_sub_tit.gif" border="0"></a></td>
            </tr>
        </table>
    </div>
</div>
<div id="filesContainer" style="position:absolute; width:80px; z-index:50; visibility: hidden;" onMouseOver="MM_showHideLayers('filesContainer','','show','filesbutton')" onMouseOut="MM_showHideLayers('filesContainer','','hide','filesbutton')" onMouseMove="MM_showHideLayers('filesContainer','','show','filesbutton')">
<div class="menu">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {FILESURL}><img src="templates/{TEMPLATE}/header_images/files_sub_btn.gif"  border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownFILES}
    <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>
</div>
</div>
<div id="reportsContainer" style="position:absolute; width:80px; z-index:1; visibility: hidden;" onMouseOver="MM_showHideLayers('reportsContainer','','show','reportbutton')" onMouseOut="MM_showHideLayers('reportsContainer','','hide','reportbutton')" onMouseMove="MM_showHideLayers('reportsContainer','','show','reportbutton')">
<div class="menu">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {REPORTURL}><img src="templates/{TEMPLATE}/header_images/report_sub_tit.gif"  border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownREPORTS}
    <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>
</div>
</div>
<div id="addonsContainer" style="position:absolute; width:80px; z-index:50; visibility: hidden;"  onMouseOver="MM_showHideLayers('addonsContainer','','show','addonsButton')" onMouseOut="MM_showHideLayers('addonsContainer','','hide','addonsButton')" onMouseMove="MM_showHideLayers('addonsContainer','','show','addonsButton')">
<div class="menu">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><a href="#"><img src="templates/{TEMPLATE}/header_images/addons_sub_tit.gif" width="81" height="30" border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownADDONS}
    <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>
    </div>
</div>
<div id="adminContainer" style="position:absolute; width:80px; z-index:50; visibility: hidden;"  onMouseOver="MM_showHideLayers('adminContainer','','show','adminbutton')" onMouseOut="MM_showHideLayers('adminContainer','','hide','adminbutton')" onMouseMove="MM_showHideLayers('adminContainer','','show','adminbutton')">
<div class="menu">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="height:17px"><A {ADMINURL}><img src="templates/{TEMPLATE}/header_images/admin_sub_tit.gif" width="86" height="30" border="0" /></a></td>
    </tr>
    </table>
    <div class="options" style="width:130px;" >
        {dropdownADMIN}
    <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>
    </div>
</div>
<!-- End Dynamic Drop down -->

    {USERNOTES}

<script type='text/javascript'>

    function onToggleSideBarSuccess(t){

    }

    function ToggleSideBar(action){

        if($('sidepanel1').style.display=='none') $('sidepanel1').style.display='';
        else $('sidepanel1').style.display='none';

        if($('sidepanel2').style.display=='none') $('sidepanel2').style.display='';
        else $('sidepanel2').style.display='none';

        var newdisplay = $('sidepanel2').style.display;

        var opt = {
            method: 'post',
            postBody: 'action='+action+'&display='+newdisplay,
            onSuccess: onToggleSideBarSuccess,
            on404: on404,
            onFailure: onFailure
        }

        new Ajax.Request('index.php', opt);

        return false;
    }

</script>

    <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td width=25><IMG height=1 src="templates/{TEMPLATE}/images/spacer.gif" width=25 /></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" style="position:relative; left:2px; top:2px" />&nbsp;&nbsp;{NAVIGATION}</td>
                <td align=right><b>{languageActiveCustomer}</b>&nbsp;&nbsp;<!-- BEGIN DYNAMIC BLOCK: profilecardlink --><img style="position:relative;top:2px;" src="templates/{TEMPLATE}/images/profilecard.gif" border="0" /><!-- END DYNAMIC BLOCK: profilecardlink -->&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}</b></font></td>
            <td align=right valign=top>
                {linkRecurring}&nbsp;&nbsp;
            </td>
            <td width=18 align=right valign=top>
                <a href='javascript:void(0);' onClick='ToggleSideBar("1008");'><img src='templates/{TEMPLATE}/images/panel-switch.gif' border='0' alt='Toggle SideBar' /></a>
            </td>
        </tr>
        </table>
            <br />
            <table border="0" style="margin-right:15px; 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 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><img height=1 src="templates/{TEMPLATE}/images/spacer.gif" width=8 />{ACTIVEACTION}<IMG height=1 src="templates/{TEMPLATE}/images/spacer.gif" width=8 /></td>
                        <td width="1" style="height:18px;" bgcolor=white><IMG height=1 src="templates/{TEMPLATE}/images/spacer.gif" width=1 /></td>
                    </tr>
                    </table>
                </td>
                <!-- END DYNAMIC BLOCK: activeactions -->
                <td style="height:31px" 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 /></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%">
              <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 />
