﻿/* Scroll Grid Elements */
div .scrollContainer {
	text-align: left;	/* Align the grid to line up with the scrollbar */
	position: relative;	/* to capture the absolutely positioned table header */
	padding-top: 21px;	/* space for the column heads */
	padding-bottom: 12px; /* space for the footer row */
	margin: 0px auto;
}

/* this enables the table to scroll without scrolling the page */
div .scrollDiv {
	overflow: auto;	
	padding-right: 17px;
	overflow-x: hidden;
	width: 100%;  
}

/* position the row of column heads above the table */
.scrollContainer table.scrollGrid thead tr {
	position: absolute;	/* throws the header out of the table */
	top: 0px;
}
	
.scrollContainer table.scrollGrid tfoot tr {
	position: absolute;	/* throws the footer out of the table */
	top: 1000px;
}

table.scrollGrid {
	width: 100%;
	font-size: 11px;
}
	
table.scrollGrid thead td	{
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	color: #000000;
	background-color: #DDDDDD;
	background-image: url('../images/menu_hov.png');
	background-repeat: repeat-x;
	border-top: solid 0px;
	border-right: solid 1px #191919;
	border-bottom: solid 1px #191919;
	border-left: solid 1px #191919;
	padding: 0px 5px 0px 5px;
}
table thead td.tableHeader {
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
	background-image: url('../images/menubg.png');
	background-repeat: repeat-x;
	background-color: #191919;
	border: 1px solid #191919;
}
	
table.scrollGrid td	{
	line-height: 16px;
	color: #000000;
	text-align: left;
	border-top: solid 0px;
	border-right: solid 1px #191919;
	border-bottom: solid 1px #191919;
	border-left: solid 1px #191919;
	padding: 0px 5px 0px 5px;
}

table.scrollGrid tfoot td {
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	border: solid #191919;
	border-width: 1px 1px 1px 1px;
	padding: 0px 5px 0px 5px;
}

table.scrollGrid tfoot td.tableFooter {
	background-color: #E7E7D3;
}

table tfoot td.tableBottom {
	font-size: 4px;
	line-height: 10px;
	border-top: solid 4px #191919;
	border-bottom: solid 0px;
	border-left: solid 0px;
	border-right: solid 0px;	
}

/* Named Classes */
.gridRow {
	background-color: #FFFFFF;
}
.gridAltRow {
	background-color: #F0F0F0;
}

/* Normal Table Elements */
thead td {
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	color: #000000;
	background: #E7E7D3 url('../images/menu_hov.png') repeat-x;
	border: solid #191919;
	border-width: 0px 1px 1px 1px;
	padding: 0px 5px 0px 5px;
}

tbody td.tableCell {
	line-height: 17px;
	color: #000000;
	text-align: left;
	border: solid #191919;
	border-width: 0px 1px 1px 1px;
	padding: 0px 5px 0px 5px;
}
tbody td.tableCellLeft {
	line-height: 17px;
	color: #000000;
	text-align: left;
	border: solid #191919;
	border-width: 0px 0px 1px 1px;
	padding: 0px 5px 0px 5px;
}
tbody td.tableCellRight {
	line-height: 17px;
	color: #000000;
	text-align: left;
	border: solid #191919;
	border-width: 0px 1px 1px 0px;
	padding: 0px 5px 0px 5px;
}
tbody td.tableCellHead {
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	background-color: #E7E7D3;
	border: solid #191919;
	border-width: 0px 1px 1px 1px;
	padding: 0px 5px 0px 5px;
}
div .mainBody
{
    font-family: Arial, Verdana;
}