div.summary-heading {
	width:818px;
	background: #336699 url(../img/collapse_arrow.png) center right no-repeat;
	color:#fff;
	text-align:left;
	padding:2px 2px 2px 5px;
	height:18px;
	font-weight:bold;
	vertical-align:bottom;
	border-top: 1px solid #ccffff;
	border-bottom: 1px solid #114477;
}

div.summary-container {
	background-color:#fff;
	padding: 4px;
	text-align:center;
	border:1px solid #336699;
	width:815px;
	color:##000066;
}

div.summary-heading-collapsed {
	width:818px;
	background: #336699 url(../img/expand_arrow.png) center right no-repeat;
	color:#fff;
	text-align:left;
	padding:2px 2px 2px 5px;
	height:18px;
	font-weight:bold;
	vertical-align:bottom;
	border-top: 1px solid #ccffff;
	border-bottom: 1px solid #114477;
}

div.summary-heading a:link,
div.summary-heading a:visited,
div.summary-heading-collapsed a:link,
div.summary-heading-collapsed a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

div.summary-heading a:hover,
div.summary-heading-collapsed a:hover {
	border-bottom:1px solid #ff6600;
}
/* summary table above results list [START] */
table.summary {
/*	width:825px;*/
	margin-left:auto;
	margin-right:auto;
	border:1px solid #ccc;
	background-color:#fff;
	color:##000066;
}

table.summary tbody {
}

table.summary tbody tr {

}

table.summary tbody td {
	text-align:right;
	padding:2px;
}

table.summary tbody td.value {
	background-color:#eeeede;
	border:1px solid #ccc;
}

/* summary table above results list [END] */

/* results list headings [START] */
/* this is needed as a seperate table as IE does not allow
 * overflow of just the table body. we want the headings static
 * whilst the body overflows
 */
table.heading{
	width:808px;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:0px;
	font-size:11px;
	background-color:#ccc;
}

table.heading thead{
}

table.heading th {
	font-weight:normal;
	text-align:left;
/*	border-top:1px solid #fff;*/
	vertical-align:middle;
	background-color:#ddeeff;
	color:#000066;
	padding-left:2px;
	padding-right:3px;
	/*border-bottom:1px solid #ccc;*/
}

table.heading th.numericHeader {
	text-align:center;
}

/* add padding to the second row of table headings 
	forget it.. IE doesn't support sibling selectors :-(
	use inline style instead
*/
/*
table.heading tr + tr th {
	padding-top:10px;
}
*/
table.heading th.sortedAsc{
    background: #ddeeff url(../img/arrow_up.gif) right center no-repeat;
}

table.heading th.sortedDesc{
    background: #ddeeff url(../img/arrow_down.gif) right center no-repeat;
}

table.heading th.sortedNone{
    background: #ddeeff url(../img/arrow_off.gif) right center no-repeat;
}
/* results list headings [END] */

/* results table DIV [START] */
/* this produces the fixed viewport, as IE does not allow
 * overflow of just the table body
 */
div.resultsTable {
	overflow:auto;
	height:338px;
	width:825px;
	border-bottom:1px solid #ccc;
}
/* results table DIV [END] */

/* This is similar to div.resultsTable
 * but allows for variable sized results 
 * and no bottom border
 */
div.resultsTableVariableSize {
	overflow:auto;
	width:825px;
}

/* results table [START] */
table.results {
	margin:0;
	width:808px;
/*	border-right:1px solid #cdc7ae;*/
	font-size:11px;
	background-color:#ccc;
	text-align:left;
}

table.results a,
table.results a:active,
table.results a:visited {
	text-decoration:none;
	color:#000;
}

table.results select {
	background-color:#fff;
	font-size:11px;
	margin:0;
	padding:0;
}

table.results input {
	background-color:inherit;
	margin:0;
    font-size:11px;
    letter-spacing:0.1em;
}

table.results td {
	padding-left:2px;
	padding-right:3px;
}

/* for columns containing numbers and numeric dates */
table.results td.numeric {
	text-align:right;
}

table.results td.numericCustom {
	text-align:right;
}


/* for columns containing time as hh:mm:ss */
table.results td.time {
	text-align:center;
}

/* for columns containing single characters
 * or radio buttons/check boxes
 */
table.results td.char {
	text-align:center;
}

table.results tr {
	height:17px; /* need fixed height, not padding, because of input boxes */
	text-align:left;
}

table.results tr.even {
	background-color: #eeeede;
}

table.results tr.odd {
	background-color: #fff;
}

/* th padding is igonred as the table has a cellpadding attribute.
 * this attribute is required for IE as it doesn't support CSS padding
 */
table.results th {
	font-weight:normal;
	text-align:left;
/*	border-top:1px solid #fff;*/
	vertical-align:middle;
	background-color:#ddeeff;
	color:#000066;
	padding-left:2px;
	padding-right:3px;
	/*border-bottom:1px solid #ccc;*/
}
/* results table [END] */

/* -= Right Aligned Messages =- */
/* result hits breadcrumbs [START] */
div.hits {
	color:#336699;
	width:825px;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
}
/* result hits breadcrumbs [END] */

/* -= Centered Messages =- */
/* General Messages as a result of an action */
div.actionMessage {
	color:#336699;
	width:825px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}