#stbl body.sort-active * { cursor:wait; }
.cs1 { }
.cs2 { /* width:20em; */ }
.cs1 td, .cs2 td, #scientificNotation { text-align:center; }
#stbl th 
    { 
    font: bold 12px/22px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
    padding: 4px 2px 4px 2px;
    border: 1px solid #ff7907;
/*  background: #efefef; */
    vertical-align:middle;
        }
#stbl th:hover
        {
        font: bold 12px/22px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        }
#stbl td{ border: 1px solid #ffbf97; }

#stbl th.sortable,
#stbl th.sortable-text,
#stbl th.sortable-date,
#stbl th.sortable-keep,
#stbl th.sortable-date-dmy,
#stbl th.sortable-numeric,
#stbl th.sortable-currency,
#stbl th.sortable-sortByTwelveHourTimestamp,
#stbl th.sortable-sortIPAddress,
#stbl th.sortable-sortEnglishLonghandDateFormat,
#stbl th.sortable-sortScientificNotation,
#stbl th.sortable-sortImage,
#stbl th.sortable-sortFileSize
        {
        cursor:pointer;
        padding: 6px 0px 4px 5px;
        }
#stbl th.sortable-sortIPAddress:hover { color: white; }
#stbl th.sortable-sortEnglishLonghandDateFormat:hover { color: white; }
#stbl th.forwardSort
        {
        background: url(../images/bg_header_down.jpg) no-repeat 0 0;
        }
#stbl th.reverseSort
        {
        background: url(../images/bg_header_up.jpg) no-repeat 0 0;
        }
#stbl th.forwardSort a,
#stbl th.reverseSort a
        {
        color:#455372;;
        outline:0 none;
        }
/*
These styles should be added when very long tables are expected
#stbl th.sort-active
        {
        background: url(../images/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
#stbl th.sort-active a
        {
        color:#000000 !important; 
        cursor:wait;
        }
*/
#stbl th a
        {
        text-decoration:none;
        color: #455372;
        }
#stbl th a:hover
        {
        color:#b58505;
        }

#stbl td
        {
        font: bold 12px Arial;
/*         font: 12px "Arial", Trebuchet MS, Verdana, Helvetica, sans-serif; */
        color: #888888;
        }

#stbl td.lft
        {
        text-align:left;
        }
#stbl tr.alt
        {
/*        background: #dddddd;  */
        color: #000000;
        }
#stbl tr.alt:hover
        {
/*        background: #ffffff;  */
         color: #000000;
        }
	
/* 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... */
#stbl tr[class="alt"] td
        {
/*        background: url(../images/td_alt.jpg) no-repeat; */
        }
#stbl td[class~="alt"]
        {
        background: #fff url(../images/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either */
#stbl tbody tr.alt td:first-child
        {
/*        background: url(../images/bullet2.gif) no-repeat; */
        font-weight:bold;
        }
#stbl tbody tr td:first-child
        {
/*        background: #fff url(../images/bullet1.gif) no-repeat; */
        font-weight:bold;
        }