/* The settings for the MSDS fieldset, note that the width of elements
 * such as labels, spans, and textareas is set with jQuery afterwards. */
	
	.page-break	{ display: block; page-break-before: always; }
	
	#msds_form{
		width: 700px;
		margin: auto;
	}
	fieldset:not(.subcategory){
		padding: 15px;
		margin: auto;
		border: 1px solid black;
		width: 670px;
		margin-bottom: 30px;
	}
	fieldset:not(.subcategory) legend, .section_label{
		font: bold 16px "Lucida Grande","Lucida","Arial",Sans-serif;
		color: #0047ab;
	}
	fieldset.subcategory{
		border: 0;
		color: black;
	}
	fieldset.subcategory legend{
		font: bold 14px "Lucida Grande","Lucida","Arial",Sans-serif;
		margin-left:0;
		padding-left:0;
	}
	fieldset label{
		font: 11px "Lucida Grande","Lucida","Arial",Sans-serif; 
		color: #000000;//#0047ab;
		display: inline-block;
		vertical-align: top;
		padding: 5px;
		margin-right: 15px;
		font-weight: bold;
	}
	fieldset div{
		font: 11px "Lucida Grande","Lucida","Arial",Sans-serif;
		padding: 0;
		margin: auto;
		margin-top: 0px;
		width: 100%;
		text-align: justify;
	}
	fieldset input, fieldset textarea, fieldset span:not(.fa){
		font: 12px "Lucida Grande","Lucida","Arial",Sans-serif;
		display: inline-block;
		padding: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		min-height: 16px;
		border: 1px solid white;
		word-wrap: break-word;
	}
	fieldset span p:first-child{
			margin-top: 0px;
			padding-top: 0px;
	}
	fieldset button,div button{
		width: 200px;
		background-color: lightgray;
		border: 1px solid gray;
		font-weight: bold;
		padding: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
	fieldset div div, button.sp-choose{ /*fix for the color picker*/
		width: auto;
		margin-top: auto;
	}

	fieldset button:hover,div ul button:hover, div button:hover{
		background-color: #eeeeee;
	}
	fieldset button:active,div ul button:active, div button:active{
		background-color: lightgray;
	}
	#msds_header, #name_number{
		width: 100%;
		margin: auto;
		margin-bottom: 15px;
	}
	#msds_header div{
		display: inline-block;
		vertical-align: bottom;
		width: 49%;
		margin: auto;
	}
	#header_text span{
		display: block;
		text-align: left;
		padding-left: 10px;
	}
	#header_text span.title{
		padding-top: 5px;
		padding-bottom: 5px;
		font: bold 25px arial;
	}
	#logo img{
		width: 90%;
		vertical-align: bottom;
	}
	#name_number{
		padding: 15px;
	}
	#name_number span:not(.fa){
		font: bold 20px arial;
		padding: 10px;
	}
	#msds_footer{
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		padding: 3px;
		padding-left: 5px;
		margin: auto;
		width: 100%;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
	}
	#msds_footer label{
		font-weight: bold;
	}
	#msds_footer li{
		list-style: none;
		display: inline-block;
	}
	textarea{
		resize: vertical;
	}
	#msds_pictograms li{
		margin-top: 10px;
		display: none;
		list-style: none;
	}
	#msds_pictograms li img{
		width: 70px;
	}
	#msds_pictograms{
		text-align: center;
	}
	fieldset input,fieldset textarea{
		background: #fafafa;
		border-color: lightblue;
	}
	fieldset input:hover, fieldset input:focus, fieldset textarea:hover, fieldset textarea:focus{
		border-color: lightblue;
		background: #f6f6f6;
	}
	.sub_header{
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #0037ab;
		font-size: 12px;
		display: block;
	}
	.note{
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.basic_container{padding-left: 0px;}
	
	.HV_container{padding-left: 0px;}
	
	.GHS_container span{word-wrap:break-word;}
	
	.GHS_container img{
		//width: 50px;
	}
	GHS_container div{
		margin: auto;
	}

	.shipping_header{
		font-weight: bold;
		padding: 5px;
		color: #0037ab;
		font-size: 11px;
	}
	.current_section{
		border: dashed 1px;
	}
	.hover{
		border: 1px solid lightblue;
		background: #eeeeee;
		opacity: 1;
	}
	.error{
		border-color: red;
	}
	#pdf_icon{
		height: 25px;
		vertical-align: bottom;
		cursor: pointer;
		opacity: 0.6;
	}
	#name_number span{
	}
	.subcategory{
		display: block;
		font: bold 12px "Lucida Grande","Lucida","Arial",Sans-serif;
		color: #0037ab;
		margin: 10px;
		margin-left: 0px;
		padding-top: 15px;
	}
	.caption{
		font-weight: bold;
		font-size: 14px;
		border-bottom: 1px solid black;
	}
	.in_msds_table th{
		border-bottom: 1px solid black;
	}
	.in_msds_table{
		margin-top: 5px;
		display: block;
		padding: 5px;
	}
	.in_msds_table table{
		width:98%;
		font-size: 12px;
	}