<style>
#divinvoicedetails{
    -moz-border-radius-bottomleft: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom:0px!important;
    background-color:#F5F5F5 !important;
}
#divinvoicedetails h2{
    font-weight: bold !important;
    color:#0066CC !important;
}
.invoicelink{
    position:relative !important;
    top:-4px !important;
    padding-right:5px !important;
}</style>

<span class="grid-meta" id="invoicelistlabel"></span>
<div id="gridheader" class="blue-box" style="clear:both;padding:4px !important;">
    <table class="automation" border="0">
        <tbody>
            <tr>
                <td>
                    <div id="addchargebutton"></div>
                </td>
                <td>
                    <span style="float:right;">
                        <span style="float:left;margin-right:2px;padding-top:2px;">&nbsp;&nbsp;&nbsp;&nbsp;[l]Type[/l]:&nbsp;</span><input type="text" id="invoicefilter"/>&nbsp;&nbsp;
                        <span style="float:left;margin-right:2px;padding-top:2px;">&nbsp;&nbsp;&nbsp;&nbsp;[l]Filter[/l]:&nbsp;</span><input type="text" id="invoicetype"/>
                        <!-- BEGIN DYNAMIC BLOCK: pricetype -->
                        <span style="float:left;margin-right:2px;padding-top:2px;">&nbsp;&nbsp;&nbsp;&nbsp;[l]Price[/l]:&nbsp;</span><input type="text" id="pricetype" />&nbsp;&nbsp;
                        <!-- END DYNAMIC BLOCK: pricetype -->
                        <span style="float:left;margin-right:2px;padding-top:2px;"></span><input type="text" id="numlistfilter"></input>
                    </span>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="invoices-grid"></div>
<div id="invoice"></div>
<br>
<div class="table-summary" style="margin-bottom: 10px; margin-top: 10px; clear:both;">
<h2>Note:</h2>
It's possible to charge a customer for multiple items and then generate a single invoice, select Un-Invoiced Work from the Type dropdown above to get started.<br/>
</div>