/* CSS Document */

/* ********************************************************************************************
*	Created By: 				Kevin Dyck, Accenture Utilities BPO
*	Creation Date: 			November 19, 2007
*	Modified By: 			
*	Modification Date: 		
*	Modification Note (what did you update, and why?): 	
******************************************************************************************** */



/* REDEFINE COMMON HTML TAGS */

body {
	margin: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C8C8C8;
} 

p, h1, h2, h3, h4, h5, h6, form, fieldset, img, ul, ol, li {
/* Zero-all margins to get the same starting point cross-browser. Individual modifications are set below. */
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 

img	{
	border: 0px;
}

a {
	text-decoration:none;
	color: #0066CC;
}
a:hover { text-decoration: underline;	}
a:active { text-decoration: none;	}

/* end of HTML TAGS section */



/* ******************************************************************************************************** */



/* CREATE IDs FOR PAGE SECTIONS
	remember: 		each ID can apply to only one area of each page, because IDs can be used to position items on the screen
					Common page elements that can use IDs are Content, Navigation, Header, Footer, Related Links
*/


#wrapper	{
	width: 960px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color:#fff;
	border: 1px solid #333;
}

#header	{
	height: 52px;
	width: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #FFFFFF;
}

#header .logo	{
	padding: 20px 0px 10px 0px;
}

#main	{
	position: relative;
	width: auto;
	margin: 0px;
	padding: 0px;
	clear: both;
	top: 1px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

#content	{
	margin: 25px 10px;
	width: auto;
}

	#content H1	{
	font-size:18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: normal;
	}

	#content H2	{
		font-size:16px;
		margin-bottom: 10pt;
		font-weight: normal;
	}
	#content H3	{
	font-size:13px;
	color:#000000;
	margin-top: 5px;
}
	#content H4	{ font-size:12px; color:#000000; margin-bottom: 2pt; }

	#content p	{
		margin-bottom: 10pt;
		font-size: 9pt;
	}

 #important {
		float: right;
		width: 220px;
	}

	#important p{
		font-size: 11px;
	}
	
	#rightcol	{
		margin: 25px 10px;
		width: 225px;
	}
	
		#rightcol H1	{
			font-size:9pt;
			font-family: Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-weight: bold;
			color:#000000;
			margin-top: 0;
			margin-bottom: 10pt;
		}
	
		#rightcol p	{
			font-size:9pt;
			font-family: Arial, Helvetica, sans-serif;
			margin-top: 0;
			margin-bottom: 9pt;
		}

	#content hr, #rightcol hr	{
		height:1px;
		border-top: 1px dotted #ccc;
	}
	
	
#pagetitle	{
	padding:0px 10px 10px 10px;
	font-weight: bold;
	font-size:16px;
	color:#000000;
}

#footer	{
	position: relative;
	margin: 0px;
	padding: 5px 10px;
	vertical-align: middle;
	font-size: 80%;
}

	#footer	p {
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
	}

	#footer	a {}




/* end of IDs section */



/* ******************************************************************************************************** */


















/* CLASS DEFINITIONS
	Class definitions may apply to any number of elements on a page, because they are not used for positioning. 
*/


.smalltext, #main .smalltext, #main p.smalltext	{	font-size: 11px;	}

.caption	{
	font-size: 80%;
	text-align: center;
	margin: auto 2px;
}

.labelLeft	{
	font-size:11px;
	color:#666;
	text-align: left;
}
.label{
	font-size:11px;
	color:#666;
}

.value	{
	font-size:12px;
	color:#000;
}

.greybar	{
	background-color:#EBEBEB;
	border: 1px solid #ccc;
	width: 938px;
	margin-top: 15px;
}

.greybar .header	{
	font-size: 14px;
	color: #59AD40;
	font-weight: bold;
	padding-left: 5px;
}

.greybar td	{
	padding: 2px 1px;
	border: 0;
	font-size: 11px;
	white-space:nowrap;
}
.greybar input{
	margin-left:10px;
}

.grid td	{ 
	border: 1px solid #EBEBEB; 
	border-collapse:collapse;
	background-color: #fff;
	padding: 5px;
}

	.grid td td	{ /* clears the border value so that nested tables don't inherit it */
		border: 0; 
	}

