/* Table length control - DIV class "dataTables_length
 * Filtering input - DIV class "dataTables_filter"
 * Information output - DIV class "dataTables_info"
 * Pagination controls - DIV class "dataTables_paginate"
 */
 
div.dataTables_length
{
	float: left;
	background-color: Red;
}

div.dataTables_filter
{
	float: right;
	background-color: Green;
}

div.dataTables_info
{
	float: left;
	background-color: Blue;
}

div.dataTables_paginate
{
	float: right;
	background-color: Yellow;
}

div.dataTables_length,
div.dataTables_filter,
div.dataTables_paginate,
div.dataTables_info
{
	/*padding: 6px;*/
}

table.tableTemplate1,
table.tableTemplate2,
table.tableTemplate3,
table.tableTemplate4
{
	clear: both;
}

table.tableTemplate1 th,
table.tableTemplate2 th,
table.tableTemplate4 th,
table.tableTemplate1 td,
table.tableTemplate2 td,
table.tableTemplate4 td
{
	border: 1px solid #BCBCBC;
}

table.tableTemplate1 th:last-child,
table.tableTemplate2 th:last-child,
table.tableTemplate4 th:last-child
{
    border-right: 1px solid black;
}

table.tableTemplate1 td:last-child,
table.tableTemplate2 td:last-child,
table.tableTemplate4 td:last-child
{
	border-right: 1px solid transparent;
}

table.tableTemplate1 th:first-child,
table.tableTemplate2 th:first-child,
table.tableTemplate4 th:first-child,
table.tableTemplate1 td:first-child,
table.tableTemplate2 td:first-child,
table.tableTemplate4 td:first-child
{
	border-left: 1px solid transparent;
}

table.tableTemplate1 td,
table.tableTemplate2 td,
table.tableTemplate4 td
{
	/*border-right: 1px solid #0066FF;*/
}

/********** TABLE TEMPLATE 1 **********/
/* Header Cells for Table Style 1 */
table.tableTemplate1 thead th, 
table.tableTemplate1 tfoot td
{
	text-align: center;	
	/*background-color: #0066FF;*/
    background-color: white;
	font-size: 11px;
	/*color: #FFFFFF;*/
	font-weight: bold;
    padding: 0px 3px;
}

.template1BackColor 
{
	/*background-color: #0066FF;*/
}

/* Body Cells for Table Style 1 */
table.tableTemplate1 tbody th
{
	text-align: left;
	/*background: #0066FF;*/
	/*color: white;*/
}

table.tableTemplate1 tbody td
{
	text-align: left;
	background-color: #EEEEEE;
	font-size: 12px;
    padding: 2px;
}

table.tableTemplate1 tbody tr.odd td
{
	background-color: #FAFAFA;
}

/* Row Highlighting */	
table.tableTemplate1 tbody tr.even:hover,
table.tableTemplate1 tbody tr.even td.highlighted,
table.tableTemplate1 tbody tr.odd:hover, 
table.tableTemplate1 tbody tr.odd td.highlighted,
table.tableTemplate1 tr.even:hover,
table.tableTemplate1 tr.even:hover td,
table.tableTemplate1 tr.even:hover td.sorting_1,
table.tableTemplate1 tr.even:hover td.sorting_2,
table.tableTemplate1 tr.even:hover td.sorting_3,
table.tableTemplate1 tr.odd:hover,
table.tableTemplate1 tr.odd:hover td,
table.tableTemplate1 tr.odd:hover td.sorting_1,
table.tableTemplate1 tr.odd:hover td.sorting_2,
table.tableTemplate1 tr.odd:hover td.sorting_3 
{ 
    /*background-color: #0066FF; color:white;*/ 
    /*border-top: 1px solid #0066ff;
    border-bottom: 1px solid #0066ff;*/
    /*outline: 1px solid #0066FF;*/
}

table.tableTemplate1 tbody tr.even:hover,
table.tableTemplate1 tbody tr.even td.highlighted,
table.tableTemplate1 tbody tr.odd:hover, 
table.tableTemplate1 tbody tr.odd td.highlighted,
table.tableTemplate1 tr.even:hover,
table.tableTemplate1 tr.odd:hover,

table.tableTemplate4 tbody tr.even:hover,
table.tableTemplate4 tbody tr.even td.highlighted,
table.tableTemplate4 tbody tr.odd:hover,
table.tableTemplate4 tbody tr.odd td.highlighted,
table.tableTemplate4 tr.even:hover,
table.tableTemplate4 tr.odd:hover
{ 
    /*background-color: #0066FF; color:white;*/ 
    /*border-top: 1px solid #0066ff;
    border-bottom: 1px solid #0066ff;*/
    outline: 1px solid #0066FF;
}

