table.example { border:1px solid black; border-collapse:collapse; } table.example th, table.example td { border:1px solid #aaaaaa; padding: 2px 15px 2px 15px; } table.example thead th { background-color:#ccccff; } table.example tfoot td { background-color:#ffccff; } table.example tr.tbody_header { font-weight:bold; text-align:center; background-color:#dddddd; } table.example a.pagelink { padding-left:5px; padding-right:5px; border:1px solid #666666; margin:0px 5px 0px 5px; } table.example a.currentpage { background-color:yellow; } /* Striping */ tr.alternate { background-color:#ffffcc; } /* Sorting */ th.table-sortable { cursor:pointer; background-image:url("sortable.gif"); background-position:center left; background-repeat:no-repeat; padding-left:12px; } th.table-sorted-asc { background-image:url("sorted_up.gif"); background-position:center left; background-repeat:no-repeat; } th.table-sorted-desc { background-image:url("sorted_down.gif"); background-position:center left; background-repeat:no-repeat; } th.table-filtered { background-image:url("filter.gif"); background-position:center left; background-repeat:no-repeat; } select.table-autofilter { font-size:smaller; } /* Examples which stray from the default */ table.altstripe tr.alternate2 { background-color:#ccffff; } /* Sort Icon Styles */ table.sort01 th.table-sortable { background-image:url("icons/01_unsorted.gif"); } table.sort01 th.table-sorted-asc { background-image:url("icons/01_ascending.gif"); } table.sort01 th.table-sorted-desc { background-image:url("icons/01_descending.gif"); } table.sort02 th.table-sortable { background-image:none; padding-left:16px; } table.sort02 th.table-sorted-asc { background-image:url("icons/02_ascending.gif"); } table.sort02 th.table-sorted-desc { background-image:url("icons/02_descending.gif"); } table.sort03 th.table-sortable { background-image:none; } table.sort03 th.table-sorted-asc { background-image:url("icons/03_ascending.gif"); } table.sort03 th.table-sorted-desc { background-image:url("icons/03_descending.gif"); } table.sort04 th.table-sortable { background-image:none; } table.sort04 th.table-sorted-asc { background-image:url("icons/04_ascending.gif"); } table.sort04 th.table-sorted-desc { background-image:url("icons/04_descending.gif"); } table.sort05 th.table-sortable { background-image:url("icons/05_unsorted.gif"); padding-left:16px;} table.sort05 th.table-sorted-asc { background-image:url("icons/05_ascending.gif"); } table.sort05 th.table-sorted-desc { background-image:url("icons/05_descending.gif"); } table.sort06 th.table-sortable { background-image:none; padding-left:16px;} table.sort06 th.table-sorted-asc { background-image:url("icons/06_ascending.gif"); } table.sort06 th.table-sorted-desc { background-image:url("icons/06_descending.gif"); } table.sort07 th.table-sortable { background-image:none; } table.sort07 th.table-sorted-asc { background-image:url("icons/07_ascending.gif"); } table.sort07 th.table-sorted-desc { background-image:url("icons/07_descending.gif"); } table.sort08 th.table-sortable { background-image:none; } table.sort08 th.table-sorted-asc { background-image:url("icons/08_ascending.gif"); } table.sort08 th.table-sorted-desc { background-image:url("icons/08_descending.gif"); } table.sort09 th.table-sortable { background-image:none; padding-left:30px;} table.sort09 th.table-sorted-asc { background-image:url("icons/09_ascending.gif"); } table.sort09 th.table-sorted-desc { background-image:url("icons/09_descending.gif"); } table.sort10 th.table-sortable { background-image:url("icons/10_unsorted.gif"); } table.sort10 th.table-sorted-asc { background-image:url("icons/10_ascending.gif"); } table.sort10 th.table-sorted-desc { background-image:url("icons/10_descending.gif"); } table.sort11 th.table-sortable { background-image:url("icons/11_unsorted.gif");padding-left:24px; } table.sort11 th.table-sorted-asc { background-image:url("icons/11_ascending.gif"); } table.sort11 th.table-sorted-desc { background-image:url("icons/11_descending.gif"); } table.sort12 th.table-sortable { background-image:none; } table.sort12 th.table-sorted-asc { background-image:url("icons/12_ascending.gif"); } table.sort12 th.table-sorted-desc { background-image:url("icons/12_descending.gif"); } table.sort13 th.table-sortable { background-image:none; } table.sort13 th.table-sorted-asc { background-image:url("icons/13_ascending.gif"); } table.sort13 th.table-sorted-desc { background-image:url("icons/13_descending.gif"); } table.sort14 th.table-sortable { background-image:none; } table.sort14 th.table-sorted-asc { background-image:url("icons/14_ascending.gif"); } table.sort14 th.table-sorted-desc { background-image:url("icons/14_descending.gif"); } table.sort15 th.table-sortable { background-image:none; } table.sort15 th.table-sorted-asc { background-image:url("icons/15_ascending.gif"); } table.sort15 th.table-sorted-desc { background-image:url("icons/15_descending.gif"); } table.sort16 th.table-sortable { background-image:none; } table.sort16 th.table-sorted-asc { background-image:url("icons/16_ascending.gif"); } table.sort16 th.table-sorted-desc { background-image:url("icons/16_descending.gif"); } table.sort17 th.table-sortable { background-image:none; } table.sort17 th.table-sorted-asc { background-image:url("icons/17_ascending.gif"); } table.sort17 th.table-sorted-desc { background-image:url("icons/17_descending.gif"); } table.sort18 th.table-sortable { background-image:url("icons/18_unsorted.gif"); } table.sort18 th.table-sorted-asc { background-image:url("icons/18_ascending.gif"); } table.sort18 th.table-sorted-desc { background-image:url("icons/18_descending.gif"); } table.sort19 th.table-sortable { background-image:url("icons/19_unsorted.gif");padding-left:24px; } table.sort19 th.table-sorted-asc { background-image:url("icons/19_ascending.gif"); } table.sort19 th.table-sorted-desc { background-image:url("icons/19_descending.gif"); } /* Icons box */ .iconset { margin:5px; border:1px solid #cccccc; border-color:#cccccc #666666 #666666 #cccccc; text-align:center; cursor:pointer; width:100px; } .iconset img { margin:3px; } /* Documentation */ tr.doc_section { font-weight:bold; text-align:center; background-color:#dddddd; }