/*******************************/
/* Color Settings              */
/*******************************/

A {
	color: #00709E;
}
.layout_base_color {
	color: black;
	background-color: white;
}
.layout_accent_color, .layout_accent_color A {
	color: white;
	background-color: #ADC0BA;
}
.menu_color, .menu_color A, .navtable_spacer, #navtable {
	/* menu text color */
	color: #000000;
	border-color: #ddd;
}
.menu_color {
	/* menu background color */
	background-color: #ffffff;
}
.menu_subtext_color {
	color: gray;
}


/*******************************/
/* Font Settings               */
/*******************************/

HTML, BODY, P, DIV, SPAN, A, H1, H2, H3, H4, H5, H6, TABLE, TR, TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*******************************/
/* Image Settings              */
/*******************************/

.frame_navigation {
	/* image behind menu bar */
	background-image: url("../images/navbg.gif");
	background-repeat: repeat-x;
}
.frame_spacer_bottom {
	/* image underneath menu bar */
	background-image: url("../images/undernav.gif");
	background-repeat: repeat-x;
}


/*******************************/
/* Main Formatting Options     */
/*******************************/

A {
	font-size: 11px;
	text-decoration: underline;
}
a:link img, a:visited img {
	border-style: none;
}
BODY,P {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #211E1C;
}
H1, H2, H3, H4, H5, H6 {
	font-size: 11px;
}

/*******************************/
/* Main Layout Options         */
/*******************************/

html, body {
	height: 100%;
	/* for IE6 and below only */
	_overflow-y: auto;
}
.nopadding {
	padding: 0;
	margin: 0;
}
.logo {
	position: absolute; 
	top: 0;
	left: 0;	
}
.frame {
	float: left;
	width: 100%;
	height: 100%;
	border: 0;
}
.frame_header {
	padding-right: 25px;
	text-align: right;
	vertical-align: top;
	height: 36px;
}
.header_links {
	position: absolute;
	top: 10px;
	right: 25px;
	margin-left: 15px;
}
.header_links A {
	margin-left: 20px;
}
.frame_spacer {
	height: 5px;
	width: 600px;
}
.frame_navigation {
	height: 22px;
	padding: 0;
	margin: 0;
}
.frame_spacer_bottom {
	height: 15px;
	text-align: right;
	padding-right: 10px;
}
.frame_bottom {
	height: 16px;
}
.content {
	/* for IE7 and below only */
	*height: 100%;
}
.legalnotice {
	margin-left: 7px;
}
.legalnotice A {
	font-size: 10px;
	margin-right: 20px;
	text-decoration: none;
}
.copyrite {
	font-size: 10px;
	position: absolute;
	right: 10px;
	padding-top: 1px;
}

/*******************************/
/* Print Specific Options      */
/*******************************/

.print_header {
	display: none;
}

/*******************************/
/* Generic Options             */
/*******************************/

.center {
	text-align: center;
}



/*******************************/
/* APPLICATION LAYOUT          */
/*******************************/

H1 {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 8px;
}
H3 {	
	margin-bottom: 2px;	
}
H4 {
	margin-top: 8px;
	margin-bottom: 6px;
}


/*******************************/
/* About Page Formatting       */
/*******************************/

table.aboutTable {
	margin-top: 50px;
}
table.aboutTable td {
	vertical-align: top;
}

