/*  
	Most of what I learned and used here, came from 
	Brett Merkey's CSS presentations,
	and/or
	Eric Meyer on CSS: Mastering the Language of Web Design
	and/or
	Cascading Style Sheets The Definitive Guide by Eric Meyer.
	--Geoff Inglis, University of Rochester, Dept of Environmental Medicine.
*/

div.tableContainer {
	width: 96%;		/* table width will be 99% of this*/
	height: 348px; 	/* must be greater than tbody*/
	overflow: auto;
	}

table.sort-table {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: solid 1px slategray;
	}
	
table.sort-table > tbody	{  /*note child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 288px;
	}
	
table.sort-table thead td	{
	cursor: help;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: palegreen; /* papayawhip */
	color: #0099cc;
	border-top: solid slategray 2px;
	border-bottom: solid 2px slategray;
	position:relative; 
	/*top: expression(document.getElementById("data").scrollTop-2); IE5+ only*/
	}

table.sort-table thead .arrow {
	font-family: Webdings;
	color: black;
	font-size: 12px;
	height:14px;
	width: 14px;
	overflow: hidden;
	margin-bottom: 2px;
	margin-top: -3px;
	padding: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
}
	
table.sort-table td	{
	cursor: pointer;
	color: #000;
	padding: 1px;
	font-size: 9px;
	text-align: left;
	font-family: Arial,sans-serif;
	border-top: solid 1px slategray;
	/* border-left: solid 1px slategray; */
	}

table.sort-table tfoot td	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: lightgray;
	color: #0099cc;
	border-top: solid 2px slategray;
	}

table.sort-table td:last-child {padding-right: 18px} /*prevent Mozilla scrollbar from hiding cell content*/
		
/* This is for the sort-table WITHOUT SCROLLING S_T_A_R_T */
/* This is for the sort-table WITHOUT SCROLLING S_T_A_R_T */

table.sort-table-only {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: solid 1px slategray;
	}
	
	
table.sort-table-only thead td	{
	cursor: help;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: palegreen; /* papayawhip */
	color: #0099cc;
	border-top: solid slategray 2px;
	border-bottom: solid 2px slategray;
	position:relative; 
	/*top: expression(document.getElementById("data").scrollTop-2); IE5+ only*/
	}

table.sort-table-only thead .arrow {
	font-family: Webdings;
	color: black;
	font-size: 10px;
	height:11px;
	width: 10px;
	overflow: hidden;
	margin-bottom: 2px;
	margin-top: -3px;
	padding: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
}
	
table.sort-table-only td	{
	cursor: pointer;
	color: #000;
	padding: 1px;
	font-size: 9px;
	text-align: left;
	font-family: Arial,sans-serif;
	border-top: solid 1px slategray;
	/* border-left: solid 1px slategray; */
	}

table.sort-table-only tfoot td	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: lightgray;
	color: #0099cc;
	border-top: solid 2px slategray;
	}
/* This is for the sort-table WITHOUT SCROLLING E_N_D */