/* CSS Document                          */
/* Plastics Portal Style Specifications  */
/* Last Update  2009-06-19               */


/**********************************************************************/
/* General Text Styles                                               */
/********************************************************************/

body,p,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.smallText {
	font-size: 10px;
}

.verySmallText {
	font-size: 8px;
}

.navText
{
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    TEXT-DECORATION: none
}

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

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

.patersonheading {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #d8e6f6;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.titleText2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}


.errorText {
	color: #FF0000;
	font-weight: bold;
}


.evenRow {
	background-color: E0E0E0;
}

.oddRow {
	background-color: FFFFFF;
}

/* Used to modify font tag to accomodate legacy pages */
font {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 12px;
}

/**********************************************************************/
/* General Link Styles                                               */
/********************************************************************/

A {
    COLOR: #003366;
    TEXT-DECORATION: underline
}

A:hover {
    COLOR: #0066CC;
    TEXT-DECORATION: underline
}

A:active {
    COLOR: #CC3300;
    TEXT-DECORATION: underline
}

A:visited {
    COLOR: #000000;
    TEXT-DECORATION: underline
}

/* Link colors for the Main Navigation */

A.navText {
    COLOR: #000000;
    TEXT-DECORATION: none
}

A.navText:hover {
    COLOR: #000000;
    TEXT-DECORATION: none
}

A.navText:active {
    COLOR: #000000;
    TEXT-DECORATION: none
}

A.navText:visited {
    COLOR: #000000;
    TEXT-DECORATION: none
}


/* Tool links */

.tool a, tool a:active, .tool a:visited { color:#b00; text-decoration: none; font-weight:bolder; font-size:22px; }
.tool a:hover { text-decoration: underline; }

.tool2 a, tool2 a:active, .tool2 a:visited { color:#b00; text-decoration: none; font-weight:bolder; font-size:13px; }
.tool2 a:hover { text-decoration: underline; }


/**********************************************************************/
/* Table design styles                                               */
/********************************************************************/

.topBottBorder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #797A7E;
	border-right-color: #797A7E;
	border-bottom-color: #797A7E;
	border-left-color: #797A7E;
}

.bottBorder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #797A7E;
}

.dottedBott {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.quickLinkBorder {
	border: 1px solid #990000;
}

.solidBorder {
	border: 1px solid #999999;
}

.bottBorderWht {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.maroonBorder {
	border: 1px solid #990000;
}

/**********************************************************************/
/* Styles for specifying individual cell padding values              */
/********************************************************************/

.cellPad3 {
	padding: 3px;
}

.cellPad5 {
	padding: 5px;
}

.cellPad5Border {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.cellPad10 {
	padding: 10px;
}

.cellPad12 {
	padding: 12px;
}

/**********************************************************************/
/* Form Element Styles                                               */
/********************************************************************/


/* Use the button style for form submission buttons */

.button {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFCC33;
	border: 1px solid #FF6600;
	padding: 2px;
	font-size: 12px;
}



.quickLinkMenu {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #FFFFFF;
}


.leftPad12 {
	padding-left: 12px;
}

.textBox
{
    BACKGROUND-COLOR: #e8e8e8;
    BORDER-BOTTOM: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    FONT-SIZE: 10px;
    LINE-HEIGHT: 13px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px
}

.form
{
    BACKGROUND-COLOR: #e8e8e8;
    BORDER-BOTTOM: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px
}

.blueButton {
	background-color: #ABCCF0;
}


/* Bread Crumbs */

.crumbHeader { font-size: x-small; color: blue; font-style: oblique }
.crumb { font-weight: bold }
A.crumb { color: black; text-docoration: underline; font-weight: bold }
A.crumb:hover { color: black; text-docoration: underline; font-weight: bold }
A.crumb:active { color: black; text-docoration: underline; font-weight: bold }
A.crumb:visited { color: black; text-docoration: underline; font-weight: bold }


/* Left Flyout Menu */

.leftflymenu li {
	font: 100%/1.4em Arial, Helvectica, sans-serif;
	background-color: #ccdbea;
}

.leftflymenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 160px; /* Width of Menu Items */
	border-bottom: 1px solid #cccccc;
	background-color: #ccdbea
}

.leftflymenu ul li {
	position: relative;
	background: #ccdbea url(http://www.basf.com/businesses/plasticportal/images/arrowMenuRight_blue.gif) no-repeat left center;
}
	
/*1st level sub menu style */
.leftflymenu ul li ul {
/*	left: 174px; /* Parent menu width - 1*/
	position: absolute;
	width: 200px; /*sub menu width*/
	top: 0;
	display: none;
}

.leftflymenu ul li ul li { 
	font: 100%/1.4em Arial, Helvectica, sans-serif;
}

.leftflymenu LI.selectedMenuItem {
	background-image: url(http://www.basf.com/businesses/plasticportal/images/arrowMenuDown_red.gif);
}

.leftflymenu LI.submenu {
	background-image: url(/businesses/plasticportal/images/arrowMenuRight_blue.gif);
	background-position: left 2px;
}

.leftflymenu LI.selectedSubMenu {
	background-image: url(/businesses/plasticportal/images/arrowMenuDown_red.gif);
	background-position: left 2px;
}

/* menu links style */
.leftflymenu ul li a {
	display: block;
	text-decoration: none;
	padding: 1px 5px 1px 10px;
	border: 1px solid white;
	border-bottom: 0;
}

.leftflymenu ul li a.highlight {
	text-decoration: none;
	background-color: #21a0d2;
	color: white;
}

.leftflymenu ul li a:link {
	text-decoration: none;
	color: black;
}

.leftflymenu ul li a.highlight:link {
	text-decoration: none;
	background-color: #21a0d2;
	color: white;
}

.leftflymenu ul li a:visited {
	text-decoration: none;
	color: black;
}

.leftflymenu ul li a.highlight:visited {
	text-decoration: none;
	background-color: #21a0d2;
	color: white;
}

.leftflymenu ul li a:hover {
	text-decoration: none;
	background-color: #21a0d2;
	color: white;
}

/* hack for IE */
* html .leftflymenu ul li { float: left; height: 1%; }
* html .leftflymenu ul li a { height: 1%; }

/* END Left Flyout Menu */


/* Left Flyout Menu #2 */
/* different colors    */

.leftflymenu2 li {
	font: 100%/1.4em Arial, Helvectica, sans-serif;
	background-color: #d0e6bb;
}

.leftflymenu2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 160px; /* Width of Menu Items */
	border-bottom: 1px solid #cccccc;
	background-color: #d0e6bb
}

.leftflymenu2 ul li {
	position: relative;
	background: #d0e6bb url(/businesses/plasticportal/images/arrowMenuRight_blue.gif) no-repeat left center;
}
	
/*1st level sub menu style */
.leftflymenu2 ul li ul {
/*	left: 174px; /* Parent menu width - 1*/
	position: absolute;
	width: 200px; /*sub menu width*/
	top: 0;
	display: none;
}

.leftflymenu2 ul li ul li { 
	font: 100%/1.4em Arial, Helvectica, sans-serif;
}

.leftflymenu2 LI.selectedMenuItem {
	background-image: url(/businesses/plasticportal/images/arrowMenuDown_red.gif);
}

.leftflymenu2 LI.submenu {
	background-image: url(/businesses/plasticportal/images/arrowMenuRight_blue.gif);
	background-position: left 2px;
}

.leftflymenu2 LI.selectedSubMenu {
	background-image: url(/businesses/plasticportal/images/arrowMenuDown_red.gif);
	background-position: left 2px;
}

/* menu links style */
.leftflymenu2 ul li a {
	display: block;
	text-decoration: none;
	padding: 1px 5px 1px 10px;
	border: 1px solid white;
	border-bottom: 0;
}

.leftflymenu2 ul li a.highlight {
	text-decoration: none;
	background-color: #65ac1e;
	color: white;
}

.leftflymenu2 ul li a:link {
	text-decoration: none;
	color: black;
}

.leftflymenu2 ul li a.highlight:link {
	text-decoration: none;
	background-color: #65ac1e;
	color: white;
}

.leftflymenu2 ul li a:visited {
	text-decoration: none;
	color: black;
}

.leftflymenu2 ul li a.highlight:visited {
	text-decoration: none;
	background-color: #65ac1e;
	color: white;
}

.leftflymenu2 ul li a:hover {
	text-decoration: none;
	background-color: #65ac1e;
	color: white;
}

/* hack for IE */
* html .leftflymenu2 ul li { float: left; height: 1%; }
* html .leftflymenu2 ul li a { height: 1%; }

/* END Left Flyout Menu #2 */


/*	Tree Menu */

.treeview {
	vertical-align: top;
	font-size: 80%;
	font-family: sans-serif;
}

p.treeview {
	display: none;
}

UL.treeview {
	margin-right: 0.2em;
	text-decoration: none;
}

.treeview a:link, .treeview a:link, .treeview a:visited {
	text-decoration: none;
	color: black;
}

.treeview UL {
	padding: 0px; margin: 0px; vertical-align: top;
}

.treeview LI {
	padding-left: 10px;
	background: #ccdbea url(/businesses/plasticportal/images/arrowMenuRight_blue.gif) no-repeat left center;
	margin-bottom: 3px; list-style-type: none;
}

.treeview LI.selectedMenuItem {
	background-image: url(/businesses/plasticportal/images/arrowMenuDown_red.gif);
}

.treeview LI.submenu {
	background-image: url(/businesses/plasticportal/images/arrowMenuRight_blue.gif);
	background-position: left 2px;
}

.treeview LI.selectedSubMenu {
	background-image: url(/businesses/plasticportal/images/arrowMenuDown_red.gif);
	background-position: left 2px;
}

.treeview LI.submenu UL {
	display: none;
}

.treeview .submenu UL LI {
	cursor: default
}

/*	END Tree Menu */


/* styles from nlpf.com */
.graybody {
	font-family:"Arial", "Helvetica", "Sans", "Sans-Serif"; font-size:12px; color:#666666;
}

.graybold {
	font-family:"Arial", "Helvetica", "Sans", "Sans-Serif"; font-size:12px; font-weight:bold; color:#666666;
}

.gray_sm_ital {
	font-family:"Arial", "Helvetica", "Sans", "Sans-Serif"; font-size:11px; font-style:italic; color:#666666;
}

/* END styles from nlpf.com */