table.main
{
	border:1px solid black;

}
td.main {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	text-align:left;
	border:1px solid black;

}
td.summary_label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:normal;
	text-align:center;
	border:1px solid black;
	background-color:#99FFCC;
	word-wrap:break-all;

}
td.summary_data {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:normal;
	text-align:left;
	border:1px solid black;
	background-color:#FFFFFF;

}
td.printable {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	text-align:left;
	border:none;
	color:#FF66FF;

}
table.footer
{
	border:1px solid black;
	background-color:#FFFFFF;
}

select.main
{
font-size:75%;
}

thead 
{ 
display: table-header-group; 
} 
tfoot 
{ 
display: table-footer-group; 
} 

input.button
{ 
font-size:85%;
} 
/* STYLES FOR SCROLLABLE SUMMARY SHEET */


/* Scrollable Content Height */
.scrollContent {
 height:400px;
 overflow-x:hidden;
 overflow-y:auto;
}

.scrollContent tr {
 height: auto;
 white-space: nowrap;
 
}

/* Prevent Mozilla scrollbar from hiding right-most cell content */
.scrollContent tr td:last-child {
 padding-right: 20px;
}

/* Fixed Header Height */
.fixedHeader tr {
 position: relative;
 height: auto;
 /* this fixes IE header jumping bug when mousing over rows in the tbody */
 top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );
}

/* Put border around entire table */
div.TableContainer {
 border: 1px solid #7DA87D;
 overflow-y:auto;
}


/* Table Header formatting */
.headerFormat {
 background-color: white;
 color: #000000;
 margin: 3px;
 padding: 1px;
 white-space: nowrap;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:100%;
 text-decoration: none;
 font-weight:normal;
 text-align:center;
}
.headerFormat tr td {
 border: 1px solid #000000;
 background-color: #99FFCC;
}


/* Table Body (Scrollable Content) formatting */
.bodyFormat tr td {
	background-color:#FFFFFF;
	color: #000000;
	margin: 3px;
	padding: 1px;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	text-align:left;
	border: 1px solid #000000;
	border-color:#000000;
	word_break:break-all;
	
}

/* Use to set different color for alternating rows */
.alternateRow {
  background-color: #E0F1E0;
}

/* Styles used for SORTING */
.point {
 cursor:pointer;
}

td.sortedColumn {
  background-color: #E0F1E0;
}

tr.alternateRow td.sortedColumn {
  background-color: #c5e5c5;
}

.total {
	background-color: #FED362;
	color: #000000;
	white-space: nowrap;
	font-size: 12px;
	text-decoration: none;
}

table.scrollTable tr:hover {
	background-color:red;
	color:black;
	font-style: normal;
	text-decoration: underline overline;
}

.hoverMe {
	background-color:Red;
	color:black;
	font-style: normal;
	text-decoration: underline overline;
}

	.col1
	{
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:auto;
	
	}