/* 
	****************************
	Scrollable table styles 
	****************************
*/

/* See bottom for per table definition with id exampleScrollTable */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
/* WARNING: applying a background here may cause problems with scrolling in WinIE 5.x   */
div.scrollTable {
	clear: both;
	border: 1px solid #999696;
	overflow: auto;
}

/* WinIE 6.x needs to re-account for it's scrollbar. Give it some padding */
\html div.scrollTable/* */ {
	padding: 0 16px 0 0;
}

/* clean up for allowing display Opera 5.x/6.x and MacIE 5.x */
html>body div.scrollTable {
	height: auto;
	padding: 0;
}

/* Reset overflow value to hidden for all non-IE browsers. */
/* Filter out Opera 5.x/6.x and MacIE 5.x                  */
head:first-child+body div[class].scrollTable {
	overflow: hidden;
}

/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.scrollTable and have the div scale */
div.scrollTable table {
	float: left;
	width: 100%
}

/* WinIE 6.x needs to re-account for padding. Give it a negative margin */
\html div.scrollTable table/* */ {
	margin: 0 -16px 0 0
}

/* define width of table. Opera 5.x/6.x and MacIE 5.x */
html>body div.scrollTable table {
	float: none;
	margin: 0;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
head:first-child+body div[class].scrollTable table {
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(this.parentNode.parentNode.parentNode.scrollTop);
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body thead[class].fixedHeader tr {
	display: block;
}

thead.fixedHeader th {
	font-weight: bold;
	padding: 4px 3px;
	text-align: left;
	background-color: #444444;
	color: #fff;
	border-bottom:  1px solid #d2cfbe;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #aca899;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body tbody[class].scrollContent {
	display: block;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent tr  {
	background-color: #FFF;
}

tbody.scrollContent td  {
	border-bottom: 1px dotted #eae9e1;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.GroupHighlight, tr.GroupHighlight a {
	background-color: #316ac5;
	color: #ffffff;
}

/* Per table definition for #exampleTable */
div#exampleTable { height: 85px; width: 756px; }
\html div#exampleTable/* */ { width: 740px; }
head:first-child+body div#exampleTable { height: 85px; width: 756px; }
html>body div#exampleTable table { width: 740px; }
head:first-child+body div#exampleTable table { width: 756px; }
head:first-child+body div#exampleTable tbody[class].scrollContent { height: 62px; }