@charset "UTF-8";
/* CSS Document */

#content	{
	background-color: #EEEBE6;
}

div.buttons	{
	clear: none;
	float: left;
	margin: 29px 0 0;
}

.buttons input,
div#agree a	{
	width: auto;
	background-color: transparent;
	background-image: url(../_images/hazmatch/grad_button.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0 0;
	border: 1px solid #bdbab5;
	/*cursor: pointer;*/
	color: #336699;
}

/* ---------
	 =COL_1
--------- */

#content #col_1	{
	width: 280px;
}

#content #col_1 ul	{
	padding: 15px;
	margin: 0 0 15px 0;
	background-color: #FFF;
	border: 1px solid #BDBAB5;
}

	#content #col_1 ul li	{
		margin: 0 0 15px 0;
	}
	
		#content #col_1 ul li a	{
			color: #003366;
		}
	
		#content #col_1 ul li a	{
			padding: 0 0 0 15px;
			background-image: url(../hazmatch/include/img/arrow_search.gif);
			background-repeat: no-repeat;
			background-position: 0 3px;
			font-size: 12px;
			font-weight: bold;
		}
		
		#content #col_1 ul li a:hover,
		body#suit_selector ul#nav_hazmatch li.suit_selector a,
		body#search_by_chemical ul#nav_hazmatch li.search_by_chemical a,
		body#search_by_fabric ul#nav_hazmatch li.search_by_fabric a	{
			/*background-position: 8px 3px;*/
			cursor: pointer;
			text-decoration: none;
			color: #0066cc;
		}
	
	#content #col_1 strong	{
		font-size: 11px;
		font-weight: normal;
	}
	
	#content #col_1 strong span	{
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#col_1 strong#records_found	{
		display: block;
		padding-top: 6px;
		margin-top: 2px;
		border-top: 1px solid #BDBAB5;
		font-weight: bold;
		text-align: left;
	}
	
	#col_1 span#page_num	{
		display: block;
		text-align: left;
		color: #369;
	}
	
	/* ----------------
		 =FORM
	---------------- */
	
		#col_1 #sidebar_search	{
			padding: 8px;
			background-color: #D1DCEB;
			border: 1px solid #BDBAB5;
			text-align: center;
		}
		
		#col_1 form fieldset legend	{
			clear: left;
			margin: 0 0 15px;
			float: left;
			white-space: normal;
			*margin-left: -7px;	
		}
		
		#col_1 form fieldset legend span	{
			display: block;
			width: 266px;
			padding: 4px 6px;
			margin: -8px -8px 5px;
			background-color: #6598b7;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			color: #FFF;
		}
		
		#col_1 form select,
		#col_1 form input	{
			float: left;
			margin: 0 8px 8px 0;
		}

/* ---------
	 =COL_2
--------- */

#content #col_2	{
	width: 622px;
	/*padding: 1px;*/
	margin: 20px 20px 15px 0;
}

#content #col_2 img	{
	margin: 0;
}

	/* --------
		 =FORM
	-------- */
	
	#suit_selector #col_2 form,
	#search_page #col_2 form	{
		display: block;
		float: left;
		padding: 0 15px;
		background-color: #FFF;
	}
	
		#col_2 form fieldset	{
			display: block;
			float: left;
			margin: 0 0 10px;
		}
		
			#col_2 form fieldset legend	{
				clear: left;
				margin: 0 0 15px;
				float: left;
				white-space: normal;
				*margin-left: -7px;	
			}
			
			#col_2 form fieldset legend span	{
				display: block;
				width: 599px;
				padding: 4px 4px;
				margin: 0 -15px;
				background-color: #CCC;
				font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
				font-size: 11px;
				font-weight: bold;
				color: #333;
			}
		
		#col_2 form fieldset label	{
			float: left;
			width: 25%;
			margin-bottom: 5px;
		}
		
		#col_2 form .buttons	{
			padding: 10px 10px 15px;
		}
		