.alert {
	color: #CC0000;
}

.status {
	font-weight: bold;
	color: #CC0000;
}

.large_format_table	{
	font-size:10.px;
	color:#666666;
	margin: 10px;
	font-size: 10pt;
}

.large_format_table .label	{
	font-size:11px;
	color:#666666;
	text-align:right;
}

.large_format_table td	{
	padding: 3px 4px;
/*	border: 0;	*/
}

.small_format_table	{
/* ***	this section covers the SMALL FORMAT TABLE, which is a condensed data table that is nested within the larger left col table on pages like "Request Work" 	*** */
	font-size:8pt;	color:#666666;	
	margin: 10px;
}

.small_format_table td	{
	padding: 3px 4px;
}

.button_table	{
	margin: 0px;
	border-top: 1px dotted #ccc;
}

.button_table td	{
	padding: 10px;
}

.highlight { /* for form results that require bolded text */
	font-weight: bold;
	color: #000000;
}

.date_time	{
	float:right;
	top: 10px;
	padding-top: 7px;
}

.hidden	{
	display: none;
}


/* end of CLASS DEFINITIONS */



/* ******************************************************************************************************** */




/* ************************ PAGE ELEMENTS ************************ */


/* Table Greenhead - for display tables with a green header bar and a thin outline around the table */

table.greenhead	{
	margin-bottom: 10px;
	font-size: 11px;
}

table.greenhead	th {
	background-color: #59AD40;
	padding: 5px;
	color:#fff;
	font-weight:bold;
	font-size: 11px;
	border-left: 1px solid #59AD40;
	border-right: 1px solid #59AD40;
	border-bottom: 1px solid #59AD40;
}

#main table.greenhead th h1 {
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	color: #FFFFFF;
	margin: 0;
}

.greenhead_container {
	background-color: #fff;
	font-size: 11px;
	vertical-align:top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
/*
	border-collapse:collapse;
*/
}

.greenhead_container td {
	padding: 5px;
	font-size: 9pt;
}


/* End of TABLE  GREENHEAD */