/* ---- Generic Styles ---- */
TABLE {
	font-size: 11px;
}
TH A {
	color: white;
}
SMALL {
	font-size: 9px;
}
button {
	font-family: Tahoma, Verdana;
	font-size: 11px;
}
.errors {
	color: red;
}
.errors A {
	color: #909090;
}
.errorDetail {
	color: #909090;
	border: 1px solid #909090;
	background-color: #F2F2F2;
	margin: 10px;
	padding: 10px;
	width: 600px;
}
td.loginerror {
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	padding-top: 10px;
	padding-bottom: 15px;
}
.red {
	color: #f00;
}
.lastUpdated {
	color: #b0b0b0;
	margin-top: 30px;
	font-size: 10px;
}
SPAN.orange { color: #F98540; }
SPAN.orange A{ color: #F98540; } 
.reporttitle {
	font-weight:			bold;
	margin-bottom:			5px;
	text-align:				left;
}
.light {
	background-color: 		#ecf4f2;
}
.lightr {
	background-color: 		#ecf4f2;
	}
.lightred {
	color: 		#FF0000;
}
.warning {
	color: #f00;
	font-weight: bold;
}
.trim_prop_title {
	background-color: white;
}


/* ---- Edit Fields ---- */

select, input {
	width: 150px;
	font-size: 11px;
}
input.radio, input.checkbox {
	width: 15px;
}
input.bwvalue {
	width: 40px;
}
.text_input {
	width: 250px;
	font-size: 11px;
}
.text_input_small {
	width: 100px;
	font-size: 11px;
}
.text_input_long {
	width: 500px;
	font-size: 11px;
}
.text_input_medium {
	width: 400px;
	height: 30px;
	font-size: 11px;
}
.text_input_large {
	width: 400px;
	height: 80px;
	font-size: 11px;
}
/* TinyMCE MultiLingualString classes
  The next css classes are specific for the hmtl enabled textarea's (by the TinyMCE script) 
  They should allways have the prefix "text_html_" followed by the number of characters allowed in the textarea.
  TinyMCE will check the css className to find out about the maximum characters allowed.
*/
.text_html_150 {
	width: 470px;
	height: 80px;
	font-size: 9px;
}
.text_html_255 {
	width: 470px;
	height: 100px;
	font-size: 9px;
}
.text_html_448 {
	width: 470px;
	height: 130px;
	font-size: 9px;
}
.text_html_500 {
	width: 470px;
	height: 140px;
	font-size: 9px;
}
.text_html_640 {
	width: 470px;
	height: 150px;
	font-size: 9px;
}
.text_html_800 {
	width: 470px;
	height: 180px;
	font-size: 9px;
}
table.htmlEnabled, table.htmlEnabled td {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	border-spacing: 0;
}
table.htmlEnabled td.info {
	padding: 4px;
}
table.htmlEnabled td.info a {
	background-color: #439F78;
	color: #ffffff;
	padding: 2px;
	font-weight: bold;
	text-decoration: none;
}
.charsLeft {
	font-size: 9px;
	padding-top: 5px;
	padding-right: 5px;
}
.charsLeftError {
	color: red;
	font-weight: bold;
	font-size: 9px;
	padding-top: 5px;
	padding-right: 5px;
}
/* end of the TinyMCE MultiLingualString classes */

.input_select {
	width: 300px;
}
TABLE.checkbox_column {
	float:left;
	border-spacing: 0;
	margin-right: 5px;
	padding: 0;
}
TABLE.checkbox_column TD {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.checkbox_row input{
	float: left;
	width: 15px;
	margin: 0;
	padding: 0;
}
TD.checkbox_row {
	text-align: left;
	padding: 0;
	margin: 0;
	border-style: none;
	width: 160px;
	vertical-align: top;
}
.checkbox_text {
	margin: 3 0 0 20px;
	text-align: left;
	width: 125px;
	vertical-align: top;
}
html > body .checkbox_text {
	float: left;
	margin: 3 0 2 26px;
	padding: 2px 0 0 3px;
	width: 139px;
}

/* ---- Edit Fields ---- */
SPAN.multivalue_display {
	padding-right: 5px;
	margin-right: 5px;
}
.input_select_medium {
	width: 200px;
}
.input_select_small {
	width: 100px;
}
#MaintainBasisWeightForm input.propvalue {
	width: 30px;
}
.contextCheckbox {
	text-align: center;
}
.contextCheckbox input.checkbox {
	width: 15px;
	margin: 0;
	padding: 0;
}


/* ---- Column Widths ---- */
.col_sort {width: 45px;}
html > body .col_sort {width: 50px;}

.col_10 {width: 10px;}
.col_20 {width: 20px;}
.col_30 {width: 30px;}
.col_40 {width: 40px;}
.col_45 {width: 45px;}
.col_50 {width: 50px;}
.col_60 {width: 60px;}
.col_70 {width: 70px;}
.col_75 {width: 75px;}
.col_80 {width: 80px;}
.col_90 {width: 90px;}
.col_100 {width: 100px;}
.col_150 {width: 150px;}
.col_180 {width: 180px;}
.col_200 {width: 200px;}
.col_220 {width: 220px;}
.col_250 {width: 250px;}
.col_300 {width: 300px;}
.col_350 {width: 350px;}
.col_400 {width: 400px;}
.col_500 {width: 500px;}
.col_600 {width: 600px;}
.col_750 {width: 750px;}

/* ---- List Layout Table ---- */

.list_table {
	border-collapse: collapse;
	border-spacing: 0;
}
.list_table TH {
	height: 20px;
	background-color: #439F78;
	padding:3px 0 2px 7px;
	margin: 0;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #716F64;
}
.list_table TD {
	font-size : 11px;
    vertical-align: top;
	padding: 2px 3px 2px 9px;
}
TD.buttons {
	background-color: white;
}
TD.white {
	background-color: red;
}
.movedown A {
	float: right;
}
.moveup A {
	float: left;
	margin-left: 5px;
}

/* ---- Form Layout Table ---- */

.form_table {
	border-collapse: collapse;
	border-spacing: 0;
}
.form_table TH {
	height: 20px;
	background-color: #439F78;
	padding:3px 0 2px 7px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}
.form_table TD {
	border-bottom: 1px solid #ffffff;
	font-size : 11px;
    vertical-align: top;
	padding: 5px;
	background-color: #e1e8e6;
	margin: 0;
}
.form_table .buttons {
	background-color: white;
}	
.tableSpacer {
}

/* ---- TD Classes ---- */

TD.multi_header_label {
	font-weight: bold;
}
TD.multi_header_preview {
	padding-right: 20px;
}
TD.multi_td_label {
	background-color: #F2F4F3;
}
TD.multi_td_field {
	background-color: #F2F4F3;
}

/* ---- About page ---- */

.searchRTitle {
	padding-bottom: 10px;
}	
.get_acrobat {
	font-size:9px;
	border: 1px solid #E2E8E8;
	background-color: #FFFBE7;
	margin-top: 20px;
	padding: 5px;
	width: 160px;
}
.get_acrobat img {
	margin-left: 30px;
	border: 0;
}
.get_acrobat ul {
	padding: 3px 0 5px 20px;
	margin: 0;
}

/* ---- Content Layout ---- */

TD.content {
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
}
TD.content_right {
	border-right: 1px solid #D1D6D4;
}
DIV.content_right {
	padding: 16px 10px 5px 10px;
}
.left_col {
	width: 600px;
	float: left;
	padding: 0 15px 0 0;
	margin: 0 5px 0 5px;
}
html > body .left_col {
	padding-left: 5px;
}
.right_col {
	vertical-align: top;
	width: 270px;
	margin: 0 5px 0 5px;
	padding: 0;
}
.sidebar_layout {
	width: 270px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #F98540;
	text-align: left;
}
.sidebar_layout TD {
	vertical-align: top;
	color: #F98540;
}
.sidebar_layout TD.sidebar_title {
	font-weight: bold;
	color: #000000;
	padding: 0 0 8px 5px;
}
.sidebar_layout TD.sidebar_desc {
	color: #888;
	padding: 0 0 8px 5px;
}
.sidebar_title_img {
	width: 20px;
}
.sidebar_layout A {
	color: #F98540;
	cursor: pointer;
}
#searchSelectionsTable {
	width: 240px;
	font-size: 10px;
	margin: 0 0 0 20px;
	background-color: #F0F4F5;
}
/* ---- Content Layout ---- */

TD.contentwrap {
	border-left: 0px solid #D1D6D4;
	border-right: 0px solid #D1D6D4;
	padding-top: 15px;
}
DIV.contentwrap {
	padding: 16px 10px 5px 10px;
}
TD.contentwrap2 {
	border-right: 1px solid #D1D6D4;
	padding-top: 13px;
}
DIV.contentwrap2 {
	padding: 16px 10px 5px 10px;
}
td.right {
	border-left: 			1px solid #D1D6D4;
	padding-top:			15px;
	padding-left:			25px;
	padding-bottom:			25px;
	padding-right:			10px;
}




LI, UL {
	margin-top:3px;
	margin-bottom: 3px;
}

/* ---- BrandFamily Screens ---- */

.brandFamilyTable, .paperCategoryTable {
	padding: 10px 5px 10px 0;
}
.brandFamilyTable td {
	padding: 15px 0 0 0;
	vertical-align: top;
}
.paperCategoryTable td {
	padding: 5px 0 0 0;
	vertical-align: top;
}
.brandFamilyTable TD.familyCategoryTitle {
	font-weight: bold;
	color: #222222;
	padding: 15px 0 4px 0;
}
.brandFamilyTable td.family_logo {
	padding: 7px 0 0 14px;
}
.brandFamilyTable TD.description {
	color: #222222;
	padding: 5px 14px 0 18px;
}
.brandFamilyTable TD.frame_bottom {
	background-color: white;
}
.brandFamilyTable img {
	background-color: white;
	padding: 0 3px;
}
.family_title {
	padding: 5px 0 5px 0;
	font-weight: bold;
}
.familyLogoSmall {
	border: 0;
	padding-right: 10px;
	float: left;
}
.familyLogoLarge {
	margin-bottom: 10px;
}

/* ---- Search Screens ---- */

.searchFormTable {
	width: 600px;
	font-size: 10px;
	padding: 0 0 10px 5px;
}
.searchFormTable td.leftcol {
	width: 140px;
}
.searchFormTable td.rightcol {
}
.searchFormTable select, input, button {
	font-size: 10px;
}
.searchFormTable select {
	width: 180px;
}
.searchFormTable input {
	width: 174px;
}
.searchFormTable input.bwRange {
	width: 40px;
}
.searchDesc {
	color: #777;
}
#searchResultTable {
	width: 700px;
	font-size: 10px;
	margin: 5px 10px 0 5px;
	border-spacing: 0;
}
#searchResultTable td {
	vertical-align: top;
}
#searchResultTable td.brandFamily_image {
	padding: 20px 5px 0 0;
}
#searchResultTable td.brandFamily_image img {
	background-color: white;
	padding: 0 3px;
}
#searchResultTable td.brandFamily_description {
	font-size: 10px;
	width: 100%;
	color: #222222;
	padding: 8px 20px 5px 4px;
}
#searchResultTable td.bottom {
	height: 10px;
}
#searchResultTable .brand {
	border-spacing: 0;
	font-size: 10px;
	width: 100%;
	margin: 0 23px 0 30px;
	padding: 0 2px 0 0;
}
#searchResultTable .brand td {
	vertical-align: top;
	width: 100px;
	background-color: #F2F4F3;
	padding: 3px 3px 4px 1px;
}
#searchResultTable .brand td.name {
	width: 150px;
}