/* ---------
	 =TABLE
--------- */

	#col_2 table	{
		width: 622px;
		margin: 0 0 20px;
		background-color: #FFF;
		border: 1px solid #BDBAB5;
		border-collapse: separate;
		border-spacing: 0;
	}
	
	#col_2 caption	{
		padding: 8px;
		background-color: #6598b7;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		color: #FFF;
	}
	
		#col_2 table th,
		#col_2 table td	{
			padding: 8px 6px;
			text-align: left;
		}
	
		#col_2 table thead th,
		#col_2 table thead td	{
			background-color: #D1DCEB;
			border: 1px solid #FFF;
			font-weight: bold;
			color: #336699;
		}
		
		#col_2 table thead th	{
			border-right: none;
		}
		
		#col_2 table thead td	{
			border: 1px solid #FFF;
			border-left: none;
		}
	
		#col_2 table tbody tr:hover td	{
			background-color: #DFE6EF;
		}
	
		#col_2 table a	{
			font-weight: bold;
			color: #336699;
		}
		
			#col_2 table a.find_fabric_match	{
				font-size: 11px;
			}
			
			#col_2 table a.more_info	{
				font-weight: normal;
				color: #747474;
			}

div#pages	{ padding: 0; margin: -10px 0 0; }
	
	div#pages ul,
	div#pages ul li	{ list-style-type: none; }
	
	div#pages ul		{ float: left; padding: 0; margin: 0 10px 0 0; }
	
		div#pages ul li	{ display: inline; }
		
			div#pages ul li a				{ text-decoration: none; color: #747474; }
			div#pages ul li a:hover	{ text-decoration: underline; }
	
	div#pages ul#page_numbers:before	{ content: "PAGE [ "; color: #000; }
	div#pages ul#page_numbers:after		{ content: " ]"; color: #000; }
	
	div#pages li#next_page:after	{ content: " :"; color: #000; }
	
	div#pages form	{ float: right; padding: 0; }

/* ----------------
	 =PAGE-SPECIFIC
---------------- */

	body#suit_selector #content #col_2,
	body#search_page #content #col_2	{
		width: 606px;
		padding: 8px;
		background-color: #005195;
		border: none;
	}
	
	body#suit_selector input#chemical_name	{
		width: 458px;
	}
	
	body#suit_selector form fieldset a	{
		color: #003366;
	}
	
	body#search_page #col_2 form	{
		width: 577px;
	}
	
	body#search_page #col_2 fieldset	{
		margin-right: -200px;
	}
	
	body#search_page #col_2 table	{
		width: 607px;
	}
	
	body#search_by_fabric #col_1 strong#records_found	{
		padding-top: 0;
		border: none;
	}
	
	body#results h2	{
		display: block;
		margin-bottom: 10px;
	}
	
	body#results table caption	{
		text-align: left;
	}
	
	body#results table tbody th,
	body#results table tbody td	{
		border-top: 1px solid #BDBAB5;
	}
	
	body#results table tbody td	{
		font-weight: bold;
	}
	
	body#results #col_2 table tbody tr:hover td	{
		background-color: transparent;
	}
	
	body#results table tfoot td	{
		background-color: #BDBAB5;
	}
	
	body#results table tfoot td a	{
		color: #FFF;
	}
	
	body#results div#recommended_suit	{
		background-color: #FFF;
		border: 1px solid #BDBAB5;
	}
	
	body#results div#recommended_suit	{
		float: left;
	}
	
	body#results div#recommended_suit img	{
		float: left;
		margin: 10px;
	}
	
	body#results div#recommended_suit table	{
		float: left;
		width: 300px;
		margin: 0;
	}
	
	body#results #col_2 strong	{
		font-weight: bold;
		text-transform: uppercase;
	}
	
	body#results #agree_statement	{
		text-transform: uppercase;
	}
	
	div#agree a	{
		padding: 2px 8px;
		text-decoration: none;
		}
		
	div#agree a:hover	{
		border-color: #666;
		color: #666;
	}
	
	table#fabric_match th,
	table#fabric_match td		{ text-align: center; }
	
	#col_2 table#master_table tbody tr:hover td	{
		background-color: transparent;
	}
	
	a.back	{ display: block; width: 12em; margin: 0 auto 20px; color: #336699; font-weight: bold; text-align: center; text-decoration: none; }
	a.back:hover	{ text-decoration: underline; }