table.tableTemplate1 tr.even td:first-child,
table.tableTemplate1 tr.odd td:first-child
{
    border-left: 1px solid transparent;
}

table.tableTemplate1 tr.even:hover td:first-child,
table.tableTemplate1 tr.odd:hover td:first-child
{
    border-left: 1px solid #0066FF;
}

table.tableTemplate1 tr.even:hover td:last-child,
table.tableTemplate1 tr.odd:hover td:last-child
{
    /*border-right: 1px solid #0066FF;*/
}


/********** TABLE TEMPLATE 2 **********/
/* Header Cells for Table Style 2 */
table.tableTemplate2 thead th
{
	text-align: center;
	/*background-color: #0066FF;*/
	font-size: 12px;
	/*color: #FFFFFF;*/
	font-weight: bold;
}

.template2BackColor 
{
	background-color: #005E92;
}

/* Body Cells for Table Style 2 */
table.tableTemplate2 tbody th
{
	text-align: left;
	background: #91C5D4;
}

table.tableTemplate2 tbody td
{
	text-align: left;
	background-color: #FFFFFF;
	font-size: 12px;
}

/********** TABLE TEMPLATE 3 **********/
table.tableTemplate3 td,
table.tableTemplate3 th
{
	/*padding: 5px;*/
	border: 1px solid #BCBCBC;
}

/* Header Cells for Table Style 3 */
table.tableTemplate3 thead th
{
	text-align: center;
	/*background: #66a9bd;*/
	background-color: #D3DDE2;
	font-size: 12px;
	color: Black;
	font-weight: bold;
}

.template3BackColor {
	background-color: #D3DDE2;
}

/* Body Cells for Table Style 3 */
table.tableTemplate3 tbody th
{
	text-align: left;
}

table.tableTemplate3 tbody td
{
	text-align: left;
	/*background: #d5eaf0;*/
	background-color: #FFFFFF;
	font-size: 12px;
}

