/*This css holds everything related to tables.*/
.monitorTable th,td {
	font-size: 7px;
	font-size-adjust: inherit;
	vertical-align: top;
}

.viewTable {
	background-color: white;
	border-collapse: collapse;
	border-bottom: 1px solid black;
	margin: 8px 0 10px;
}

.viewTable  td {
	border: 1px solid black;
	vertical-align: top;
	padding: 2px 2px;
}

.viewTable td .cellValue {
	word-wrap: break-word;
	display: block;
	overflow: hidden;
}

.certificteResultFullyExhausted td {
	background-color: rgb(207, 238, 247) !important;
}

.viewTable td.exhausted,td.exhausted, .viewTable th.exhausted {
	background-color: rgb(207, 238, 247);
}

.certificteViewFullyExhausted {
	background-color: rgb(207, 238, 247);
}

.certificteViewFullyExhausted #supportingDocumentReferencesViewTable td
	{
	background-color: rgb(207, 238, 247);
}

.certificteViewFullyExhausted .processHistoryTable td {
	background-color: rgb(207, 238, 247);
}

#biProductDetailsTable {
	border-collapse: collapse;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

#biProductDetailsTable td {
	padding: 2px;
	border-left: none;
	border-right: none;
}

.biProductDetails {
	width: 33%;
	border: none;
}

tr.outline {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.submissionViewItemExhausted .ui-tabs-panel {
	background-color: rgb(207, 238, 247) !important;
}

.viewTable th {
	font-weight: bold;
	color: black;
	background-color: #fdeac1;
	border: 1px solid black;
	vertical-align: top;
	padding: 2px 2px;
}

.viewTable th.emptyRow {
	padding: 0px;
	border: 0px none;
}

.viewTable th.afterEmptyRow {
	border-top: 0px none;
}

.viewTable tr.outgoingProductSeparation {
	border-top: 4px solid black;
}

.viewTable th.emptyOutgoingProductSeparation {
	padding: 0px;
	border-bottom: medium none;
}

.viewTable tr.outlineProductRow {
	border-top: 2px solid black;
}

.processHistoryTable tr.outlineProductRow {
	border-bottom: 2px solid black;
}

.viewTable td.topProductLine {
	border-top: none;
}

.processHistoryTable td.processColRightBorder,.processHistoryTable th.processColRightBorder
	{
	border-right: 2px solid black;
}

.viewTable th .cellValue {
	font-weight: normal;
}

.viewTable th.descriptionColumn {
	width: 33%;
}

.viewTable tr {
	border: 0px solid black;
	background-color: transparent;
	vertical-align: top;
}

.viewTable tr.firstProductRow {
	border-top: 2px solid black;
}

.processHistoryTable {
	background-color: white;
	border-collapse: collapse;
	margin: 4px 0 8px;
}

.processHistoryTable td {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: none;
	border-bottom: none;
	vertical-align: top;
	padding: 2px 2px;
}

.processHistoryTable th {
	font-weight: bold;
	color: black;
	background-color: #fdeac1;
	border: 1px solid black;
	vertical-align: top;
	padding: 2px 2px;
}

.processHistoryTable tr {
	background-color: transparent;
	vertical-align: top;
}

.processHistoryTable tr.top td {
	border-top: 1px solid black;
}

.processHistoryTable tr.bottom td {
	border-bottom: 1px solid black;
}

table .viewTableItemNumberColumn {
	width: 20px;
}

#supportingDocumentReferencesViewTable .REPLACED {
	font-weight: bold;
	color: #F00 !important;
}

.viewTable th.sourceSummaryLight {
	background-color: #EEEEEE;
	border-top: 0 none;
}

.viewTable th  span.containerSealValue {
	font-weight: normal;
}

.viewTable th  span.sourceSummaryHeader {
	font-weight: normal;
}

#batchRequest td {
	vertical-align: top;
}

.producTrackingHeader {
	font-size: 18px;
}

.producTrackingHeader span {
	font-size: 10px;
}

table.productTracking {
	border: 0 none;
}

table.productTracking td {
	border: 0 none;
	vertical-align: top;
}

table.productTracking th {
	background-color: #FFFFFF;
	color: #000000;
	border: 0 none;
	font-weight: bold;
	vertical-align: top;
}

table.productTracking .rightBorder {
	border-right: 2px double #393939;
}

table.productTracking .topBorder {
	border-top: 2px solid #393939;
}

table.productTracking .total {
	border-top: 2px solid #DEEBF3;
}

table.productTracking .beforeTotal td {
	height: 2px;
	padding: 0px;
	border: 0 none;
}

.template-table {
	background: #EEEEEE;
	/*margin: 4px 0 20px 0;*/
	margin: 8px 0 20px 0;
	width: 98%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}

.template-table th {
	padding: 4px 4px;
	text-align: left;
	background-color: #FFF;
	font-size: 11px;
	text-align: center;
	/*vertical-align: middle;*/
	vertical-align: top;
	font-weight: bold;
	color: #000;
	border: 1px solid #ddd;
}

.template-table ul {
	padding: 4px 15px;
	margin: 0px
}

.template-table ul li {
	padding: 0;
	margin: 0
}

.template-table td {
	padding: 4px 4px;
	text-align: left;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	border: 1px solid #ddd;
	vertical-align: top;
}

.template-table td div {
	font-size: 11px;
}

table.statusChangeContainer {
	width: auto;
	background: transparent;
}

.statusChangeContainer {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}

.statusChangeContainer tr {
	padding: 4px;
	border: none;
	margin: 0;
	vertical-align: top;
	background: transparent;
}

.statusChangeContainer td { /*padding: 4px;*/
	padding: 4px 8px 4px 0;
	border: none;
	margin: 0;
	vertical-align: top;
}

.stationerySerialNumbers {
	width: 100%;
	/* Fix for Firefox textarea height issue. */
	height: 15px;
	min-height: 24px;
	/* For IE expand textarea issue. */
	max-width: 100%;
}

.ui-accordion .ui-accordion-content {
	padding: 0 !important;
}