<script type="text/javascript">
    //Saved State Information
    var gridsavedstate = {"sortinfo":{field : "articleid",dir: "asc"},"displaysize":10,"filters":{readType : "Any",articleType: "public",selectedCategory: -1}};
    var selectedCat = gridsavedstate.filters.selectedCategory;
</script>

<div class="table-summary table-summary-white" style="padding:8px 8px 0 !important;height:33px;">
    <div style="float:left;">Category:&nbsp;&nbsp;&nbsp;</div>
    <div style="float:left;"><input type="text" id="categoryfilter" size="50"/></div>
    <div>
            <table style="position:relative;top:-4px;"><tr><td><div id="addcategorybtn"></div></td><td><div id="editcategorybtn"></div></td></tr></table>
    </div>
</div>
<!-- position:relative;top:-23px; -->
<div style="padding-top:15px;clear:both;" class="grid-meta" id="articlelistlabel"></div>
<div class="blue-box" style="padding:4px !important;">
    <table class="automation">
        <tbody>
            <tr>
                <td>
                    <div id="addArticleBtn"></div>
                </td>
                
                <td align="right">[l]Filters[/l]: &nbsp;&nbsp;</td>
                <td align="left" width="90" nowrap="nowrap">
                    <input type="text" id="articlestatus" size="50"/>
                </td>
                <td align="right" width="90" nowrap="nowrap">
                    <input type="text" id="articlefilter" size="50"/>
                </td>
                <td align="right" style="width:56px">
                    <input type="text" id="numfilter" size="20"/>
                </td>
            </tr>
        </tbody>
    </table>
</div>

<div>
    <div id="articles-grid"></div>
</div>