/*   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort */

body.sort-active *
        {cursor:wait;}
#theTable        {
        width: 100%;
        padding: 0;
        border-collapse:collapse;
       border-bottom: solid 1px #A6b773;  margin-bottom: 5px;
        }

#theTable  th        {
        font-size: 85%; line-height: 1.3;
        color: #000;
        text-align: left;
        padding: 6px 5px 6px 15px;
        background: #A6b773 ;
        vertical-align:middle;
        }


th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime
        {
        cursor:pointer;
        background: #A6b773 url(http://www.leavealegacy.ca/scripts/bg.gif) no-repeat left center;
        padding: 6px 5px 6px 15px;
        }

th.forwardSort         {
        background:#A6b773 url(http://www.leavealegacy.ca/scripts/desc.gif) no-repeat left center;
        }

th.reverseSort        {
        background:#A6b773 url(http://www.leavealegacy.ca/scripts/asc.gif) no-repeat left center;
        }

table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }


These styles should be added when very long tables are expected

th.sort-active
        {
        background:#A6b773 url(http://www.leavealegacy.ca/scripts/bg_header_sorting.gif) no-repeat 0 0;
        cursor:wait;
        }

th.sort-active a
        {
        color:#000 !important;
        cursor:wait;
        }



#theTable th a, th a:link, th a:visited, th a:hover, th a:active 
        {
        text-decoration:none; 
        color: #000;
        background:transparent;
        }

#theTable td a
        {
        text-decoration:none;
        color:#333;
        background:transparent;
        }

#theTable td img        {
        margin:0 auto;
        }

td a:hover        {background:transparent;}

#theTable td        {

        font-size: 85%; line-height: 1.3;
        border-bottom: 1px solid #ccc;
        padding: 3px 5px 3px 15px;
        color: #333;
        }

#theTable td.lft

        {text-align:left;}

tr.alt
        {
        background: #f2f2f2;
        color: #333;
        }

/* Poor old Internet Explorer has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */

tr[class="alt"] td        {
        background: #f2f2f2 ;
        }

td[class~="alt"]        {
        background: #f2f2f2  !important;
        }

/* Poor old Internet Explorer won't see the next two rules either */

tbody tr.alt td:first-child
        {
        background: #f2f2f2 ;
        }

tbody tr td:first-child
        {
        background: #fff ;
        }

/* Image free rules for Internet Explorer < 7 */

* html tr.alt td
        {background-color:#e8ebe3;}

* html tr td.alt,
* html tr.alt td.alt
        {background-color:#f2f2f2;}


        
/* Pagination list styles */
ul.fdtablePaginater
        {
        list-style-type:none; 
        padding:0;
        margin:0 auto;
        text-align:right;
        width:auto;
        }
ul.fdtablePaginater li
        {
        display: inline;
        padding-right:4px;
        color:#333;
        
        }
ul.fdtablePaginater li a.currentPage
        {color:#000;}
ul.fdtablePaginater li a:active
        {color:#000;}
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
        {
        display:inline;
        width:2em;
        font-size:1em;
        color:#788453;
        padding:0;
        margin:0;
        outline:none;
        }
ul.fdtablePaginater li div
        {
        cursor:normal;
        opacity:.3;
        filter:alpha(opacity=30);
        }
ul.fdtablePaginater li a
        {cursor:pointer;}
ul.fdtablePaginater li a:focus
        {
        color:#000;
        text-decoration:none;
        }
.fdtablePaginaterWrap
        {
        text-align:center;
        clear:both;
        text-decoration:none;
        }
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
        {
        font-weight:bold !important; font-size: 130%; line-height: 1;
        }
/* Keep the table columns an equal size during pagination */

td.name   { width:180px;  text-align:left; white-space: no-wrap;}

td.organization  { width:230px;  text-align:left;}

td.email   {width:200px;  text-align:left; white-space: no-wrap;}

* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span
        {background:#fff;}
tr.invisibleRow
        {display:none;}