/*
Viton and Teflon are registered Trademarks of DuPont Co.
Fluorel is a registered Trademark of 3M.
ASCOVALVE.COM color scheme:
Dark blue: #0f52ba  (used for buttons, table headers)
Med blue: #017ccc   (used for header tabs, Home, etc)
Med blue: #006ecf   (used for header image left border)
Med blue: #007bd1   (used for part number links in table)
Dark green: #007e3b (used for ASCO letters)
Dark green: #017946 (used for green lettering, search, price, etc)
Light gray: #ebebeb (used for odd rows of table)
Purple: #66f        (used for selected row in table)

Me: 8fc2ee - non-required table background
Me: eeefff - subheader background
*/
body {
    margin: 0px;
    background-color: #ffffff;
    font-family: arial, helvetica, sans-serif;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

#configuratorCell {
	padding: 12px;
	width: 100%;
}

#configuratorCellDetails {
	padding: 12px;
	width: 814px;
}

.wideTable {
	width: 100%;
}

#headerTable {
	background-image: url(../images/asco/back2.gif);
	width: 100%;
}

#headerTable img {
	display: block;
}

#headerCell {
	vertical-align: bottom;
	white-space: nowrap;
}

#mainTable {
    margin-left: auto;
    margin-right: auto;
}

.contentTable {
	margin-left: auto;
	margin-right: auto;
    width: 1000px;
    min-width: 1000px;
}

#selectorControlCell {
	padding-bottom: 6px;
	padding-right: 12px;
    font-size: 12px;
}

#selectorControlCell button {
	margin-left: 3px;
	white-space: nowrap;
}

#localeSelectorCell {
	text-align: left;
	width: 100%;
}

#footerTable {
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding-bottom: 12px;
}

#footerTable img {
	margin-left: auto;
	margin-right: auto;
	padding: 6px 0 12px 0;
}

#footerTable #versionLabel {
	padding-top: 12px;
}

#helpText {
    color: #007bd1;
	font-weight: bold;
	padding: 6px;
	width: 100%;
    height: 106px;
	border: 2px solid #333;
	vertical-align: top;
	margin-bottom: 6px;
}

#configuratorTable {
	border-collapse: separate;
	width: 100%;
}

#detailsTable {
	width: 100%;
}

#detailsRightCell {
	width: 400px;
	padding: 0 0 6px 0;
	vertical-align: top;
}

#detailsLeftCell {
	width: 400px;
	padding: 12px 12px 6px 0px;
	vertical-align: top;
}

#assemblyNumberCell {
	border: 1px solid #999;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}

.attributeTableCell {
	border: 1px solid #999;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}

.attributeCell {
	padding-right: 12px;
	padding-bottom: 12px;
	vertical-align: top;
}

#informationCell {
	width: 200px;
	vertical-align: top;
    font-size: 14px;
    font-weight: bold;
}

.detailsTableSpacerCell {
	height: 12px;
}

#attributeListContainer {
	font-size: 12px;
	vertical-align: top;
	width: 200px;
}

#attributeListContainer table {
	width: 100%;
	border: 1px solid #999;
	border-collapse: collapse;
}

#attributeListContainer table thead td {
	width: 100%;
	background-color: #0f52ba;
    color: #fff;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    font-weight: bold;
    padding: 2px 6px 2px 6px;
    text-align: center;
    white-space: nowrap;
}

#cfgAttributeList {
	width: 100%;
}

#enterAssemblyContainer {
	/* text-align: right;*/
	white-space: nowrap;
}

#enterAssemblyContainer table {
	width: 100%;
	font-size: 12px;
}

#enterAssemblyContainer table td {
	padding-top: 3px;
	vertical-align: top;
}

#enterAssemblyInput {
	margin-right: 6px;
}

#enterAssemblyVoltageSelect {
	margin-right: 6px;
}

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

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

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

.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-size: 18px;
    font-weight: bold;
}

.cdsTextHeader {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}

.cdsTextHeaderInfo {
    color: #007bd1;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 6px;
    text-align: left;
    width: 100%;
}

.cdsTextHeaderInfo2 {
    color: #000;
    font-size: 12px;
    padding-bottom: 6px;
    text-align: left;
    width: 100%;
}

.cdsTextHeaderInfo2 table {
    border: 1px solid #999;
    border-collapse: collapse;
}

.cdsTextHeaderInfo2 table td {
    border: 1px solid #999;
    padding: 0px 3px;
}

.cdsTextError {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
}

.cdsText {
    color: #000000;
    font-size: 12px;
}

.cdsTextRequiredAttribute {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    padding-top: 2px;
}

.cdsTextRequiredAttributeCount {
    padding-top: 3px;
    color: #000;
    font-size: 14px;
}

#requiredAttributeCount {
    color: #ff0000;
    border: 1px solid #999;
    padding: 2px;
}

