/*this CSS is use for table and grids*/ 
/*All colors background-colors and borders are in colorsAndBorders.css*/
/*last update: 2008-04-22*/

/*generic rules for table*/
td,th{
	text-align: left;
	font-size:1em;
}
th{
	font-weight: bold;
	
}
table{
	clear: both;
}
/*end of generic rules*/

table.withHeader
{
	margin: 0;
	width: 100%;
}

table.withHeader td
{
	padding: 5px 10px;	
}

table.withHeader tr.colHead1 th
{
	font-weight: bold;
	vertical-align: bottom;
	padding: 5px 10px;	
}

table.withHeader tr.odd
{
	background-color: white;	
}

table.withHeader tr.even
{
	background-color: transparent;	
}

table.withHeader tr.total td
{
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 3px;
}

th.payplan, td.payplan
{
	text-align: left;
	width: 150px;
}

th.numeric, td.numeric
{
	text-align: right;
}

a.task
{
	display: block;
	margin: 0 0 3px 10px;
}

.alt{/*alternative row in a table*/
	padding: 2px 10px;
	
}

.errorRow td
{
	border-top:1px solid red;
	border-bottom:1px solid red;
	
}

.colHead
{	
	border-bottom-style: solid;
	border-bottom-width:1px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

input.numeric
{
	text-align: right;
}

table.sumGrid{
	/*margin: 10px 0;*/ /* changed margin to 0px to fix style issue with frozenGrid */
	margin: 0px;
	border-style:solid;
	border-width:1px;
	width: 100%;
}

table.sumGrid td
{
	padding: 5px 10px;
	border-left-style: solid;
	border-left-width:1px;
}

table.sumGrid th, table.sumGrid thead th{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style:solid;
	border-left-width:1px;
	vertical-align: bottom;
	padding:5px 10px;
}

.headers, table.sumGrid .headers{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style:solid;
	border-left-width:1px;
	vertical-align: bottom;
	padding:5px 10px;
}

table.sumGrid tr.colSumHead
{
	vertical-align: bottom;
}

table.sumGrid .groupHeaders {
	border:1px solid #fff;
	border-top:none;
	text-align: center;
	font-weight:bold;
}
table.sumGrid .blank{
	background-color: #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
table.sumGrid .blankBorder{
	background-color: #fff;
	border-left:1px solid #fff;
}
table.sumGrid tr.odd
{
	background-color: white;	
}

table.sumGrid tr.even
{
	background-color: transparent;	
}

table.sumGrid tr.total td{
	padding: 2px 10px;
	border-top-style: solid;
	border-top-width:2px;
	font-weight: bold;
}
.divPanelTop table.sumGrid {
	margin:5px;
	width:98.5%;
}
/*rules for table with fixed headers- start*/
div.tableContainer {/*This div contains the table*/
	width: 100%;		/* table width will be 99% of this*/
	height: 350px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 10px auto;
	padding:0;
	border-left:1px solid #D5E2F3;
	border-bottom:1px solid #ADC3E2;
	}

div.tableContainer table {
	width: 99.9%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #fff;
	margin:0;
	}
	
div.tableContainer table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 320px;
	overflow-x: hidden;
	}
	
div.tableContainer thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}
	
div.tableContainer thead td, div.tableContainer thead th {
font-weight:bold;
	border-bottom: solid 1px #adc3e2;
	background-color: #D5E2F3;
	border-right:1px solid #F2F6FB;
	color: #133a6e;
	vertical-align: bottom;
	padding:5px 10px;
	}	

div.tableContainer td:last-child, 
div.tableContainer th:last-child  {
padding-right: 16px;} /*prevent Mozilla scrollbar from hiding cell content*/

/*rules for table with fixed headers-end*/

.gvTableStyle
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-bottom: none;
}
.gvTableStyle TH,
.gvTableStyle TD
{
	padding: 2px;
}
.gvGrid
{
	border-style: solid;
	border-width: 1px;
}
.gvTableTextBox
{
	border: solid 1px gray;
}
.gvTH,
.gvTD,
.gvTDLock,
.gvTHLock{
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
}
.gvTH
{
	text-align: center;
}
.gvTDLock,
.gvTHLock{
	/*left: expression(document.getElementById("tblModifier").scrollLeft);*/
	left: expression(this.offsetParent.scrollLeft);
	position: relative; 
}
.gvTDLock
{
	z-index: 10;
}
.gvTHLock
{
	font-weight: bold;
	cursor: default;
	text-align: center;
}
.gvSelectedRowStyle,
.gvFooterStyle
{
	font-weight: bold;
}

.gvHeaderStyle
{
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	font-weight: bold;
}
.gvRowStyle
{
	border-style: solid;
	border-width: 1px;
	border-bottom: none;
}
.gridview-normal
{
	width: 100%;
	border: solid 1px black;
}
/*styles for toolkit section*/


div.configGridParent
{
	max-height: 30em;
	margin: 0 0;
	border-style: solid;
	border-width:1px;
	overflow: auto;
	width:98%;
}

table.configGrid
{
	margin: 0;
	table-layout: fixed;
	border-collapse: collapse;
}

table.configGrid th
{
	width: 100px;
	padding: 4px 8px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

table.configGrid td
{
	padding: 4px 8px;
	white-space: normal;
}

table.configGrid a
{
	font-weight: 700;
}

table.configGrid tr.configHead
{
	vertical-align: bottom;
}

table.configGrid th.select
{
	text-align: left;
	width: 40px;
}

table.configGrid td.select
{
	width: 40px;
}
table.configGrid th.numRuleSets,
table.configGrid td.numRuleSets
{
	width: 120px;
	text-align: right;
}

table.configGrid th.date,
table.configGrid td.date
{
	width: 75px;
	text-align: right;
}

table.configGrid th.userLine,
table.configGrid td.userLine,
table.configGrid th.company,
table.configGrid td.company,
table.configGrid th.name,
table.configGrid td.name
{
	width: 200px;
	text-align: left;
}

table.configGrid th.options,
table.configGrid td.options
{
	width: 125px;
	text-align: left;
}

table.configGrid td.options
{
	padding: 0;
}

div.commandParent
{
	float: left;
	clear: both;
	margin: 10px 10px 5px 10px;
}

div.filterBar
{
	float: left;
	clear: none;
}

/* changed commandBar to toolKitCommandBar class name. As CommaonBar is defined in policySummary.css*/
div.toolKitCommandBar
{
	float: right;
	text-align: right;
	clear: right;
	padding: 0;
}
table.pager{
	float:right;
	margin: 5px 0 20px 5px;
}
table.pager td
{
	padding: 0px 5px 0px 0px;
	white-space: normal;
}

table.pager a
{
	font-weight: 700;
}

.recordCountText
{
	display:block;
	margin: 5px 0 20px 5px;
	float: left;
	width:200px;
}

/* style to freeze header column of the table */
.frozenGrid
{
	/* So the overflow scrolls */
	overflow:auto;
	position: relative;
}

.frozenGrid table th {
	/* Keep the header cells positioned as we scroll */
	position: relative;                
	top: expression(this.offsetParent.scrollTop);
}

.frozenGrid table tbody {
	/* For alignment of the scroll bar */
	/*  overflow-x:hidden;*/
	overflow:hidden;
}  
/* END style to freeze header column of the table */