
<style type="text/css">
    div.leftbox {
        position: absolute;
        margin: 0 0 0 50px;
        padding: 0;
        width: 40%;
        }

    div.centerbox {

        margin: 0 0 0 55%;
        padding: 0;
        width: 40%;
        }
     #main-panel  td{
            padding-left: 5px;

        }

     #ticketstats td{
        padding-left: 0px;
     }
     #packagestats td{
        padding-left: 0px;
     }
     #invoicestats td{
        padding-left: 0px;
     }
     #clientstats td{
        padding-left: 0px;
     }
     #salestats td{
        padding-left: 0px;
     }
</style>
<!--
<div class="blue-box" style="padding:4px !important;">
    <table class="automation">
    
        <tbody>
            <tr>
               
                <td align="right" width="30">[l]Filter Type[/l]: </td>
                <td align="left" width="53">
                    <input type="text" id="statisticsfilter" size="50"/>
                </td>
                
            </tr>
        </tbody>
    </table>
</div>
-->

<div id="sample">
</div>




<!--
<div id="leftbox"><hr width='760'> </hr>  </div>
<div id="clientsdiv" class="leftbox">
</div>
<div id="ticketsdiv" class="centerbox" >
</div>
<br/>
-->



<div style="width:100%" id="salestats" class="stats">
<table  style="margin-left:1%;width:99%">
<!-- BEGIN DYNAMIC BLOCK: salesstats -->
<tr>
            <td width="85%"><span><font color = "blue"><b>Total clients activated : </b></font></span> </td>
            <td width="15%">{monthtotal}</td>
</tr>
<tr>
            <td width="85%"><span><font color = "blue"><b>Total sales : </b></font></span> </td>
            <td width="15%">{monthsales}</td>
</tr>
<!--
<tr>
            <td width="60%"><span><font color = "blue"><b>This year clients total: </b></font></span> </td>
            <td width="40%">{yeartotal}</td>
</tr>
<tr>
            <td width="60%"><span><font color = "blue"><b>This year sales total: </b></font></span> </td>
            <td width="40%">{yearsales}</td>
</tr>
-->
<!-- END DYNAMIC BLOCK: salesstats -->
</table>
</div>

<div style="width:100%" id="clientstats">
    <table style="margin-left:1%;width:99%">
        <!-- BEGIN DYNAMIC BLOCK: clientstats -->
        <tr>
            <td width="35%"><a href="{target}" style="text-decoration:none"><font color = "blue"><b>{status}:</b></font></a></td>
            <td width="10%">{number}</td>
            <td width="40%">
                <table style="border: 1px solid black;" width="90%" CELLPADDING=0 CELLSPACING=0>
                    <TR>
                        <TD bgcolor="{statuscolor}"  HEIGHT="12px" WIDTH="{percentage}%"></TD>
                        <TD bgcolor="#FFFFFF" HEIGHT="12px" WIDTH="{rempercentage}%"></TD>
                    </TR>
                </TABLE>
            </td>
            <td width="15%">&nbsp;&nbsp;{percentage}%</td>
        </tr>
        <!-- END DYNAMIC BLOCK: clientstats -->
    </table>
</div>

<div style="width:100%" id="packagestats">
<table style="margin-left:1%;width:99%">
<!-- BEGIN DYNAMIC BLOCK: packstats -->
        <tr>
            <td width="35%"><a href="" style="text-decoration:none"><font color = "blue"><b>{status}:</b></font></a></td>
            <td width="10%">{number}</td>
            <td width="40%">
                <table style="border: 1px solid black;" width="90%" CELLPADDING=0 CELLSPACING=0>
                    <TR>
                        <TD bgcolor="{statuscolor}"  HEIGHT="12px" WIDTH="{percentage}%"></TD>
                        <TD bgcolor="#FFFFFF" HEIGHT="12px" WIDTH="{rempercentage}%"></TD>
                    </TR>
                </TABLE>
            </td>
            <td width="15%">&nbsp;&nbsp;{percentage}%</td>
        </tr>
<!-- END DYNAMIC BLOCK: packstats -->
</table>
</div>


<div style="width:100%" id="ticketstats" class="stats">
<table style="margin-left:1%;width:99%">
<!-- BEGIN DYNAMIC BLOCK: ticketstats -->
        <tr>
            <td width="35%"><a href = "" style="text-decoration:none"><font color = "blue"><b>{status}:</b></font></a></td>
            <td width="10%">{number}</td>
            <td width="40%">
                <table style="border: 1px solid black;" width="90%" CELLPADDING=0 CELLSPACING=0>
                    <TR>
                        <TD bgcolor="{statuscolor}"  HEIGHT="12px" WIDTH="{percentage}%"></TD>
                        <TD bgcolor="#FFFFFF" HEIGHT="12px" WIDTH="{rempercentage}%"></TD>
                    </TR>
                </TABLE>
            </td>
            <td width="15%">&nbsp;&nbsp;{percentage}%</td>
        </tr>
<!-- END DYNAMIC BLOCK: ticketstats -->
</table>
</div>

<div style="width:100%;" id="invoicestats">
<table  style="margin-left:1%;width:99%" >
<!-- BEGIN DYNAMIC BLOCK: invoicestats -->
        <tr>
            <td width="35%"><a href="" style="text-decoration:none"><font color = "blue"><b>{status}:</b></font></a></td>
            <td width="40%">{number}</td>
            <!--<td width="35%">
                <table style="border: 1px solid black;border-width:thin" width="98%" CELLPADDING=0 CELLSPACING=0>
                    <TR>
                        <TD bgcolor="{statuscolor}"  HEIGHT="12px" WIDTH="{percentage}%"></TD>
                        <TD bgcolor="#FFFFFF" HEIGHT="12px" WIDTH="{rempercentage}%"></TD>
                    </TR>
                </TABLE>
            </td>
            <td width="10%">&nbsp;&nbsp;{percentage}%</td>-->
            <td width="18%" style="text-align:right">&nbsp;&nbsp;{amount}</td>
            <td width="7%">&nbsp;&nbsp;</td>
        </tr>
<!-- END DYNAMIC BLOCK: invoicestats -->
</table>
</div>
<input type="hidden" id="clienttotal" value="{totalclients}"/>
<input type="hidden" id="packagetotal" value="{totalpacks}"/>
<input type="hidden" id="tickettotal" value="{totaltickets}"/>
<input type="hidden" id="invoicetotal" value="{totalinvoices}"/>