/* Form Elements	*/

	/*input.login	{ width:60px; font-size: 11px; }*/
	
	.w40	{	width: 40px; font-size: 11px;	font-family:tahoma, arial;}
	.w60	{	width: 60px; font-size: 11px;	font-family:tahoma, arial;}
	.w80	{	width: 80px; font-size: 11px;	font-family:tahoma, arial;}
	.w100	{	width: 100px; font-size: 11px;	font-family:tahoma, arial;}
	.w140	{	width: 140px; font-size: 11px;	font-family:tahoma, arial;}
	.w150	{	width: 150px; font-size: 11px;	font-family:tahoma, arial;}
	.w200	{	width: 200px; font-size: 11px;	font-family:tahoma, arial;}
	.w240	{	width: 240px; font-size: 11px;	font-family:tahoma, arial;}
	.w250	{	width: 250px; font-size: 11px;	font-family:tahoma, arial;}
	.w280	{	width: 280px; font-size: 11px;	font-family:tahoma, arial;}
	.w400	{	width: 400px; font-size: 11px;	font-family:tahoma, arial;}
	.w650	{	width: 650px; font-size: 11px;	font-family:tahoma, arial;}	
	.w700	{	width: 700px; font-size: 11px;	font-family:tahoma, arial;}
	.h120	{	height: 120px; width: 280px; font-size: 11px;	font-family:tahoma, arial;}
	.h150	{	height: 120px; width: 200px; font-size: 11px;	font-family:tahoma, arial;}
	.disabled	{	color: #999999; }
	.disabled input, .disabled select, .disabled submit	{	color: #999999; border: 1px solid #cccccc;	background-color: #F7F7F7;}
	
	textarea.w200	{	width: 200px; height: 50px; font-size: 11px;	}
	textarea.w240	{	width: 240px; height: 50px; font-size: 11px;	}
	textarea.w280	{	width: 280px; height: 50px; font-size: 11px; 	}
	textarea.extratall	{ height: 100px;	}

/* End of Form Elements	*/



/* ***	formats the "form page" wrapping table, with grey gradients header and footer	*** */
	.form_page	{
  		width: 100%;
		border-collapse: collapse;
	}
  

	.form_page td.header	{
		background-image: url(../images/bg_greytable_head.jpg);
		background-repeat: repeat-x;
		background-color: #BFBFBF;
		padding: 10px;
		color: #000000;
		border: 1px solid #ccc;
	}

	td.header .label	{
		font-size:11px;
		color:#000;
		text-align: right;
	/*	vertical-align:top;	*/
	}

	td.header td	{
		padding: 3px;
	}

	.form_page_title	{
		font-size: 16px;
		font-weight:bold;
		margin:0px;
	}
  
	.form_page td.fullwidth	{
		padding: 0; 
		margin: 0;	
		background-color: #FFFFFF;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}	

	.tabholder	{
		margin: 30px 0 0 0;
	}

		.notab	{
			border-bottom: 1px solid #ccc;
		}

		.tabbed	{
			border: 0px;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			text-align: center;
			white-space: nowrap;
		}

		#main td.tabbed a	{
			background-image: url(../images/tab_grey_off.gif);
			background-repeat: no-repeat;
			background-position: center;
			text-decoration: none;
			display: block;
			width: 168px;
			padding: 3px 0px 2px 0px;
			color: #000000;
		}

		#main td.tabbed a:hover	{
			background-image: url(../images/tab_grey_on.gif);
			background-repeat: no-repeat;
			background-position: center;
			text-decoration: none;
			display: block;
		}

		#main .fullwidth a.tabon	{
			background-image: url(../images/tab_grey_on.gif);
			background-repeat: no-repeat;
			background-position: center;
		}


	.form_page td.content	{
		background-color: #FFFFFF;
		padding: 0px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.form_page td.footer	{
		background-image: url(../images/bg_greytable_foot.jpg);
		background-repeat: repeat-x;
		background-color: #C5C5C5;
		padding: 2px 10px;
		text-align: right;
		border: 1px solid #ccc;
	}

/* ***	end of FORMPAGE	*** */


/* ***	this section formats the Requests Tables (the ones with the green headers)	*** */

.requests_table	{
	border-collapse: collapse;
	font-size:11px;
	width: 100%;
}
.requests_table_nobord	{
	font-size:11px;
	width: auto;
}
.requests_table_notes	{
	border-collapse: collapse;
	font-size:11px;
	width: auto;
}

.requests_table	table td { /*	removes borders from nested tables	*/
	border: 0px;
}

.requests_table	.titlerow	{
	background-color: #A2D793;
	color: #006600;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

.requests_table	.titlerow_nobold	{
	background-color: #CAE8BF;
	color: #006600;
	margin: 0px;

}
.list_table	{
	background-color: #FFFFFF;
	color: #FFFFFF;
	margin: 0px;
}

.requests_table th	{
	padding: 3px;
	color:#000;
	border: 1px solid #CAE8BF;
	border-collapse: collapse;
	background-color: #DAEFD3;
	font-weight:normal;
}

.requests_table td	{
	padding: 3px;
	border-collapse: collapse;
	border: 1px solid #A2D793;
}
.requests_gray_table td	{
	padding: 3px;
	color: #000;
	font-size: 11px;	
	font-family:tahoma, arial;
	border-collapse: collapse;
	border: 1px solid #f2f2f2;
	vertical-align:top;
}
.requests_gray_table_default td	{
	padding: 3px;
	color: #000;
	font-size: 11px;	
	font-family:tahoma, arial;
	vertical-align:top;
}
/* ***	end of Requests Table 	*** */

.altrow {
	background-image: url(../images/bg_altrow.gif);
	background-repeat: repeat-x;
}

.seprow	{	border-top: 1px dotted #ccc;	}
.sepcol	{	border-left: 1px dotted #ccc;	}

.outline	{ 	border: 1px solid #ccc;	}

.intersection	{
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}



/* ********************** CONTROL BOX ************************** */


.ctrlbox	{
	background-color:#fff;
	margin-bottom: 10px;
}

.ctrlbox_leftcol	{
	background-image:url(../images/ctrlbox_sl.gif); 
	background-repeat:repeat-y;
}

.ctrlbox_rightcol	{
	background-image:url(../images/ctrlbox_sr.gif); 
	background-repeat:repeat-y;
}

.ctrlbox_bottom	{
	background-image:url(../images/ctrlbox_bot.jpg);
	background-repeat:repeat-x;
	text-align: right;
}

.ctrlbox_top	{
	background-image:url(../images/ctrlbox_top.jpg);
	background-repeat:repeat-x;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
}

.stepText {font-size:11px}

#search-type	{
	font-weight: normal;
}

	#search-type table	{
		width:100%
	}
	
	#search-type td	{
	border-left: 1px solid #ccc;
	padding: 0px 10px;
	white-space: nowrap;
	}

	#search-type a.selected	{
		font-weight:bold;
		color: #000000;
	}		

	#search-type td.label	{
		font-size: 110%;
		font-weight:bold;
		border-left: none;
		text-align: left;
		color:#000000;
	}


