
table.dataTable a.button {text-decoration: none;}

table.dataTable {
	width: 100%;
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	margin:0;
	border-collapse:collapse;
	}
.dataTable caption {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #366a88;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:left;
	}	
.dataTable .bold {
	font-weight: bold;
}
.dataTable tr.odd td	{
	background:#f5f5f5;
	}
.dataTable tr.unOpened td a	{
	font-weight: bold;
	}
.dataTable tr.extraHeight td {
	padding: 4px 5px;
	}
.dataTable tr.previewPanelHeader td {
	padding: 4px 5px;
	}
.dataTable tr td.filePreview {
	padding: 15px;
	font: normal 12px Arial, Helvetica, sans-serif; 
	font-color: #ffffff;
	}
.dataTable tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
.dataTable td {
	color:#678197;
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	padding: 5px 4px 1px 16px;
	text-align:left;
	vertical-align: top;
	font: normal 12px Arial, Sans-Serif;
	}	
.dataTable td.alignLeft {
	text-align:left;
	}	
.dataTable td.textAlignRight {
	text-align:right;
	}	
.dataTable td.padRight {
	padding-right: 4px;
}
.dataTable td.dataLabel {
	width: 15%;
}				


table.dataTable tr.divider td {
	background:#3c3c3c url('../images/bgTableHeader.gif')top left repeat-x;
	text-align:left;
	font: bold 12px Arial, Sans-Serif;
	color: #222;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	padding: 7px 5px 7px 5px;
}
table.dataTable tr.divider td a, table.dataTable tr.divider td a:link, table.dataTable tr.divider td a:visited {
	background:transparent;
	text-align:left;
	font: bold 12px Arial, Sans-Serif;
	color: #222;
	text-decoration: underline;

}

table.dataTable td a,
table.dataTable td  a:link,
table.dataTable td  a:visited {
	border:none;
	text-decoration: underline;
	font-weight: bold;
	color:#336699;
	}							

.dataTable th {
	font-weight:normal;
	color: #336699;
	text-align:left;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	padding: 8px 5px;
	}
.dataTable th.detailsPageTableHeader {
	padding: 8px 5px 8px 16px;
	}									
.dataTable thead th {
	background:#D0D1CF url('../images/bgTableHeader.gif')top left repeat-x;
	text-align:left;
	font: bold 12px Arial, Sans-Serif;
	color: #222;
	/*padding: 7px 4px 7px 9px;*/
	}	
.dataTable thead th a, .dataTable thead th a:active, .dataTable thead th a:visited {
	font: bold 12px Arial, Sans-Serif;
	color: #222;
	text-decoration: none;
	background: transparent;
	}	
.dataTable thead th a:hover {
	font: bold 12px Arial, Sans-Serif;
	color: #222;
	text-decoration: underline;
	background: transparent;
	}	
.dataTable tfoot td {
	background:#D0D1CF url('../images/bgTableHeader.gif')top left repeat-x;
	text-align:left;
	font: normal 12px Arial, Sans-Serif;
	color: #222;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	padding: 7px 5px 7px 16px;
	}	

.rowLinks tbody tr:hover {background: #814BE7; cursor: pointer; color: #fff;}
.rowLinks tr.odd:hover td {background: #814BE7; cursor: pointer; color: #fff;}
.rowLinks tr:hover td, .rowLinks tr.odd:hover td, .rowLinks tr:hover td a, .rowLinks tr.odd:hover td a {background: #814BE7; cursor: pointer; color: #fff;}
.rowLinks tr:hover td a, .rowLinks tr.odd:hover td a {background: #814BE7; cursor: pointer; color: #fff; text-decoration: underline;}


/**--SORTING styles start here--**/
thead th.sortable
{
cursor: pointer;
background: #D0D1CF url('../images/bgTableHeaderSortable.gif') no-repeat;
}
thead th.sortable a
{
background: transparent;
text-align:left;
color: #222;
padding: 0 0 0 10px;
text-decoration: underline;
}
thead th.sortable a:hover
{

padding: 0 0 0 10px;
}
thead th.sortableForward
{
background: #D0D1CF url('../images/bgTableHeaderSortable-down.gif') no-repeat 0 0;
}
thead th.sortableReverse
{
background: #D0D1CF url('../images/bgTableHeaderSortable-up.gif') no-repeat 0 0;
}
table.dataTable thead th.sortableForward a,
table.dataTable thead th.sortableReverse a
{
color: #222;
padding: 0 0 0 10px;
text-decoration: underline;
}

/**Active column highlighting**/
col.currentActiveCol {background: #f0f7ff;}

tr td.cellActiveCol {
	background:#E3E3E3;
	color: #000;
	font-weight: bold;
}
tr.odd td.cellActiveCol {
	background:#D2D3D1;
	color: #000;
	font-weight: bold;
}





/*

These styles should be added when very long tables are expected

th.sort-active
{
background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
cursor:wait;
}
th.sort-active a
{
color:#a80000 !important;
cursor:wait;
}