/* ////////////////////////////////////////////////////////////////////////////
// Copyright (c) 2007 Omnicious Inc. All Rights Reserved. 
// Unpublished, confidential, trade secret information.
// UNAUTHORIZED DUPLICATION OR DISSEMINATION IS EXPRESSLY PROHIBITED.
// ////////////////////////////////////////////////////////////////////////////
// $Id: main.css 22 2008-01-12 21:28:18Z jay $
// ///////////////////////////////////////////////////////////////////////// */

* {
	padding: 0;
	margin: 0;
}

/**
 * NOTE: Mozilla browsers don't work well with float property when border,
 * padding or margin properties are used in the container elements. Therefore, a
 * special content div is recommended under each page structural design
 * component. Any container level border, padding or margin properties must be
 * applied to content div elements.
 */
body { 
  color: #000000;
  background-color: #FFFFFF;
  font: 12px/16px Verdana,Arial,serif;
  font-size: 13px;
  line-height: 16px;
  width: 800px;
}

p {
	margin-bottom: 10px;
	line-height: 15px;
	padding: 0 1px 0 0;
}

a, a:link, a:active, a:focus {
	color: #3C6799;
}

a:visited {
	color: #3C6799;
}

a:hover {
    text-decoration: none;
}

acronym {
    font-weight: bold;
    border: none;
    cursor: help;
}


/* headerContainer incluses title, topNav and abstract. 
 * The headerContainer.width is the width of centered window on the page.
 * The headerContainer.height is the total height of title/top page graphics.
 * NOTE: Removing margin: auto results in shifing the page to left.
 * CAUTION: headerContainer.height must be explicitly specified.
 */
#headerContainer {
    background: #FFFFFF url('../image/images/style_01.png') no-repeat left top;
	width: 800px;
	_width: 804px;
    height: 90px;
    border: 2px solid #BBBCBC;
}

/*
 */
#headerContainer h1 span {
    display: none;
}

#headerContent{
    text-align: left;
}

/* Lower container is area below the header. It is composed of leftNavContainer,
 * rightNavContainer and mainContentContainer followed by footerContainer.
 *
 * lowerContainer.width reflects the total body containment. The actual 
 * header/top image's width is also same as lowerContainer.width. 
 * Total size of lowerContainer = mainContentContainer + leftNavContainer +
 * rightNavContainer
 */
#lowerContainer {
	width: 800px;
	padding-top: 10px;
	border: 2px solid #BBBCBC;
	
}
/*
 * Left navigation panel. It forms a column to the left of mainContent.
 *
 * NOTE: Advantage of using float instead of absolute position is that the
 * lowerContainer's height is maximum of leftNav, mainContent and 
 * footer can be placed below leftNav, rightNav (if defined) and mainContent.
 *
 * Left navigation panel. It forms a column to the left of mainContent.
 */
#leftNavContainer{
	clear: left;
	float: left;
	width: 10px;
}

#leftNavContent{
}

/*
 * Body content panel. It forms a column to the center of mainContent.
 */
#mainContentContainer{
	float: left;
	width: 776px;
}

#mainContent{
    text-align: left;
}

/*
 * Right navigation panel. It forms a column to the right of mainContent.
 */
#rightNavContainer{
	float: left;
	width: 10px;
}

#rightNavContent{
    text-align: left;
}

.mainContentContainer {
	float: left;
	width: 470px;
	text-align: left;

}

/* Page footer */
#footerContainer {
    background: #FFFFFF url('../image/images/style_03.png') no-repeat left top;
	clear: left;
	width: 800px;
	height: 56px
}

#footerContent{
  font-size: 70%;
	text-align: left;
	padding-right: 70px;
	padding-top: 10px;
	color: #3C6799;
}

.contentPanel{
}

/*
 * Absolute anchor point of the top navigatio bar.
 * topNav.top must be offset relative to the lowerContainer.
 * topNav.left must be offset relative to the lowerContainer.
 */
