/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tablecontainer {
	clear: both;
	/* height: 276px;  */
/*	overflow: auto; */
	width: 312px;
}

.detailtablecontainer {
	clear: both;
	/* height: 276px; */
	/* overflow: scroll; */
	width: 616px;
	/* background-color: #E9E9FF; */
}

.detailtablecontainer-header {
	width: 580px;
}

div.usertablecontainer {
	clear: both;
	/* height: 276px; */
	/* overflow: scroll;  */
	width: 616px; 
	/* background-color: #E9E9FF; */
}

.usertablecontainer-header {
	width: 616px;
}

div.reporttablecontainer {
	clear: both;
	/* height: 276px; */
	/* overflow: scroll; */
	width: 616px; 
	/* background-color: #E9E9FF; */
}

.reporttablecontainer-header {
	width: 616px;
}

.table-container {
	clear: both;
	width: 616px; 
}

/* ==== additional table styles (for non-scrolling tables) JB 4/8/11 ====== */

.detailtablecontainer th { padding: 0 0 3px 10px }
.detailtablecontainer th:first-child { padding: 0 0 3px 0; }
.detailtablecontainer td { padding: 10px 0 10px 10px; }
.detailtablecontainer td:first-child { padding: 10px 0 10px 0; }
.detailtablecontainer .column-match { text-align: center; }
.detailtablecontainer th { border-bottom: 1px dotted #007188; }
.detailtablecontainer td { border-bottom: 1px dotted #cce3e7; }
.detailtablecontainer tr:last-child td { border-bottom: none; }

.tablecontainer th { padding: 0 0 3px 10px }
.tablecontainer th:first-child { padding: 0 0 3px 0; }
.tablecontainer td { padding: 10px 0 10px 10px; }
.tablecontainer td:first-child { padding: 10px 0 10px 0; }
.tablecontainer .column-match { text-align: center; }
.tablecontainer th { border-bottom: 1px dotted #007188; }
.tablecontainer td { border-bottom: 1px dotted #cce3e7; }
.tablecontainer tr:last-child td { border-bottom: none; }

/* Reset overflow value to hidden for all non-IE browsers. */
/*html>body div.tableContainer {
	overflow: hidden;
	width: 416px
} */


/* 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                     */
/*html>body tbody.scrollContent {
	display: block;
	height: 250px;
	overflow: auto;
	width: 100%*/
	/*
}

-->
</style>
*/