/*
   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: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
#theTable .cs1
        {
        width:30em;
        }
#theTable .cs2
        {
        width:20em;
        }



#theTable .cs1 td,
#theTable .cs2 td,
#theTable #scientificNotation
        {
        text-align:right;
        }
#theTable caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }

#theTable th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #fff;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 12px 4px 20px;
        background:url(../img/bg_header_sortable3.jpg);
		background-repeat:repeat-x;
        vertical-align:middle;
        }
#theTable td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
#theTable th.sortable,
#theTable th.sortable-text,
#theTable th.sortable-date,
#theTable th.sortable-keep,
#theTable th.sortable-date-dmy,
#theTable th.sortable-numeric,
#theTable th.sortable-currency,
#theTable th.sortable-sortByTwelveHourTimestamp,
#theTable th.sortable-sortIPAddress,
#theTable th.sortable-sortEnglishLonghandDateFormat,
#theTable th.sortable-sortScientificNotation,
#theTable th.sortable-sortImage,
#theTable th.sortable-sortFileSize,
#theTable th.sortable-sortAlphaNumeric,
#theTable th.sortable-sortEnglishDateTime
        {
        background:url(../img/bg_header_sortable2.jpg) no-repeat;
        padding: 8px 6px 4px 6px;
		text-align:center;
		color:#FFFFFF
        }

#theTable th.forwardSort
        {
        background:url(../img/bg_header_down.jpg) no-repeat 0 0;
        }
#theTable th.reverseSort
        {
        background:url(../img/bg_header_up.jpg) no-repeat 0 0;
        }
#theTable thead th.forwardSort a,
#theTable thead th.reverseSort a,
#theTable thead th.sortable a
        {
        color:#fff;
        text-decoration:none;
        display:block;
        width:100%;
        height:100%;
        }
#theTable thead th.forwardSort a:hover,
#theTable thead th.reverseSort a:hover,
#theTable thead th.sortable a:hover
        {
        color:#000;
        text-decoration:none;
        }
#theTable td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
#theTable td img
        {
        margin:0 auto;

        }
#theTable td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
#theTable td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 0px 0px 0px 5px;
        color: #4f6b72;
        }
		
#theTable td.lft
        {
        text-align:left;
        }
#theTable tbody tr{
	cursor:pointer;
}
#theTable tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }
/* 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) */
#theTable tr[class="alt"] td
        {
        background: #F5FAFA url(../img/td_alt.jpg) no-repeat;
        }
#theTable td[class~="alt"]
        {
        background: #edf3f3 url(../img/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either */
/*
tbody tr.alt td:first-child
        {
        background: #F5FAFA url(../img/bullet2.gif) no-repeat;
        font-weight:bold;
        }
tbody tr td:first-child
        {
        background: #fff url(../img/bullet1.gif) no-repeat;
        font-weight:bold;
        }
*/
/* Image free rules for Internet Explorer < 7 */
* html #theTable tr.alt td
        {
        background-color:#F5FAFA;
        }
* html #theTable tr td.alt,
* html #theTable tr.alt td.alt
        {
        background-color:#edf3f3;
        }



/* ------------------------------ */
/* Pagination list styles */
ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:2em;
        width:auto;
        margin-bottom:2em;
        }
ul.fdtablePaginater li
        {
        display:table-cell;
		margin:3px;
        padding-right:1px;
        color:#666;
        list-style:none;

        float:left;
        -moz-user-select:none;
        -khtml-user-select:none;
        }
ul.fdtablePaginater li a.currentPage span
        {
        border-color:#006699;
		background-color:#009900;
		background-image:url(../img/bg_track.jpg); !important;
        color:#006699;

        }
ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }

ul.fdtablePaginater li a,
ul.fdtablePaginater li div
        {
        display:block;
        width:2em;
        font-size:1em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        font-family:georgia, serif;
        }
ul.fdtablePaginater li div
        {
        cursor:normal;
        opacity:.5;
        filter:alpha(opacity=50);
        }
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
        {
        display:block;
        line-height:2em;
        border:1px solid #fff;
		color:#FFFFFF;
        background:url(../img/page_nav.jpg);
        }
ul.fdtablePaginater li a
        {
        cursor:pointer;
        }
ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
.fdtablePaginaterWrap
        {
        text-align:center;
		height:40px;
        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;
        }
/* Keep the table columns an equal size during pagination */
#theTable td.sized1
        {
        width:20em;
        text-align:left;
        }
#theTable td.sized2
        {
        width:10em;
        text-align:left;
        }
#theTable td.sized3
        {
        width:7em;
        text-align:left;
        }
#theTable td.sized4
        {
        width:3em;
        text-align:left;
        }
#theTable td.sized5
        {
        width:40em;
        text-align:left;
        }
#theTable tfoot td
        {
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
#theTable #visibleTotal
        {
        text-align:center;
        letter-spacing:auto;
        }
* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span
        {
        background:#eee;
        }
#theTable tr.invisibleRow
        {
        display:none;
        }

/* Row select styles */

#theTable tbody tr.alt.rowSelect,   /* Everything but Internet Explorer (IE treats this rule as being tr.rowSelect) */
#theTable tbody tr.alt.rowSelect td
        {
        background-color:#597bc6;
        color:#000 !important;
        }
#theTable tbody tr.rowSelect, /* All browsers */
#theTable tbody tr.rowSelect td
        {
		background-image:url(../img/bg_table_select.jpg);
        color:#000 !important;
        }


#theTable tr.rowSelect td:hover,
#theTable tr.rowSelect td.currentCell
        {
        background-color:#5783bb;
        }
#theTable tr.alt.rowSelect td:hover
        {
		background-image:url(../img/bg_td.jpg)
        }

/* Normal row hover styles */

#theTable tr.rowHover td,  /* Internet Explorer < 7 (and 7 in quirks mode) requires a specific class */
#theTable tr:hover td     /* All others can use the :hover pseudo */
        {
		background-image:url(../img/bg_td.jpg)
        }

/* Alternate row hover styles */
#theTable tr.alt:hover td
        {
		background-image:url(../img/bg_td.jpg)
        }

/* Column "cell" highlighting */
#theTable tr td.rowHover
        {
		background-image:url(../img/bg_td2.jpg)
        }
/* Header highlighting */
#theTable tr th.rowHover
        {
        color:#222;
        }

#theTable table tr td,#theTable table tr th,#theTable table{
	margin:0px;
	padding:0px;
	background:none;
	background-color:transparent;
	width:auto;
	height:auto;
	border:0px;
}
#theTable table tr th{
	font-size:11px;
	font-weight:bold;
}