/* ********************** end of CONTROL BOX ************************** */

/* ********************** search tab ************************** */
.tabActive {
	background-color:white;
	color:#336600;
	cursor:pointer;
	border:0px;
	text-align:center;
	font-family:tahoma, arial;
	font-size:11px; 
	padding-top:13px;
	width:80px;
}

.tab {
	background-color:transparent;
	color:#6DA204;
	cursor:pointer;
	text-align:center;
	font-family:tahoma, arial;
	font-size:11px; 
	padding-top:13px;
	width:80px;
}

#tabData {
	padding:10px;
	height:150px;
	font-family:tahoma, arial;
	font-size:11px;
}
/* ********************** end search tab ************************** */

/* *********************** help balloon *************************** */

#balloon	{
	position:absolute;
	z-index: 10;
	visibility: hidden;
}
#balloon h1			{ margin: 0px 0px 5px 0px; padding: 0px; font-size: 9pt; font-weight: bold;	}
#balloon p			{ margin: 5px 0px 5px 0px; padding: 0px; font-size: 9pt; font-weight: normal; }
.balloonArrow		{ width:10px; vertical-align:top; }
.balloonContent		{ background-color: #EAF4FF; vertical-align:top; }
.balloonTop			{ background-color: #EAF4FF; height:10px; background-image: url(../images/balloon_top.gif); background-repeat: repeat-x;	}
.balloonBottom		{ background-color: #EAF4FF; height:10px; background-image: url(../images/balloon_bot.gif); background-repeat: repeat-x;	}
.balloonLeft		{ background-color: #EAF4FF; width:10px; vertical-align:top; background-repeat: repeat-y; background-image: url(../images/balloon_left.gif);	}
.balloonRight		{ background-color: #EAF4FF; width:10px; vertical-align:top; background-image: url(../images/balloon_right.gif); background-repeat: repeat-y;	}

/* ********************** end help balloon ************************** */


/* ********************** Search Results Display ******************** */

.results-head	{}

.results-item	{
	background-image: url(../images/results_item_bggrad.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}
.action_buttons	{
	background-image: url(../images/results_item_bggrad.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	vertical-align:bottom
	
}
	
	.results-item td	{
		padding: 5px;
	}
	
		.results-item td.button	{
			background-image:url(../images/results_item_separator.gif);
			background-repeat: no-repeat;
			padding-right: 10px;
			padding-left: 10px;
			cursor:pointer;
		}
		
		.results-item td.links	{
			color:#666666;
			font-weight:normal;
			font-size:11px;
			white-space: nowrap;
			padding-right: 10px;
		}
		
		.results-item td.product	{
			font-weight: bold;
		}


/* vera changed:
.results-item-detail	{
	display: none;
	padding: 5px 0px;
}

	.results-item-detail td	{
		padding: 3px;
	}

	.results-item-detail .label	{
		text-align: right;
	}
*/
.results-item-detail	{
	display: block;
	padding: 5px 0px;
}

.results-item-detail td	{
	padding: 3px;
}

.results-item-detail .label	{
	text-align: right;
}

.specialNotice, .environmentalNotes, .safetyNotes {margin-bottom:20px}

/* ********************** end Search Results Display ******************** */



/* ********************** LABEL FORM ******************** */

#labels img	{
	cursor:hand;
	border: 3px solid #ffffff;
}

#precaution_phrases	{ 
	border: 1px solid #ccc;
	width: auto;
	height: 300px;
	background-color:#fff;
	overflow: scroll;
	margin-bottom: 15px;
}
#product_notes	{ 
	border: 0px solid #ccc;
	width: auto;
	height: 240px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
}
#hi_enotes	{ 
	border: 0px solid #ccc;
	width: auto;
	height: 240px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
}
#hi_snotes	{ 
	border: 0px solid #ccc;
	width: auto;
	height: 240px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
}
#hazardous_ingredients	{ 
	border: 0px solid #ccc;
	width: auto;
	height: 160px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
}
#transfer_PDFs	{ 
	border: 1px solid #ccc;
	width: auto;
	height: 350px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
	margin-left: 50;
	padding-left: 50;
	text-indent: 50;
	
	
}
#list_w700	{ 
	border: 1px solid #ccc;
	width: 705px;
	height: 150px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
}
#list_w700h260	{ 
	border: 1px solid #ccc;
	width: 705px;
	height: 300px;
	background-color:#fff;
	overflow: auto;	
	margin-bottom: 0px;
}
#list_w800h260	{ 
	border: 1px solid #ccc;
	width: 800px;
	height: 300px;
	background-color:#fff;
	overflow: auto;
	margin-bottom: 0px;
}
#edit_label	{
	border: 1px solid #ccc;
	background-color:#fff;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	width: auto;
	height: 400px;
	overflow: auto;
	vertical-align: top;
	display: block;
}