#topNav {
	color: #B7777E;
	font-size: 80%;
	position: absolute;
	padding: 100px 0 20px 40px;
}

.topNavItem {
    padding-right: 10px;
}
/* 
 * Body topic.
 * Topic is placed w.r.t. lowerContainer.
 * topic.margin-left + topic.padding-left = 80 + 35 = 115px places the table
 * 115 - 23 = 92px from the backbroud window left edge.
 */
.topic {
    padding: 10px;
}

/* 
 * Paragraph Padding. 
 * Used to make space between the paragraph of the writeup
 */
.topPadding {
    padding-top: 10px;
}

/* 
 * Common subhead attributes. This prevents redefinition of the style for each
 * subTitle. Specific sub titles are needed only if image is used instead of
 * normal HTML titles.
 */
.commonSubhead {
	font-weight: bold;
	font-size: 120%;
	color: #3C6799;
	background: url('../image/underline.png') repeat-y;
	margin-top: 25px;
	margin-bottom: 10px;
}


/* Inline subtitle for any important notes. */
.noteTitleText{
  font-size: 90%;
	color: #000000;
	font-weight: bold;
}

/* Important notes verbage. */
.noteText{
	color: #000000;
    font-size: 85%;
}

/* Clear previous floats. */
.clearLeft
{
	clear: left;
}

/* 
 * Terminate table. Using font-size: 0% works for firefox in eliminating the
 * extra line. However, IE does not shrink height to completely 0%.
 */
.terminateTableBlock
{
	clear: left;
    font-size: 0%;
}

.tableContainer {
}

/******* Ultra Polymers specific Common Format *********/

/* 
 * Tooltip
 */
.tip {
	z-index: 1;
	width: auto;
	font-size: 80%;
	color: #566047;
  	background-color: #D9E0E2;

}

/* Pull-down menu for products */
#productListTip {
	background-color: #EDF2F4; 
	position: absolute; 
	visibility: hidden; 
	width: auto;
	font-size: 80%;
	text-align: left;
	z-index: 1;
}

/* Pull-down menu for catalogs */
#catalogListTip  {
	background-color: #EDF2F4; 
	font-size: 80%;
	position: absolute; 
	visibility: hidden; 
	width: auto;
	text-align: left;
	z-index: 1;
}

/*
 *	Common table used for properties of wiring duct and sleeves
 */
.opTableContent{
	width: 400px;
}

/* 
 * Background color A
 * Useful for two background alternating items. 
 */
.bgA {
	background-color: #F4F7F9;
}

/* 
 * Background color B
 * Useful for two background alternating items. 
 */
.bgB {
	background-color: #D9E0E2;
}

/*
 * opRow.width = opTableContent.width and also
 * opRow.width = opName.width + opDesc.width
 */
.opRow {
	clear: left;
	float: left;
	width: 400px;
	display: block;
  	font-size: 85%;
	padding: 1px 0px 2px 0px;
}
.opName {
	width: 200px;
	float: left;
	overflow:hidden;
	padding-left: 5px;
}

/* Operation description cell. */
.opDesc {
	width: 195px;
	float: left;
	overflow:auto;
}
/****************************************************************
 * Share Button related Items.
 */

img, a
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.et-corg-ShareButton
{
	padding: 0px 2px 0px 0px;
	cursor: pointer;
    text-decoration: none;	
	color: transparent;
	font-size: 20px;
	line-height: 20px;
	vertical-align: top;
	
}
#et-corg-FbLocation
{
}

.et-corg-FbLikeButton {
    border: 0px;
    padding: 2px 2px;
	line-height: 20px;
	vertical-align: top;
}

#et-corg-ShareContainer
{
	position: absolute;
	top:70px;
	_top:65px;
	left:20px;
	overflow: hidden;
	line-height: 20px;
	float: left;
}

.et-corg-FloatRight
{
	float: right;
	height:20px;
	text-align: left;
	background-color: #DFE3ED;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/****************************************************************
 * Debug related Items.
 */

.dbgBorder{
	border: 0px solid black;
}