<div id="vtabContent">
<style type="text/css">
	.x-grid3-td-detail .x-grid3-cell-inner {white-space:normal;}
</style>

<script type="text/javascript">
    function RedirectBillingType(value){
        if(value==1){
            this.location = "index.php?fuse=admin&view=BillingTypes&type=active";
        }else{
            this.location = "index.php?fuse=admin&view=BillingTypes&type=archived";
        }
    }
</script>

<div class="blue-box" style="padding:4px !important;">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td><span id="addbillingtype"></span></td>
            <td align="right">
                <select name="billingTypeFilter" id="billingTypeFilter" onchange="RedirectBillingType(this.value)">
                    <option {activeselected} value="1">[l]Active Billing Types[/l]</option>
                    <option {archivedselected} value="-1">[l]Archived Billing Types[/l]</option>
                </select>
                &nbsp;&nbsp;&nbsp;
            </td>
        </tr>
    </table>
</div>
<div>
    <div id="billingtype-grid"></div>
</div>

<div class="table-summary-notice" style="margin-bottom: 10px; margin-top: 10px;">
[l]If you have a client that has a certain billing type invoiced to them, you will not be able to remove the billing type without first removing the invoice[/l].
</div>
</div>