/* ********************** end LABEL FORM ******************** */

/* ************** Bullets ************** */
.bullet {
	list-style-position: inside;
	list-style-type: square;
	font-size: 6px;
}
/* ************** end Bullets ************** */
.label_bg {
	background-image: url(../images/label_bground.gif);
	background-repeat: repeat;
	background-position: left top;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.label_position {
	vertical-align:top;	
}
hr.light{
	height:1px;
	border-top: 1px dotted #ccc;
}
hr.lightlabel{
	height:1px;
	border-top: 1px dotted #ccc;
}
#hr_vertical {
	border-left : 1px dotted #ccc;
	width:3px;
	float:left;
	height:300px; 
}
.label_footer{
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;	
	font-weight: none;
}
/* ************** large label ************** */
.label_large_name {
	font-size:22pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
	margin-top: 0;
	margin-bottom: 10pt;
}
.label_large_inform {
	font-size:18pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
	margin-top: 0;
}
.label_large_text {
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top: 0;
	font-weight: bold;
	/*line-height: 130%;*/
}
li.label_large_list {
	font-size:12pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom: 10pt;
	line-height: 120%;
	list-style-type: disc;
	list-style-position: inside;
}
/* ************** medium label ************** */
.label_medium_name {
	font-size:15pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
	margin-top: 0;
	margin-bottom: 10pt;
}
.label_medium_inform {
	font-size:11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
	margin-top: 0;
}

.label_medium_text {
	font-size:7pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top: 0;
	font-weight: none;
	/*line-height: 110%;*/
}

li.label_medium_list {
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom: 10pt;
	line-height: 120%;
	list-style-type: disc;
	list-style-position: inside;
}
/* ************** small label ************** */
.label_small_name {
	font-size:13pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
	margin-top: 0;
	margin-bottom: 10pt;
}
.label_small_inform {
	font-size:11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000000;
	margin-top: 0;
}

.label_small_text {
	font-size:6pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top: 0;
	font-weight: none;
	/*line-height: 110%;*/
}

li.label_small_list {
	font-size:8pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom: 5pt;
	/*line-height: 120%;*/
	list-style-type: disc;
	list-style-position: inside;
}
.label_small_footer{
	font-size:7pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;	
	font-weight: none;
}
.label_bullet{
	font-size:18pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;	
	font-weight: none;
	vertical-align:middle;
	
}
.label_content{
	height:850px;
	padding:0;
	position:absolute;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	width: 670px;
	overflow: hidden;	
	top: 0px;
	background-color: #999999;
}
#content_label{
	margin: 0px;
	width: 670px;
	height:800px;
}
#content_label_limit{
	margin: 0px;
	width: 670px;
	height:7px;
	background-image: url(../images/label_bg3.gif);
	background-repeat: repeat-x;
	background-position: left top;
}