/* ******************************************************************
 * Generic Tags
 * ****************************************************************** */

body {
    margin: 0px; 
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.cdsButton {
    cursor: pointer;
}

.cdsTableHeader38 {
    background-image: url(../images/table-topfill-38.gif);
    background-repeat: repeat-x;
    padding-top: 8px;
}

.cdsTableHeader68 {
    background-image: url(../images/table-topfill-68.gif);
    background-repeat: repeat-x;
    padding-top: 8px;
}

.cdsTableFooterFF {
    background-image: url(../images/table-bottomfill-ff.gif);
    background-repeat: repeat-x;
}

.cdsTableFooterF0 {
    background-image: url(../images/table-bottomfill-f0.gif);
    background-repeat: repeat-x;
}

.cdsTableLeftFill {
    background-image: url(../images/table-leftfill.gif);
    background-repeat: repeat-y;
}

.cdsTableRightFill {
    background-image: url(../images/table-rightfill.gif);
    background-repeat: repeat-y;
}

.cdsTextHeaderLarge {
    color: #00804e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.cdsTextHeader {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.cdsTextError {
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.cdsText {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.cdsTextBold {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.cdsTextSmall {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cdsTextSmallBold {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/* ******************************************************************
 * Attribute Table Tags
 * ****************************************************************** */

.cdsColumnHeader {
    background-image: url(../images/column-head-fill.gif);
    background-repeat: repeat-x;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}

.cdsOddRow {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cdsEvenRow {
    background-color: #ddffdd;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cdsAttributeTableCellLeft {
    padding: 2px 4px 2px 4px;
}

.cdsAttributeTableCellRight {
    padding: 2px 4px 2px 4px; 
    border-right: 1px solid #a8a8a8;
}

/* ******************************************************************
 * Configurator Tags
 * ****************************************************************** */

.cdsDataTable {
    border: 1px solid #999999;
	border-collapse: collapse;
    width: 100%;
}    

.cdsDataTableRequired {
    border: 1px solid #999999;
	border-collapse: collapse;
    width: 100%;
}    

.cdsDataTableRequired span {
    font-size: 14px;
    color: #ff0000;
    padding-right: 6px;
}    

.cdsDataTableRequired .cdsDataTableHeader {
    background-color: #eeeeee;
    background-image: url(../images/asterix.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 4px 6px;
}

.cdsDataTable td, .cdsDataTableRequired td {
    border: 1px solid #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 6px 2px 6px;
    white-space: nowrap;
}

.cdsDataTable .cdsDataTableHeader {
    background-color: #eeeeee;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 4px 6px;
}

td.cdsDataTableSubHeader {
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	background-color: #eee;
}

.cdsDataTableHeaderInfo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cdsDataTableSectionInfo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00b;
    font-weight: bold;
}

.cdsDataTableRow {
    color: #111111;
    cursor: pointer;
}

.cdsDataTableRowSelected {
    background-color: #00804e;
    color: #ffffff;
    cursor: pointer;
}

.cdsDataTableRowMouseOver {
    background-color: #ddffdd;
    color: #000000;
    cursor: pointer;
}

.cdsDataTableRowDisabled {
    background-color: #cccccc;
    color: #666666;
}

.cdsDataTableRowConflicted {
    background-color: #dddddd;
    background-image: url(../images/bg-incompatibleX.gif);
    background-position: center right;
    background-repeat: no-repeat;
    color: #666666;
    cursor: pointer;
}

.cdsDataCell {
    border: 1px solid #999999;
    background-color: #eeeeee;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 4px 10px 4px;
    text-align: center;
    cursor: pointer;
}

.cdsDataCellSelected {
    border: 1px solid #999999;
    background-color: #00804e;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 4px 10px 4px;
    text-align: center;
    cursor: pointer;
}

.cdsDataCellMouseOver {
    border: 1px solid #999999;
    background-color: #ddffdd;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 4px 10px 4px;
    text-align: center;
    cursor: pointer;
}

.cdsDataCellDisabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 4px 10px 4px;
    text-align: center;
}

.cdsDataCellConflicted {
    border: 1px solid #999999;
    background-color: #dddddd;
    background-image: url(../images/bg-incompatibleX.gif);
    background-position: center right;
    background-repeat: no-repeat;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 4px 10px 4px;
    cursor: pointer;
}

.cdsTextRangeData {
    border-top: 1px solid #999999;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}

.cdsTextRangeDataConflicted {
    border-top: 1px solid #999999;
    color: #660000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}
.cdsTextRangeDataPreview {
    border-top: 1px solid #999999;
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}

/* ******************************************************************
 * Locator Tags
 * ****************************************************************** */

.locatorTable {
	width: 100%;
}

.innerLocatorBody {
    background-color: #999999;
    margin: 0 0; 
}

#tableFrame {
	width: 942px;
	height: 388px;
}

.locatorTableColumn {
    background-color: #eeeeee;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 2px 4px;
}
.locatorTableColumn a { color: #444444; text-decoration: none; }
.locatorTableColumn a:hover { color: #00804e; }

.locatorTableColumnInactive {
    background-color: #eeeeee;
    color: #aaaaaa;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}
.locatorTableColumnInactive a { color: #aaaaaa; text-decoration: none; }
.locatorTableColumnInactive a:hover { color: #aaaaaa; }

.locatorTableCell {
    font: 12px Arial, Helvetica, sans-serif;
    /*
    padding-left: 4px;
    padding-right: 4px;
    */
    padding: 2px 4px 2px 4px;
    cursor: pointer;
}
.locatorTableCell a { color: #000000; }
.locatorTableRowOdd { background-color: #ffffff; }
.locatorTableRowEven { background-color: #f5f6f0; }
.locatorTableRowSelected { background-color: #00804e; }

.locatorTableRowOdd td { color: #000000; }
.locatorTableRowEven td { color: #000000; }
.locatorTableRowSelected td { color: #ffffff; }
.locatorTableRowOdd td a { color: #000000; }
.locatorTableRowEven td a { color: #000000; }
.locatorTableRowSelected td a { color: #ffffff; }

.cdsLocatorControlTable {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0;
	padding: 0;
	font: 12px arial, helvetica, sans-serif;
	white-space: nowrap;
	width: 100%;
}

.cdsLocatorControlTable tbody td {
	padding-bottom: 6px;
}

.cdsLocatorControlTable tfoot td {
	padding-bottom: 4px;
}

.cdsLocatorControlTable tfoot td input {
	width: 80px;
	margin-right: 4px;
}

.cdsLocatorControlPageSelectLabelCell {
	white-space: nowrap;
	text-align: right;
}

.cdsLocatorControlPageSelectCell {}
.cdsLocatorControlRecordCountCell {
	width: 100%;
}
.cdsLocatorControlPageSelectUnitCell {
	padding-left: 12px;
}
.cdsLocatorControlTable .cdsLocatorControlPageSelectUnitCell input {
	width: 20px;
}

.cdsLocatorControlGoCell {}
.cdsLocatorControlResetCell {}
.cdsLocatorControlUnitCell {}

/* table containing locator */
.cdsLocatorTable {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0;
	padding: 0;
	font: 12px arial, helvetica, sans-serif;
	text-align: center;
}

.cdsLocatorTable thead {
}

.cdsLocatorTable thead td {
	background-color: #f8f8f8;
	border: 1px solid #999;
	padding: 2px;
}

.cdsLocatorTable thead .cdsLocatorHeaderLabelRow td {
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
}
.cdsLocatorHeaderSelectRow {}
.cdsLocatorHeaderSelectRowRangeField {
	margin-right: 1px;
}

.cdsLocatorHeaderSortRow {}
.cdsLocatorTable thead td.cdsLocatorHeaderResetCell {
	color: #008;
	cursor: pointer;
	text-decoration: underline;
	border-right: 0;
	font-weight: bold;
}
.cdsLocatorTable thead td.cdsLocatorHeaderResetCellDisabled {
	color: #999;
	border-right: 0; 
}
.cdsLocatorTable thead td.cdsLocatorHeaderSortCell {
	color: #008;
	cursor: pointer;
	text-decoration: underline;
	border-left: 0;
}

.cdsLocatorTable tbody td {
	text-align: center;
	padding: 2px 4px;
	border: 1px solid #999;
}

.cdsLocatorRowOdd {
	background-color: #efe; /* #f5f6f0; */
}

.cdsLocatorRowEven {
	background-color: #fff;
}

.cdsLocatorRowSelected {
	background-color: #00804e;	/* 211, 107, 198 */
	color: #fff;
}

.cdsLocatorTable tbody td.cdsLocatorPartNumberCell {
	text-align: left;
	white-space: nowrap;
}

/* ******************************************************************
 * ASCO Header Tags
 * ****************************************************************** */

.ascoHeaderLabelCell {
    background: url(../images/asco/back2.gif) repeat-x;
    height: 56px;
    vertical-align: bottom;
    white-space: nowrap;
}

.ascoHeaderText1 {
     vertical-align: bottom;
     white-space: nowrap;
     color: #333333; 
     font-size: 26px; 
     font-weight: bold; 
     padding-right: 10px;
 }

.ascoHeaderText2 {
    vertical-align: bottom;
    white-space: nowrap;
    color: #00804e; 
    font-size: 12px; 
    font-weight: bold;
}

.ascoHeaderText3 {
    vertical-align: bottom;
    white-space: nowrap;
    color: #00804e; 
    font-size: 23px; 
    font-weight: bold;
}

.ascoHeaderRightCell {
    text-align: right;
    background-image: url(../images/asco/back4.gif);
    background-repeat: repeat-x;
}

.ascoHeaderBottomCell {
    background-image: url(../images/asco/silver_bar.jpg);
    background-repeat: repeat-x;
}

.mouseOverTextCell {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 75px;
    vertical-align: top;
    border: 1px solid #999999; 
    padding: 4px 4px 4px 4px;
}






td.attributeCell, td.attributeCellDisabled, td.attributeCellCurrent {
	vertical-align: top;
}

table.attribute {
	border: 1px solid #aaa;
	width: 308px;
	background-color: #fff;
	border-collapse: collapse;
}

td.attributeCellDisabled table.attribute {
	border: 1px solid #ccc;
	color: #bbb;
}

td.attributeCellCurrent table.attribute {
	border: 1px solid #999;
	width: 308px;
	color: #000;
}

table.attribute tr.attributeHeader td {
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	padding: 2px 2px 3px 4px;
}

table.attribute tr.attributeHeader td.clearCell {
	width: 100%;
	text-align: right;
	font-size: 11px;
	padding: 2px 3px 0 0;
}

table.attribute tr.attributeHeader td.clearCell button {
	width: 44px;
	height: 20px;
	font-size: 11px;
}

td.attributeValueSet {
	width: 100%;
	font-size: 11px;
	padding: 3px;
}

td.attributeValueSet table, td.attributeValueInput table {
	float: right;
}

td.attributeValueSet table td {
	padding: 2px 6px;
	border: 1px solid #aaa;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
}

td.attributeCellDisabled td.attributeValueSet table td {
	padding: 2px 6px;
	border: 1px solid #ddd;
	cursor: pointer;
}

td.attributeValueSetCell {
	background-color: #fff;
	color: #000;
}

td.attributeCellCurrent td.attributeValueSetCell {
	background-color: #fff;
	color: #00f;
	text-decoration: underline;
}

td.attributeCellDisabled td.attributeValueSetCell {
	background-color: #fff;
	color: #bbb;
}

td.attributeValueSetCellHovered {
	background-color: #fee;
	color: #00a;
}

td.attributeCellCurrent td.attributeValueSetCellHovered {
	background-color: #fee;
	color: #00a;
	text-decoration: underline;
}

td.attributeValueSetCellSelected {
	background-color: #cd0f11;
	color: #fff;
}

td.attributeCellCurrent td.attributeValueSetCellSelected {
	background-color: #cd0f11;
	color: #fff;
	text-decoration: underline;
}

td.attributeCellDisabled td.attributeValueSetCellSelected {
	background-color: #fdd;
	color: #fff;
}

td.attributeValueSetCellConflicted {
	background-color: #999;
	color: #666;
}

td.attributeValueSetCellDisabled {
	background-color: #aaa;
	color: #666;
}

td.attributeValueInput {
	width: 100%;
	text-align: right;
	padding: 3px;
}

td.attributeValueInput input {
	margin-left: 3px;
	border: 1px solid #aaa;
}

td.attributeCellDisabled td.attributeValueInput input {
	border: 1px solid #ddd;
}