.cdsTextBold {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

.cdsTextSmall {
    color: #000000;
    font-size: 12px;
}

.cdsTextSmallBold {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

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

.cdsColumnHeader {
    background-color: #0f52ba;
    color: #fff;
    border: 1px solid rgb(168, 168, 168);
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}

.cdsOddRow {
    background-color: #ebebeb;
    color: #000000;
    font-size: 12px;
}

.cdsEvenRow {
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
}

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

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

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

.cdsAttributeTableCellRightPrice {
    color: #017946;
    padding: 2px 4px 2px 4px;
}

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

.cdsDataTable {
    border: 2px solid #333;
	border-collapse: collapse;
    width: 100%;
}

.cdsDataTableRequired {
    border: 2px solid #333;
	border-collapse: collapse;
    width: 100%;
}

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

.cdsDataTableRequired .cdsDataTableHeader {
    background-color: #ebebeb;
    background-image: url(../images/asterix.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 4px 16px;
}

.cdsDataTableRequired .cdsDataTableHeaderUnselected {
    background-color: #0f52ba;
    /* background-color: #ebebeb; */
    background-image: url(../images/asterix_blue.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 4px 16px;
}

.cdsDataTable td, .cdsDataTableRequired td {
    border: 1px solid #999;
    border-right: 2px solid #333;
    font-size: 11px;
    padding: 2px 6px 2px 6px;
}

.cdsDataTable .cdsDataTableHeader {
    background-color: #8fc2ee;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 4px 6px;
    border-bottom: 0;
}

.cdsDataTableRequired .cdsDataTableHeaderUnselected span.attributeSubtext,
.cdsDataTableRequired .cdsDataTableHeaderUnselected span.attributeSubtext a {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border-top: 0;
    color: #fff;
}

span.attributeSubtext, span.attributeSubtext a {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border-top: 0;
}

td.cdsDataTableSubHeader {
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	background-color: #eeefff;
}

.cdsDataTableHeaderInfo {
    font-size: 12px;
}

.cdsDataTableSectionInfo {
    font-size: 12px;
    color: #00b;
    font-weight: bold;
}

.cdsValueCell {
    color: #111111;
    white-space: nowrap;
}

.cdsValueCellStandard {
	font-style: italic;
}

.cdsValueCellSelected {
    background-color: #66f;
    color: #fff;
    white-space: nowrap;
}

.cdsValueCellMouseOver {
    background-color: #ebebeb;
    color: #000000;
    white-space: nowrap;
}

.cdsValueCellDisabled {
    background-color: #cccccc;
    color: #666666;
    white-space: nowrap;
}

.cdsValueCellConflicted {
    background-color: #dddddd;
    background-image: url(../images/bg-incompatibleX.gif);
    background-position: center right;
    background-repeat: no-repeat;
    color: #666666;
    white-space: nowrap;
}

.activeConfiguratorTable .cdsValueCell,
.activeConfiguratorTable .cdsValueCellSelected,
.activeConfiguratorTable .cdsValueCellMouseOver,
.activeConfiguratorTable .cdsValueCellConflicted {
    cursor: pointer;
}

.activeConfiguratorTable .cdsDataTableHeader,
.activeConfiguratorTable .cdsDataTableHeaderUnselected,
.activeConfiguratorTable .cdsDataTableSubHeader,
.activeConfiguratorTable .cdsValueCellDisabled {
    cursor: default;
}

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

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

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

#locatorCell {
    color: #800;
    font-size: 14px;
    font-weight: bold;
}

#locatorText {
    padding-top: 12px;
    white-space: nowrap;
}

.cdsLocatorControlTable {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	white-space: nowrap;
	width: 100%;
}

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

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

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

.cdsLocatorControlPageSelectLabelCell {
	white-space: nowrap;
	width: 100%;
	font-weight: bold;
	padding-left: 360px;
}

.cdsLocatorControlPageSelectCell {}
.cdsLocatorControlRecordCountCell {
	padding-right: 48px;
	font-weight: bold;
	white-space: nowrap;
}
.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-size: 12px;
	text-align: center;
}

.cdsLocatorTable thead {
}

.cdsLocatorTable thead td {
	background-color: #0f52ba;
	color: #fff;
	border: 1px solid #0f52ba;
	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: #fff;
	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: #fff;
	cursor: pointer;
	text-decoration: underline;
	border-left: 0;
}

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

.cdsLocatorRowOdd {
	background-color: #ebebeb;
}

.cdsLocatorRowEven {
	background-color: #fff;
}

.cdsLocatorRowSelected {
	background-color: #66f;
	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-size: 12px;
    height: 75px;
    vertical-align: top;
    border: 1px solid #999999;
    padding: 4px 4px 4px 4px;
}

#profiler {
    font-size: 12px;
    padding: 6px;
}

#profiler thead {
    font-weight: bold;
}

#profiler td {
    padding: 2px;
}