/*
   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;

        }

*/




#sol table {
	width: auto;
	padding: 0;
	margin: 0 auto 1.5em auto;
	border-left: 1px solid #8ebbde;
	border-collapse:collapse;
	text-transform: none;
}

#sol .cs1 {
	width:30em;
}

#sol .cs2 {
	width:20em;
}

#sol .cs1 td,  #sol .cs2 td,  #scientificNotation {
	text-align:right;
}

#sol caption {
	padding: 0 0 5px 0;
	margin:0 auto;
	width:auto;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	background-color: #336699;
	letter-spacing: 1px;
	color: #FFFFFF;
}

#sol th {
	font: bold 11px/22px "Arial", Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #cadbe8;
	border-bottom: 1px solid #cadbe8;
	border-top: 1px solid #cadbe8;
	letter-spacing: 1px;
	line-height: 12pt;
	text-transform: uppercase;
	text-align: left;
	padding: 8px 12px 4px 12px;
	background: #8ebbde url(bg_header_details.jpg) no-repeat;
	vertical-align: top;
}

#sol td.total {
	border-top: 1px solid #8ebbde;
	border-left: 1px solid #8ebbde;
	border-right: 1px solid #8ebbde;
	background: none;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}

#sol th.sortable,  #sol th.sortable-text,  #sol th.sortable-date,  #sol th.sortable-keep,  #sol th.sortable-date-dmy,  #sol th.sortable-numeric,  #sol th.sortable-currency,  #sol th.sortable-sortByTwelveHourTimestamp,  #sol th.sortable-sortIPAddress,  #sol th.sortable-sortEnglishLonghandDateFormat,  #sol th.sortable-sortScientificNotation,  #sol th.sortable-sortImage,  #sol th.sortable-sortFileSize {
	cursor:pointer;
	background: #8ebbde url(bg_header_sortable.jpg) no-repeat;
	padding: 8px 12px 4px 16px;
}

#sol th.forwardSort {
	background:#8ebbde url(bg_header_down.jpg) no-repeat 0 0;
}

#sol th.reverseSort {
	background:#8ebbde url(bg_header_up.jpg) no-repeat 0 0;
}

#sol th.forwardSort a,  #sol th.reverseSort a {
	color:#000;
	outline:0 none;
}

/*

These styles should be added when very long tables are expected

th.sort-active

        {

        background:#CAE8EA url(bg_header_sorting.jpg) no-repeat 0 0;

        cursor:wait;

        }

th.sort-active a

        {

        color:#a80000 !important
        cursor:wait;

        }

*/

#sol th a {
	text-decoration:none;
	color: #4f6b72;
}

#sol td a {
	text-decoration:none;
	color:#336699;
}

#sol td img {
	margin:0 auto;
	border:3px solid #ddd;
}

#sol td a:hover {
	color:#a84444;
	border-bottom:1px dotted #a80000;
}

#sol td {
	border-right: 1px solid #8ebbde;
	border-bottom: 1px solid #8ebbde;
	color: #4f6b72;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}

/* created to override bullet tag - use li but have not bullet or indent */
#sol td li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-type: none;
	text-align: left;
	text-indent: 0;
	list-style-position: outside;
	margin-bottom: 8px;
}

#sol td.lft {
	text-align:left;
}

#sol 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... */

#sol tr[class="alt"] td {
	background: #F5FAFA url(td_alt.jpg) no-repeat;
}

#sol td[class~="alt"] {
	background: #fff;
}

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

#sol tbody tr.alt td:first-child {
	background: #F5FAFA url(bullet2.gif) no-repeat;
	font-weight:bold;
}

#sol tbody tr td:first-child {
	background: #fff url(bullet1.gif) no-repeat;
	font-weight:bold;
}