/* Row Highlighting */	
table.tableTemplate3 tbody tr.even:hover,
table.tableTemplate3 tbody tr.even td.highlighted,
table.tableTemplate3 tbody tr.odd:hover, 
table.tableTemplate3 tbody tr.odd td.highlighted,
table.tableTemplate3 tr.even:hover,
table.tableTemplate3 tr.even:hover td,
table.tableTemplate3 tr.even:hover td.sorting_1,
table.tableTemplate3 tr.even:hover td.sorting_2,
table.tableTemplate3 tr.even:hover td.sorting_3,
table.tableTemplate3 tr.odd:hover,
table.tableTemplate3 tr.odd:hover td,
table.tableTemplate3 tr.odd:hover td.sorting_1,
table.tableTemplate3 tr.odd:hover td.sorting_2,
table.tableTemplate3 tr.odd:hover td.sorting_3 
{ background-color: #0066FF; color:white; }

/********** TABLE TEMPLATE 4 **********/
/* Header Cells for Table Style 4 */
table.tableTemplate4 thead th
{
	text-align: center;
	/*background-color: #0066FF;*/
	font-size: 12px;
	/*color: #FFFFFF;*/
	font-weight: bold;
}

.template4BackColor {
	/*background-color: #0066FF;*/
}

/* Body Cells for Table Style 4 */
table.tableTemplate4 tbody th
{
	text-align: left;
	background: #91C5D4;
}

table.tableTemplate4 tbody td
{
	text-align: left;
	background-color: #EEEEEE;
	font-size: 12px;
    padding: 2px;
}

table.tableTemplate4 tbody tr.odd td
{
	background-color: white;
}

/* Self clearing */
div.dataTables_wrapper:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .datatables_wrapper { display: block; }
* html .dataTables_wrapper { height: 1%; }

/* Data Row Level Classes */
table.tableTemplate2 tr.rowLvl5 td, table.tableTemplate2 tr.rowLvl5.odd td { background-color: #87B8D1; }
table.tableTemplate2 tr.rowLvl4 td, table.tableTemplate2 tr.rowLvl4.odd td { background-color: #9EC7DC; }
table.tableTemplate2 tr.rowLvl3 td, table.tableTemplate2 tr.rowLvl3.odd td { background-color: #B5D6E7; }
table.tableTemplate2 tr.rowLvl2 td, table.tableTemplate2 tr.rowLvl2.odd td { background-color: #CCE5F2; }

/* row highlight class */
/* Row Highlighting */	
table.tableTemplate4 tbody tr.even:hover,
table.tableTemplate4 tbody tr.even td.highlighted,
table.tableTemplate4 tbody tr.odd:hover, 
table.tableTemplate4 tbody tr.odd td.highlighted,
table.tableTemplate4 tr.even:hover,
table.tableTemplate4 tr.even:hover td,
table.tableTemplate4 tr.even:hover td.sorting_1,
table.tableTemplate4 tr.even:hover td.sorting_2,
table.tableTemplate4 tr.even:hover td.sorting_3,
table.tableTemplate4 tr.odd:hover,
table.tableTemplate4 tr.odd:hover td,
table.tableTemplate4 tr.odd:hover td.sorting_1,
table.tableTemplate4 tr.odd:hover td.sorting_2,
table.tableTemplate4 tr.odd:hover td.sorting_3,
table.tableTemplate2 tr.rowHighlight td, table.tableTemplate2 tr.rowHighlight.odd td,
table.tableTemplate4 tr.rowHighlight td, table.tableTemplate4 tr.rowHighlight.odd td
{ 
    /*background-color: #0066FF; color:white;*/ 
}

.rowHighlight
{
    outline: 1px solid #0066FF;
}

.DTFC_LeftBodyWrapper tr td:last-child
{
    /*border: 1px solid #BCBCBC;*/
    border-right: 1px solid black;    
}

/* Sorting  */
/*.sorter { width: 16px; height: 16px; float: right; }*/
.sortImg { width: 100%; height: 4px; margin-bottom: 3px; text-align: center; vertical-align: middle; }
.sorting .sortImg  { background: url("Images/arrow_inactive.png") no-repeat center center; }
.sorting_asc .sortImg { background: url("Images/asc.gif") no-repeat center center; }
.sorting_desc .sortImg { background: url("Images/desc.gif") no-repeat center center; }
 
table.dataTable th:active {
	outline: none;
}

/* TABLE TOOLS */
.DTTT_container 
{
	position: absolute;
	z-index: 100;
	width: 150px;
	background-color: #003366;
	visibility: hidden;
    border: 1px solid #788196;
}

.exportModuleSubMenu, .resizeModuleSubMenu, .copyModuleSubMenu
{
	position: absolute;	
	z-index: 100;
	background-color: #252E33;
    border: 1px solid #788196;
}

.helpDocsSubMenu 
{
    /*
	position: relative;
	z-index: 100;
	background-color: #252E33;
    */
    position: absolute;
    z-index: 100;
    background-color: #252E33;
    border: 1px solid #788196;
}

.DTTT_button, .exportModule, .printModule, .copyModule, .subscribeModule, .resizeModule, .resizeModuleItm, .helpDocs, .toggleAutoRefresh, .manualRefresh, .diItm
{
	width: 138px;
    padding: 10px 0px 10px 10px;
}

.showExportOptions, .showHelpDocs, .showResizeOptions, .showCopyOptions
{
	width: 4px;
	height: 9px;
	float: right;
	background-image: url(Images/expand-right.gif);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 3px 3px 0px 0px;
}

a.exportModule  { display: block; }

.exportModule, .printModule, .copyModule, .subscribeModule, .resizeModule, .helpDocs, .toggleAutoRefresh, .copyParent
{ 
    width: 138px;
    padding: 10px 0px 10px 10px; 
}

.exportModule span, .exportModule.exportCSV, .exportModule.exportExcel, .exportModule.exportExcelNoObjs, 
.printModule span, .copyModule span, .subscribeModule span, .resizeModule span, .resizeModuleItm, .helpDocs span
{
	
}

.exportModule.exportCSV, .exportModule.exportExcel, .exportModule.exportExcelNoObjs
{
	width: 150px;	
}

.DTTT_button_hover, .DTTT_button:hover, .exportModule:hover, .printModule:hover, .copyModule:hover, 
.subscribeModule:hover, .resizeModule:hover, .resizeModuleItm:hover, .helpDocs:hover
{
}

table.tableTemplate1 tr.parentRow td, table.tableTemplate1 tr.parentRow.odd td
{
	font-weight: bold;
	background-color: #CCE5F2;	
}

table.tableTemplate1 tr.parentRow:hover td, table.tableTemplate1 tr.parentRow.odd:hover td
{
	background-color: #9FD5F2;
}

table tr td.bRd
{
    background-color: #FFCCCC;
}
table tr td.bGrn
{
    background-color: #CCFFCC;
}
table tr td.bOrng
{
    background-color: #FFFFCC;
}

table tr td.dtr
{
    text-align: right;    
}

table tr th
{
    background-color: white;
}

/*--PO Coloring--*/
/*NOT HOVER*/
table.tableTemplate1 tr.odd td.bRd,
table.tableTemplate1 tr.even td.bRd,
table.tableTemplate4 tr.odd td.bRd,
table.tableTemplate4 tr.even td.bRd
{ background-color: #FFCCCC; }
table.tableTemplate1 tr.odd td.bGrn,
table.tableTemplate1 tr.even td.bGrn,
table.tableTemplate4 tr.odd td.bGrn,
table.tableTemplate4 tr.even td.bGrn 
{ background-color: #CCFFCC; }
table.tableTemplate1 tr.odd td.bOrng,
table.tableTemplate1 tr.even td.bOrng,
table.tableTemplate4 tr.odd td.bOrng,
table.tableTemplate4 tr.even td.bOrng  
{ background-color: #FFFFCC; }
/*HOVER*/
table.tableTemplate1 tbody tr.odd:hover td.bRd,
table.tableTemplate1 tbody tr.even:hover td.bRd,
table.tableTemplate4 tbody tr.odd:hover td.bRd,
table.tableTemplate4 tbody tr.even:hover td.bRd,
table.tableTemplate4 tbody tr.rowHighlight td.bRd,
table.tableTemplate4 tbody tr.rowHighlight.odd td.bRd 
{ 
    /*background-color: #8099E6;*/ 
}
table.tableTemplate1 tbody tr.odd:hover td.bGrn,
table.tableTemplate1 tbody tr.even:hover td.bGrn,
table.tableTemplate4 tbody tr.odd:hover td.bGrn,
table.tableTemplate4 tbody tr.even:hover td.bGrn,
table.tableTemplate4 tbody tr.rowHighlight td.bGrn,
table.tableTemplate4 tbody tr.rowHighlight.odd td.bGrn 
{ 
    /*background-color: #66B3E6;*/ 
}
table.tableTemplate1 tbody tr.odd:hover td.bOrng,
table.tableTemplate1 tbody tr.even:hover td.bOrng,
table.tableTemplate4 tbody tr.odd:hover td.bOrng,
table.tableTemplate4 tbody tr.even:hover td.bOrng,
table.tableTemplate4 tbody tr.rowHighlight td.bOrng, 
table.tableTemplate4 tbody tr.rowHighlight.odd td.bOrng
{ 
    /*background-color: #80B3E6;*/ 
}
/*End PO Coloring*/

/*-- Table Cell Selected --*/
.dataTables_scrollBody td.highlight
{
	/*background-color: #0066FF !important;*/
}

.dataTables_scrollBody tr.odd:hover td.highlight,
.dataTables_scrollBody tr.even:hover td.highlight 
{
	/*background-color: #0066FF !important;*/	
}
/*-- End Table Cell Selected --*/

.dataTables_scrollBody
{
    /*height: 214px !important;*/
}

.moduleDataTable
{
    border-collapse: collapse;
    width: 100%;
}

.moduleDataTable tr td
{
    border: 1px solid #BCBCBC;
    overflow: hidden;
    /*white-space: nowrap;*/
}

.cmHeaderText
{
    /*white-space: nowrap;*/
    padding-left: 2px;
    padding-right: 2px;
}

.dtr
{
    width: 100%;
    height: 100%;
    display: inline-block;
}

table tr td span.bRd
{
    background-color: #FFCCCC;
    color: black;
}
table tr td span.bGrn
{
    background-color: #CCFFCC;
    color: black;
}
table tr td span.bOrng
{
    background-color: #FFFFCC;
    color: black;
}

table.tableTemplate1 tfoot td.dtTotalLbl,
table.tableTemplate2 tfoot td.dtTotalLbl,
table.tableTemplate3 tfoot td.dtTotalLbl,
table.tableTemplate4 tfoot td.dtTotalLbl
{
    text-align: left;
}

table.tableTemplate1 tfoot td.dtMetTotalLbl,
table.tableTemplate2 tfoot td.dtMetTotalLbl,
table.tableTemplate3 tfoot td.dtMetTotalLbl,
table.tableTemplate4 tfoot td.dtMetTotalLbl
{
    text-align: right;
}

.moduleDataTable.dataTable.DTFC_Cloned
{
    background-color: white;
}

.tar,
.dtr.tar
{
    text-align: right;
}

table.tableTemplate1 thead th
{
    height: 22px;
}

table.tableTemplate1 tbody tr td
{
    /*white-space: nowrap;*/
}