div.datagridcontainer {
	position: relative; 
/*	width: 65%;		/* table width will be 99% of this*/
/*	min-width: 120px; 	/**/
/*	max-width: 100%; 	/**/
/*	min-height: 80px; 	/**/
/*	max-height: 595px; 	/* must be greater than tbody*/
/*	max-height: 595px; 	/* must be greater than tbody*/
	overflow: auto;
/*	margin: 0 auto;/**/
	border: 1px solid #666666;
	background-color: #F8FAF9;
}

table.datagrid {
	font: 10pt "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	margin: 0px;
/*	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	width: 100%;		/*100% of container produces horiz. scroll in Mozilla*/
}

table.datagrid>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
/*	max-height: 540px;	/**/
}

table.datagrid thead tr th {
	line-height: .9em;
	height: 12px;
}

table.datagrid thead tr th, table.datagrid tbody tr td.jshide {
	color: #444444;
	background-color: #DDDDDD;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

table.datagrid tr th.hiddenaction, table.datagrid tr td.hiddenaction, span.hiddenaction {
	display: none;
}

table.datagrid thead tr th span {
	font-weight: bold;
	color: #888888;
	font-size: 1.2em;
}

@media handheld {
	table.datagrid {
		font-size: 7pt;
	}
	table.datagrid thead tr th span {
		font-size: 1em;
	}
}

table.datagrid thead tr th a {
	color: #444444;
	text-decoration: none;
}

table.datagrid thead tr th a:hover {
	color: #222222;
	text-decoration: none;
}

table.datagrid tbody tr td {
	font-family: "Courier New",Courier,monospace;
	background: #FFFFFF;
	text-align: left;
	vertical-align: top;
	white-space:nowrap;
	padding: 3px 5px;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

table.datagrid tbody tr td.aligncenter {
	text-align: center;
}

table.datagrid tbody tr td.alignright {
	text-align: right;
}

table.datagrid tbody tr td a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #99BBDD;
}

table.datagrid tbody tr td a:hover {
	color: #224466;
	text-decoration: none;
	border-bottom: 1px solid #6688AA;
}

table.datagrid tbody tr.even td {
	background: #F0F6F0;
}

table.datagrid tbody tr.ruled td {
	background-color: #CCDDFF;
}

table.datagrid .Empty {
	font: italic 10pt "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
	text-align: center;
	color: #AAAAAA;
}

table.datagrid tbody tr td a.orderarrow {
	text-decoration: none;
	border-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.datagrid tbody tr td a.orderarrow:hover {
	color: #CCDDFF;
	background-color: #556677;
}

table.datagrid thead tr th.jshide, table.datagrid tbody tr td.jshide {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/**/

table.datagrid thead {
	position: relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
}

table.datagrid thead tr {
	position: relative; 
	top: expression(offsetParent.scrollTop);	/*IE5+ only*/
}

table.datagrid tbody tr {
	line-height: 1em;
	height: 14px;
}
table.datagrid tbody td:last-child {
	padding-right: 20px;	/*prevent Mozilla scrollbar from hiding cell content*/
}