/* ---- Brand Screens ---- */

.brand A {
	margin-left: 5px;
}
.category {
	background-color: #F2F4F3;
}
.brand_info_small {
	margin-top: 5px;
	margin-bottom: 10px;
}
.brand_info_small TD {
	background-color: #EBF0EE;
	border-bottom: 1px solid white;
	padding: 5px 3px 5px 5px;
	vertical-align: top;
}
.brand_info_label {
	width: 150px;
	font-weight: bold;
}
.brand_info_value {
	width: 295px;
}
.disclaimer {
	font-size: 9px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.valueGrid {
	background-color: #E2E8E8;
	margin-top: 5px;
	border-spacing: 1px;
}

TD.valueGridLabel {
	background-color: #F0F4F5;
	padding: 2px 3px 2px 3px;
	white-space: nowrap;
}
TD.valueGridData {
	vertical-align: top;
	width: 25px;
	background-color: white;
	padding: 2px 1px 2px 1px;
	text-align: center;
	font-size: 11px;
	font-family: helvetica;
	white-space: nowrap;
}
TD.valueGridDataPM {
	vertical-align: top;
	width: 60px;
	background-color: white;
	padding: 2px 1px 2px 1px;
	text-align: center;
	font-size: 11px;
	font-family: helvetica;
	white-space: nowrap;
}