/* ==========================================================================================================================
	Created:  September 2014 - NPT 
		Copied from xom_chem.css. ExxonMobil Chemical Redesign to RED version
	
============================================================================================================================ 

Sizes:
-----
	922px		page width
	200px		left navigation
	12px		right-margin of left navigation
	12px		left margin of main content
	698px		main content
	200px		resource box with left padding

Colors:
------
    ffffff  white              	page background
    476393  solid blue         	page title, active breadcrumb, search button label text, various resource text elements.
	 4A658F  dark blue          	header bar background of active zone (ps, brands, about, etc.)
	 1a4a7a  dark blue				links
	 4d648c  dark blue				drop-down nav link text on hover
    dee9f2  light blue         	nav hover background
    a8a9a4  light gray         	headline background
    7b7b7b  dark gray        		dark bold links
    393838  darker gray        	strong text, headlines
    2c2c2c  almost black       	dark bold links
    444444  medium gray        	page text
    6b6b6b  medium gray        	page text
    ce0021  xom logo red       	link to resource summary page

	RED version
	323232  dark black			utility bar background
	3d3d3d	red						main nav background, bullet link on hover  >> change to c3151d
	dedede	light gray				font non-active
	fafafa	light white				font on hover, title
	2369bd	blue						title bar		>> change to 2369BD
	808080 dark blue				bullet link
	
*/
/******************************************************************************************************

	GENERAL

*******************************************************************************************************/
html {
	overflow: scroll;
	height:			100%;
}

body {
	font-family:	arial, sans-serif;
	font-size:		x-small;
	background:  #E0E0E0;
	height:			100%;
}

.hidden { display: none; }

.clrfix:after {
    content:		"."; 
    display:		block; 
    height:			0; 
    clear:			both; 
    visibility:		hidden; 
}

.clrBoth {
    clear:			both; 
}

a, a:link  			{ color: #003399; text-decoration: none; }
a:visited 			{ color: #003399; text-decoration: none; }
a:hover, a:active 	{ text-decoration: underline; }

body #container   .printOnly,		/* BDE: Ensure links footnotes do not display in browser. */
body #container ol.printOnly { 
	display:		none; 
}

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

	CONTAINER 

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

#container {
	display:		block;
	position:		relative;
	width: 			966px;
	margin:			0px auto 0px auto;
	background:  		#fff;
	/*height:			100%;*/
	/*box-shadow:  0px 4px 16px rgba(0,0,0,0.3);*/
}

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

	HEADER 

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

#header {
	display:		block;
	position:	relative;
	top:			0;
	left:			0;
	float:			left;
	width:		966px;
	height:		128px;
	color:		#fff;
	z-index:	100;
}

#header #user-info {
	font-size:		110%;
	position: 		absolute;
	top:				15px;
	left:				30px;
	color: 			#dedede;
	z-index:   		100;
}

#header #user-info .username {
	margin-right:	1ex;
}
#header #user-info a {
	font-weight:	bold;
	color: 			#dedede;
}

#header #user-info a:hover {
	color:			#fafafa;
}

#header #mini-nav {
	display:			block;
	position:		relative;
	font-size: 		110%;
	background-color: rgb(35,35,35);
	min-height:			37px;
	color: #a8a8a8;
	width: 100%;
}

#header #mini-nav ul {
	padding-top: 15px;
	width: auto;
	margin-right: 234px;
	float: right;
}
#header #mini-nav li {
	display: 		inline;
	margin-left:	10px;
}

#header #mini-nav li:before {
	color: 			#dedede;
	content: 		"\b7";
	margin-right:	10px;
	z-index:		999;
}

#header #mini-nav li:first-child:before{
	content:		"";
}

#header #mini-nav li a {
	color: 			#dedede;
}

#header #mini-nav li a:hover {
	color: 			#fafafa;
}

#header #main-nav {
	display:					block;
	position: 				relative;
	background: #d42e12; /* Old browsers */

	background: -moz-linear-gradient(top, #d42e12 0%, #a6192e 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d42e12), color-stop(100%,#a6192e)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #d42e12 0%,#a6192e 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #d42e12 0%,#a6192e 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #d42e12 0%,#a6192e 100%); /* IE10+ */

	background: linear-gradient(to bottom, #d42e12 0%,#a6192e 100%); /* W3C */

	background-color: #c3151d;
	height:					90px;
	box-shadow:			inset 0px 5px 0px 0px #a21118;
	border-collapse: 	separate;
}

/***LOGO is differrent size for English and Chinese version***/
#header #logo {
	display:		block;
	position:		relative;	
	width:			20%;
	float:			left;
	margin:			25px 0px 0px 30px;		
}


#header #language-select {
	position: absolute;
	top: 0px;
	right: 0%;
	height: 20px;
	font-size: 110%;
	color: #a9a9a9;
	padding: 15px 0px 1px 13px;
	width: 201px;
	background-color: rgb(47,47,47);
}

#header #language-select a {
	margin:			0 6px;
	color: 			#a9a9a9;
}
         
#header #language-select a:hover {
	color: 			#fafafa;
}
         
#header #language-select a.current {
	color: 			#fff; 
	text-decoration: none;
}

#header #search-nav #search-icon{
	float:			right;
	width:		70px;
	height:		90px;
	border:		none;
	background: transparent url('../../images/layout/icon-search-white-large.png') no-repeat center;
	background-size: 21px 21px;
	cursor:		pointer;
}
/*
#header #search-nav #search-icon:before{
	position: 	absolute;
	top:		40px;
	color:			#fff;
	content: 		"\b7";
}*/

#header #search-nav #search-icon:hover{
	background-color: rgb(197, 49, 57);
}

#header #search-nav #search-icon.open,
 #header #search-nav #search-icon.open:hover{
	background:	#fff url('../../images/layout/icon-close-red.png') no-repeat center;
	background-size: 21px 21px;
}

#header #search-form {
	float:				left;
	width: 			966px;
	height:			90px;
	margin:			0px 25px 10px 0px;
	box-shadow:	0px 3px 0px rgba(0,0,0,0.08);
	background-color: rgb(255, 255, 255);
	background-image: url('../../images/layout/icon-search-white-large.png');
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 28px 28px;
}

#header #search-form.close {
	display:			none;
}

#header #search-form.open {
	display:			block;
}

#header #search-form #search-q {
	float:				left;
	width:			730px;
	height:			80px;
	margin:			0px 0px 0px 55px;
	padding:		5px 0px 5px 0px;
	font-size:		200%;
	line-height:	16px;
	border:			none;
	/*background:	url('../../images/layout/search-bg-empty.gif') no-repeat center;*/
	color:			#d2d2d2;
}

#header #search-form #search-q.blank {
	color:			#d2d2d2;		
}

#header #search-form #search-submit {
	float:				right;
	width:			180px;
	height:			50px;			
	font-size:		250%;			
	color:			#959595;
	border:			none;
	border-left:		1px solid #d2d2d2;
	cursor:			pointer;
	background-color: #fff;
	bok-shadow:	none;
	margin-top:	23px;
}

#header #search-form #search-submit:hover{
	text-decoration:	underline;
}


#header #primary-nav {
	width:667px; /* NRH : remain space between Logo and Magnify glass*/
	position:		relative;
	display:			block;
	float:				left;
	color:			#fff;
	z-index:		10;
	margin-left:	auto;
}

#header #primary-nav a,
#header #primary-nav a:link {
	color: 			#fafafa;
}
#header #primary-nav a:hover,
#header #primary-nav a:active {
	color:			#fff;
}

#header #primary-nav #primary-nav-list {
	float:right;
	position:		relative;
	display:		block;
	height:			50px;
	font-size:		10%;
	padding:		35px 10px 6px 10px;
}
#header #primary-nav li{
	list-style-type: none;
}

#header #primary-nav li.first-level {
	display:		block;
	position:		relative;
	float:			left;
	height:			90px;
	margin-top:	-35px;
	/*font-weight:	bold;*/

}


#header #primary-nav li.first-level a,
#header #primary-nav li.first-level span {
	display:		block;
	height:			43px;
	padding:		38px 15px 9px 7px;
	line-height:		16px;
	font-size: 		1350%;
}

#header #primary-nav .first-level-text {
	color: 			#fafafa; 
	text-shadow: 0px -2px 1px #990203;
}

#header #primary-nav li.first-level>a.active:before,
#header #primary-nav .first-level>a:before{
	color: 		#dedede;
	margin-right:	20px;
	margin-left:	-10px;
	content: 	"\b7";
	text-shadow:	none;
}

#header #primary-nav li.first-level.first>a.active:before,
#header #primary-nav .first-level.first>a:before{
	content:	"";
}


/*#header #primary-nav li.first-level a.active,*/
#header #primary-nav li.first-level a.hover,
#header #primary-nav li.first-level a:hover {
	text-decoration:		none;
	color: #f00;
	text-shadow: none;
	background-color: #fff;
	background-image: url('../../images/layout/primary-nav-arrow.png');
	background-repeat: no-repeat;
	background-position: 50% 75%;

	/*Corporate light red version
	box-shadow: inset 0px 5px 0px 0px #b72c34;
	background-color: rgb(197,49,57);
	*/
	/*background:		url('../../images/layout/primary-nav-first-level-active-bg.jpg') repeat-x 0 0;*/
}


#header #primary-nav .first-level-sub {
	display:		none;
	position:		absolute;
	top: 			90px;
	left: 			-3px;
	width: 			200px;
	padding: 		0 0 9px 0;
	/*background:		url('../../images/layout/primary-nav-dropdown-bg.gif') no-repeat bottom right;*/
	background-color:	#fff;
	box-shadow:		none;
	border: 		1px solid #f1f1f1;
	border-top:		0px;
	z-index:		2000;
}

/*

#header #primary-nav .first-level-sub a:hover{
	background-color:	#fff;
}*/


#header #primary-nav .first-level-sub ul {
	padding: 		5px 3px 11px 3px;
	/*background:		url('../../images/layout/primary-nav-dropdown-bg.gif') repeat-y top left;*/
}

#header #primary-nav li.second-level span.label,
#header #primary-nav li.second-level a,
#header #primary-nav li.second-level a.active {
	display:		block;
	width:			auto;										
	height:			auto;
	margin:			0px 0 0 0;
	padding:		6px 22px 6px 11px;
	font-weight:	bold;
	line-height:	10px;
	color: 			#2c2c2c;
	font-size:		1150%;
}

#header #primary-nav li.second-level a.hover,
#header #primary-nav li.second-level a:hover {
	color:			#3d3d3d;
	text-decoration: 	underline;
	background-color:	#fff;
	box-shadow:		none;
	background-image:	none;
}

#header #primary-nav .second-level-sub ul {
	padding: 		0;
	background:		none;
	background-image:	none;
}

#header #primary-nav li.second-level-link a {
	display: 		block;
	height: 		auto;
	margin: 		0;
	padding: 		2px 22px 4px 11px;
	font-weight:		normal;
	line-height:		12px;
	color: 			#666666;	
						
	}

#header #primary-nav li.third-level a,
#header #primary-nav li.third-level a.active {
	display: 		block;
	height: 		auto;
	margin: 		0;
	padding: 		3px 11px 4px 22px;
	font-weight:	normal;
	line-height:	12px;
	color: 			#666666;	
	/*background:	#fff;		*/					
}
.header_globe_container{
	width: 64px;
	position: absolute;
	right: 13px;
	top: 12px;
}
.header_globe_container_img{
	background: url('../../Images/layout/Header_globe_logo.png');
	background-size: 100%;
	width: 17px;
	height: 17px;
}
.header_globe_container_img:hover{
	background: url('../../Images/layout/Header_globe_logo_hover.png');
	background-size: 100%;
	width: 17px;
	height: 17px;
}

.header_globe_logo_text{
	position: absolute;
	top: 4px;
	left: 24px;
}


.nav_globe{
	color: #737373;
	background-image: url(http://cdn.exxonmobil.com/~/media/Images/System%20Images/toputilitybckgrnd.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 4700px;
	background-color: #212121;
	font-family: 'EMprint', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida 			Grande", sans-serif;
	display:none;

}

.nav_globe_wrapper{
	margin: 0 auto;
	max-width: 1400px;
	width: 100%;
	height: 100%;
	//background: rgba(255, 10, 10, 0.3);
}
.nav_globe_left_panel{	
	float:left;
	width: 30%;
	height: 100%; 	
	max-width: 310px;
	min-width: 183px;
	background: rgba(0, 0, 0, 0.3);
	position:fixed;
	
}
.nav_globe_left_panel ul{
	list-style:none;
	padding-left:10%;	
}
.nav_globe_left_panel li{
	border-top:	1px solid #292929;
	padding:10%;
	//background: rgba(0, 255, 0, 0.3);

}
.nav_globe_left_panel li a{
	text-decoration:none;
	color: #808080;
	font-size:165%;
}
.nav_globe_right_panel{
	float:right;
	width: 55%;
	height: 100%; 
	//background: rgba(0, 0,255, 0.3);
	over-flow:hidden;
}

.logo{
	margin: 10%;
	background-size: 1000px 30px;
	background-image: url("http://corporate.exxonmobil.com/images/icons/icon-logos.svg");
	background-repeat: no-repeat;
	background-position: -150px center;
	height: 30px;
	left: 0;
	top: 35px;
	width: 147px;
}
.websites{
	display:none;
}
.websites ul{
	padding-left:3%;
}
.website-title{
	color: #ccc;
	font-size:165%;
}
.nav-countries ul{
	list-style:none;
}
.region{
	margin-top: 10%;
}
.region-title{
	color:#ccc;
	font-stretch: ultra-expanded;
	font-weight: bold;
	font-size: 150%;
}
.country{
	margin: 3% 0px;
}
.country-list{
	list-style:none;
}
.country-list a{
	text-decoration:none;
	color: #808080;
}
.country-list a:hover{
	color: white;
}
.country-title{
	font-size: 400%;
}
.websites-inner{
	padding:3%;
}
.languages{
	padding:3%;
}
.languages li{
	display:inline;
}
.languages li a {
	font-size:165%;
}
.languages li:nth-child(2)::before {
	 content: '   /  ';
}

.hide{
	display:none;
}
.show{
	display:block;
}
.exit{
	background-image: url('../../Images/nav_globe_exit.png');
	background-size: 100%;
	width: 28px;
	height: 28px;
	cursor: pointer;
	float: right;
	margin: 2%;
}
#toggle{
	position:absolute;
	z-index:1000;
	cursor:pointer;
}




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

	ACCESSIBILITY-related class: allows Web page readers to skip reading nav on every page.

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

.skip { 
	display:		block; 
	position:		absolute; 
	left:			-999px; 
	top:			0; 
	width:			1px; 
	height:			1px; 
	overflow:		hidden; 
}
	
.skip:focus, 
.skip:active {
	display:		block; 
	position:		absolute; 
	left:			50%; 
	top:			0; 
	margin-left:	-7em !important;
	margin-left:	-11em;
	text-align:		center;
	font-size:		1.4em; 
	font-weight:	bold; 
	color:			#111; 
	background-color:#eee; 
	border:			3px solid #f30; 
	width:			14em; 
	height:			auto;
	padding:		5px; 
} 

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

	CONTENT

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

#content {
	display:			block;
	width: 			100%;						/* BDE: force IE6 to apply layout to this style */
	font-size:		100%;
	color:			#808080;
	background: 	rgb(250,250,250) url(../../images/layout/bg-home-featured-topic.jpg) repeat;
	box-shadow:  		0px 4px 16px rgba(0,0,0,0.3);
	float:				left;
}

#content a {
    z-index: 11 !important;
}

#content #content-header {
	position:		relative;
	height:			auto;						/* BDE: works better across multiple browsers. 4/29/09 */
	font-size:		120%;
	margin: 		4px 4px 0px 24px;
}

#content #content-title {					/* Title under headerbar */
	width:			75%;
	padding: 		6px 0 6px 0;
	font-weight:	bold;
	font-size:		150%;
	color:			#3d3d3d;
}

#content #breadcrumb-container {
	position: 		relative;
	height:			auto;						/* BDE: works better across multiple browsers. 4/29/09 */
	font-size:		120%;
	margin:			2px 2px 0 24px;
}                

#content #breadcrumb-nav {
	margin:			8px 0 0 0;
	color: 			#999;
}

#content #breadcrumb-nav a {
	margin: 		0 2px;
	font-weight: 	bold;
	color: 			#999;
}

#content #breadcrumb-nav .active,
#content #breadcrumb-nav a:hover {
	color: 			#3d3d3d;
}

#content #share-links {
	display:		block;
	position:		absolute;
	top:			6px;
	right:			3px;
}

#content #share-links a {
	display:		block;
	float:			left;
	margin:			0 0 0   18px;
	padding:		0 0 2px 22px;
	line-height:	16px;
	color: 			#6b6b6b;
}

#content #share-links #print-link {
	background: 	url('../../images/layout/share-print.gif') no-repeat top left;
}

#content #share-links #email-link {
	background: 	url('../../images/layout/share-email.gif') no-repeat top left;
}

#content #share-links #share-link {			/* MCHANEY 10/27/11: Added for PSG "follow and share" functionality. */
	background: 	url('../../images/layout/share-share.gif') no-repeat top left;
	display:       none;							/* BDE 2/23/12: Hide until we're ready to deploy.  */

}

#content #share-links #rss-link {			/* MCHANEY 10/27/11: Added for PSG "follow and share" functionality. */
	background: 	url('../../images/layout/share-rss.gif') no-repeat top left;
	display:       none;							/* BDE 2/23/12: Hide until we're ready to deploy.  */
}
/*---------------------------------------------------------------------------------------------------------
  The frames are used for both Home and Landing pages.  framefl (frame float left)
-----------------------------------------------------------------------------------------------------------*/
/* Remove all frame
.frame01TL { background:transparent url(../../images/layout/shadowBox.gif) no-repeat top    left;  }
.frame01TR { background:transparent url(../../images/layout/shadowBox.gif) no-repeat top    right; }
.frame01BL { background:transparent url(../../images/layout/shadowBox.gif) no-repeat bottom left; }
.frame01BR { background:transparent url(../../images/layout/shadowBox.gif) no-repeat bottom right; }
*/
.frame01TL { margin:0 0 0 0;    height:7px; line-height:1%; font-size:1%; }
.frame01TR { margin:0 0 0 10px; height:7px; line-height:1%; font-size:1%; }
.frame01BL { margin:0 0 -1.5% 0; } 		/* DRC: 18 Feb 2010 - Changed bottom-margin to -1.5% to Fix image overflow in IE8 - If set to 0 work great on IE6 and Firefox*/
.frame01BR { margin:0 0 0 10px; } 	

/*** BDE 9/14/09: This is the float left version of hte frame above.  Used only for Hero box. */
/*
.frameflTL { background:transparent url(../../images/layout/shadowBox.gif) no-repeat top    left;  }
.frameflTR { background:transparent url(../../images/layout/shadowBox.gif) no-repeat top    right; }
.frameflBL { background:transparent url(../../images/layout/shadowBox.gif) no-repeat bottom left;  }
.frameflBR { background:transparent url(../../images/layout/shadowBox.gif) no-repeat bottom right; }
*/
.frameflTL { margin:0 0 0 0;   height:7px; line-height:1%; font-size:1%; }
.frameflTR { margin:0 0 0 6px; height:7px; line-height:1%; font-size:1%; }
.frameflBL { float: left;	margin:0 0 0 0;   }
.frameflBR { float: left;	margin:0 0 0 6px; }

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

	MAIN-CONTENT

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

#content .main-content {
	float:			left;
	width:			100%;
	max-width:	694px; /*NRH - Chem Responsive*/
	/* max-width:	auto; NRH - Chem Responsive change value to auto when mobile version*/
	margin:			16px 0px 10px 12px;
}

#content .no-left-nav {
	float:			left;
	max-width:		898px;							/*  BDE: 698+200 */
	margin: 		16px 0px 10px 0px;
	padding-left:	20px;
}

#content .main-content p {
	margin: 		1ex 0;
	color:			#808080;
}

#content .main-content strong {
font-weight:bold;
}

#content .main-content ul, 
#content .main-content ol { 
	display: 		block; 
	padding: 		0 0 0.5em 0.5em; 		/*  BDE: 0 0 2em 2.5em; in xom.css */
	margin-left: 	20px; 					/*  BDE: margin: 0; in xom.css */
}

#content .main-content .moduleIndent ul,
#content .main-content .moduleIndent ol  {
	float:			left;
	/* width:			250px;*/
	list-style-position: outside;
}

#content .main-content ul ul, 
#content .main-content ol ol,
#content .main-content ol ul,
#content .main-content ul ol{ 
	display: 		block; 
	padding: 		0 0 0 0.5em; 			/*  BDE: 0 0 2em 2.5em; in xom.css */
	margin-left: 	20px; 					/*  BDE: margin: 0; in xom.css */
}
	
#content .main-content li  { 
	display:     	list-item; 
	padding:     	0; 
	margin:      	0; 
	line-height: 	1.4em;
	color:			#808080;
}
/*
#content .main-content li a, 
#content .main-content li a:link,
#content .main-content p a, 
#content .main-content p a:link,
#content .main-content .mainFeature p a, 
#content .main-content .mainFeature p a:link,
#content .main-content #landing p a, 
#content .main-content #landing p a:link,
#content .main-content #landing li a, 
#content .main-content #landing li a:link,
#content .main-content #list p a, 
#content .main-content #list p a:link,
#content .main-content #list .item a, 
#content .main-content #list .item a:link,
#content .main-content #list .items a, 
#content .main-content #list .items a:link {
	text-decoration:	underline;
}*/
	
#content .resource-box {
	font-size: 		84.61538%;
	font-weight:	bold;
	color:			#476393;
}

#content .img320-box {
	position:		relative; 
	height:			343px; 
	width:			343px;
	z-index:		10;
}

#content .img320-shadow {
	position:		absolute; 
	z-index:		0;
}

#content .img320 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		11px 9px 12px 12px;
}

#content .img220-box {
	position:		relative; 
	height:			241px; 
	width:			241px;
	z-index:		10;
}

#content .img220-shadow {
	position:		absolute; 
	z-index:		0;
}

#content .img220 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		10px 10px 10px 11px;
}

#content .img150-box {
	position:		relative; 
	width:			169px;
	height:			169px; 
	z-index:		10;
}

#content .Right {
	float:			right;
}

#content .img150-shadow {
	position:		absolute;
	z-index:		0;
}

#content .img150 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		9px 11px 12px 10px;
}

#content .img90-box {
	position:		relative; 
	height:			106px; 
	width:			106px;
	z-index:		10;
}

#content .img90-shadow {
	position:		absolute; 
	z-index:			0;
}

#content .img90 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		7px 6px 8px 8px;
}

#content .img60-box {
	position:		relative; 
	height:			74px; 
	width:			74px;
	z-index:		10;
}

#content .img60-shadow {
	position:		absolute; 
	z-index:			0;
}

#content .img60 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		7px 6px 8px 7px;
}

#content .withCaption { 				/* BDE: add class to img999-box with captions */
	height:			auto;
}

#content .imgCaption { 
	display:			block;
	text-align:		center;
	line-height:	1.1em; 
	margin:			0px 4px 5px 4px;
}

#content .imgCaption p { 
	font-size:		1.0em;
	line-height:	1.1em; 
	text-align:		center;
}

#content .imgHt60 { 					/* BDE: add 1 of these classes to imgCaption depending upon image size */
	padding-top:	80px;
}

#content .imgHt90 { 
	padding-top:	110px;
}

#content .imgHt150 { 
	padding-top:	170px;
	width:			161px;				/* BDE: needed for article side-by-side images with caption. */
}

#content .imgHt220 { 
	padding-top:	245px;
}

#content .imgHt320 { 
	padding-top:	347px;
}

#content .txtEnlargeImage { 			/* BDE: Added 5/29/09 to ensure text aligns properly with magnifying glass icon. */
	vertical-align:	top;
}

#content .left				{ float:left;  margin-right: 15px; }
#content .right			{ float:right; margin-left:  10px; }
#content .textcenter	{ text-align:  center; }
#content .textright		{ text-align:  right;  }
#content .textleft		{ text-align:  left;   }
#content .nobr				{ white-space:nowrap;  }

.summaryPgLink a {
	color:			#66841f !important;				/* BDE 6/3/9: in case link follows title instead of caption, need !important. */
	font-weight:	bold;									/* BDE 6/3/9: in case link follows title instead of caption. */
	margin-left:	0	     !important;				/* BDE 6/3/9: in case link follows title instead of caption. */
	white-space:	nowrap;
}

.summaryPgLink a img {
	margin-left:	0	     !important;				/* BDE 6/3/9: in case link follows title instead of caption. */
}

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

	HOME PAGE

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

#content.home {	
	position:		relative;
	background: 		rgb(250,250,250) url(../../images/layout/bg-home-featured-topic.jpg) repeat;
	float:					left;
	padding-bottom: 	20px;
	padding-right: 		0px;
	padding-left:    	22px;
	box-shadow:  		0px 4px 16px rgba(0,0,0,0.3);
	width:			944px;
}

#content.home #heroBlock {									/* BDE: Needed only if 1/2 subfeatures are present.  */
	display:			block;
	width:			100%;
	float: 			left;											/* BDE: ensure block grows vertically to include all children.  */
	margin: 			0 0 12px 0;
	padding:			1px 0 0 1px;
}

#content.home #imgHero,
#content.home #imgHeroWithSubs,
#content.home #flashHeroWithSubs {
	display:			block;
	width:			100%;
	padding: 		11px 10px 15px 14px;
	margin: 			0 0 12px 0;
	/*background:		url('../../images/layout/shadowBox_922x257.gif') no-repeat;*/
}

#content.home #imgHeroWithSubs,
#content.home #flashHeroWithSubs {
	width:			594px;
	float: 			left;
	margin: 			0;
	padding: 		3px 7px 16px 7px;
	background:		none;
}

#content.home #flashHeroWithSubs {							/* BDE: 9/14/09: Object tag may have some embedded bottom padding. */
	padding: 		3px 7px 14px 7px;
}

#content.home .subFeatures {									/* BDE: 9/2/09: Will contain 1 or 2 subfeatures. */
	float: 			right;
	width:			290px; /*298px;*/
	line-height:	1.5em;
	padding:			3px 10px 0 0;
	margin:			0px 0px 0px 13px;
}

#content.home .subFeature,
#content.home .subFeatureFlash {							/* BDE: subfeatureFlash is needed for IE6 & IE7.*/
	background:		transparent none no-repeat 0;			/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	background-position: top;										/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	line-height: 1.5em;													/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	margin-bottom: 15px;												/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	height: auto !important;											/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
	background-color: rgb(235,235,235);
	color: 				#3d3d3d;
}

#content.home .subFeature .content {						/* BDE: For non-Flash subfeatures.*/
	min-height:		100px; 										/* BDE: Need this for FireFox. */
	height:			auto !important; 							/* BDE: Need this for FireFox. */
	height:			106px; 										/* BDE: Need this for IE6, which doesn't do height: auto. */
	padding:			1px 55px 5px 1px; 
	background:		transparent none no-repeat 0; 
	color:			#808080;
}

#content.home .subFeature .single {						/* 1 tall subfeature box. */
	min-height:		221px; 										/* BDE: Need this for FireFox. */
	height:			auto !important; 							/* BDE: Need this for FireFox. */
	height:			226px; 										/* BDE: Need this for IE6, which doesn't do max-height. */
}

#content.home .subFeatureFlash .flash {	
	padding:			2px 0px 6px 0px; 
}

#content.home .subFeature img {
	float: 			right;
}

#content.home .subFeature h2 {
	margin:			0 0 0 0;										/* BDE 8/20/09: Changed margin-bottom from 6px to 0. */
	font-size:		170%;
	font-weight:	bold;
	color: 				#3d3d3d;

}

#content.home .subFeature h2 a{
	color:			#3d3d3d;
	text-decoration: none;
}

#content.home .subFeature h2 a:hover{
	text-decoration:	underline;
}

#content.home .subFeature a {
	color:			#3d3d3d;
	text-decoration:	underline;
}

#content.home .subFeature p {
	margin:			0.4em 0;										/* BDE 8/21/09: Changed margin-top from 1em to 0.4em. */
	font-size:		120%;
}

#content.home #home-column-a {								/* BDE: Different width in IE6 CSS. */
	display:			block;
	float:			left;
	width:			290px;
	padding:			0 22px 0 4px;
}

#content.home #home-column-b {								/* BDE: Different width in IE6 CSS. */
	display:			block;
	float:			left;
	width:			290px;
	padding:			0 22px 0 0;
}

#content.home #home-column-c {		
	display:			block;
	float:			left;
	width:			290px;
}

#content.home .module {										
	float:			left;											/* BDE 8/17/09: Added to ensure module expands height to contain thumbnail.  */
	width:			100%;											/* BDE 8/17/09: Added to ensure header bar without link retains full width.  */
	line-height:	1.4em;
}

#content.home .top {
	margin-bottom: 12px;										/* BDE: This must be margin, not padding to crop too-large background images. */
}

#content.home .bottom {										/* BDE: Different setting in IE6 CSS. */
	margin-top: 0px;
}

#content.home .module .headerbarTextNoLink, 			/* BDE 8/16/09: Displays text & rounds left side of bar. No arrow yet. */
#content.home .module .headerbarText a {
	display:			block;
	height:			21px;
	margin: 			0 0 11px 0;
	padding:			0 0 0 26px;
	line-height: 	21px;
	font-size:		125%;
	font-weight:	bold;
	color:			white;
	background:		#a8a9a4 url('../../images/layout/content-gray-heading-no-arrow.png') no-repeat left -21px;
	/*background:		#2369BD url('../../images/layout/content-blue-heading-no-arrow.png') no-repeat left -21px;*/
	overflow:		hidden;										/* BDE 9/17/09: This hides the text wrapping to the second line, but not the lock? */
}


/*
#content.home .module .headerbarTextNoLink {
	padding:			0 0 0 0;
}*/

#content.home .module .headerbarTextNoLink span {	/* BDE 8/16/09: Displays text & rounds right side of bar.  No link, no arrow. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 0;
	background: 	#a8a9a4 url('../../images/layout/content-gray-heading-no-arrow.png') no-repeat right -42px;
}

#content.home .module .headerbarText span {			/* BDE: Displays text & rounds right side of bar.  No link, no arrow. */
	display: 		block;
	padding: 		0 26px 0 0;
	background:		#a8a9a4 url('../../images/layout/content-gray-heading.png') no-repeat right -42px;
	/*background:		url('../../images/layout/content-blue-heading.png') no-repeat right -42px;*/
}

#content.home .module .headerbarText a:hover {
	background: #a8a9a4 url('../../images/layout/content-gray-heading-hover.png') no-repeat left -21px;
	color:			#003399;			

}

#content.home .module .headerbarText a:hover span {		/* BDE: Rounds right side of bar on link hover. */
	
	background:		#a8a9a4 url('../../images/layout/content-gray-heading-hover.png') no-repeat right -42px;
}

/* BDE: Because of IE6, we need this whole new set of headerbarTextWithLock classes. 
			For other browsers headerbarTextWithLock and headerbarText classes are exactly the same.  Tweak is added to IE6 CSS.
			Even with this, the headerbar text with a lock displays off center (high) in the bar in IE6.  
			Perhaps this could be fixed by creating a single background image of the headerbar, but resizing the
			text would probably become even more problematic than it is now. */				
			
#content.home .module .headerbarTextWithLock a {
	display: 		block;
	height: 			21px;
	margin: 			0 0 11px 0;
	font-size:		125%;
	font-weight: 	bold;
	line-height: 	1em;
	color: 			white;
	background: 	#a8a9a4 url('../../images/layout/content-gray-heading.png') no-repeat left -21px;
	/*background: 	#2369BD url('../../images/layout/content-blue-heading.png') no-repeat left -21px;*/
	white-space:	nowrap;
}

#content.home .module .headerbarTextWithLock a span.text {		/* BDE: Displays text, arrow, & rounds right side of bar. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	width:			71%;														/* BDE: This is 74% for Landing style. */
	float:			left;
	overflow:		hidden;													/* Matias: Added positioning elements and overflow */
	cursor:			pointer;													/* BDE 3/31/11: Changed from hand (deprecated) to pointer. */
}

#content.home .module .headerbarTextWithLock a span.lock {		/* Matias: Added style to hold the lock image and right arrow */
	background: 	#a8a9a4 url('../../images/layout/content-gray-heading.png') no-repeat right -42px;
	/*background:		url('../../images/layout/content-blue-heading.png') no-repeat right -42px;*/
	float:			right;
	width:			11%;
	height:			100%;
	cursor:			pointer;													/* BDE 3/31/11: Changed from hand (deprecated) to pointer. */
}

#content.home .module .headerbarTextWithLock a span.lock img {
	float:			left;
	margin-top:		2px;
}

#content.home .module .headerbarTextWithLock a:hover {
	background:  #a8a9a4 url('../../images/layout/content-gray-heading-hover.png') no-repeat left -21px;
	color:			#003399;	
}

#content.home .module .headerbarTextWithLock a:hover span.text {
	text-decoration:	underline; 
}

#content.home .module .headerbarTextWithLock a:hover span.lock {

	background: 	#a8a9a4 url('../../images/layout/content-gray-heading-hover.png') no-repeat right -42px;
}

#content.home .module .moduleIndent {							/* BDE 8/17/09: Indent module content on left & right. */
	padding-left:	0px;													/* DRC 15 Feb 2010 updated padding-left from 24 to 10 to fix bullets */
	padding-right:	0px;
}

#content.home .module h2 {
	font-size:		125%;
	font-weight:	bold;
	color:			#393838;
}

#content.home .module p {
	line-height:	1.3em;
	font-size: 		120%;
}

#content.home .module a {											/* BDE: Use for text with links inside module.  */
	font-weight:	bold;												/* DRC 22 Feb 2010 : updated to match landing page quick links */
	color:			#808080;
}

#content.home .module a:hover {	
	color:			#3d3d3d;
}

#content.home .module ol,							/* DRC 22 Feb 2010 updated to fix bullets and match landing page quick links */
#content.home .module ul {
	font-size:		120%;
	display: block;
	list-style: disc none inside;
	padding-left: 12px;
	text-indent: -12px;
	color: #476393;
	line-height: 1.8em;
}

#content.home .module .moduleIndent ol,				/* BDE 1/24/12: Added styles to match similar Landing page styles.  */
#content.home .module .moduleIndent ul {
	line-height: 	1.516em;
	list-style: 	disc none inside;
	margin-left:	0px;
	padding-left: 	12px;
	text-indent: 	-4px;
	/*color: 			#444444;*/
	color:			#808080;
}

#content.home .module .moduleIndent ol {				/* BDE 1/24/12: Added style so numbers will display.  */
	list-style-type:	decimal;
}

#content.home .callout {											/* BDE: Different width/height in IE6 CSS. */
	float:			left;												/* BDE 8/20/09: Had to add because same was added on module; */
	width:			100%;
	min-height:		60px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	line-height:		1.5em;
	background:		transparent none no-repeat 0;
	background-position: 	top right;  							/* BDE 8/20/09: Added top right so home can use same callout images as landing.  */
	box-shadow: 		0px 6px 5px rgba(0,0,0,0.1);
	background-color: 	rgb(235,235,235);
	color: 			#3d3d3d;
}


#content.home .callout .content {								/* BDE: For non-Flash callouts.*/
	padding:			2px 55px 8px 5px; 							/* BDE 8/16/10: Changed padding-top from 10px to 2px.*/
	min-height:		60px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	height:			60px; 											/* BDE: Need this for IE6, which doesn't do height: auto. */
	background:		transparent none no-repeat 0; 
}

#content.home .callout .contentFlash {						/* BDE 8/20/09: Added for Flash callouts. */
	padding:			5px 10px 5px 0;
}

#content.home .callout .content h2,
#content.home .callout .content h2 a { 
	color: 				#3d3d3d;
	font-weight:	bold; 
	font-size:		130%;												/* BDE 8/24/09: Now matches h2 in subfeature. */
	margin-bottom:	0px;												/* BDE 8/16/10: Reduced from 6px to 0px. */
	line-height:	21px;												/* BDE 8/16/10: Restored to 21px instead of 16px. */
}

#content.home .callout p {
	margin:			0.4em 0;											/* BDE 8/24/09: Changed to match home subfeature. */
	font-size:		120%;
	color:			#808080;
}

#content.home .callout a: hover{
	color: 			#2369BD;
}

#content.home .summaryPgLink a{
	margin-left: 5px !important;
}

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

	ARTICLE

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

#article {
	float:			left;
	width:			100%;
}

#article em {
	font-style: 		italic;
}

#article .mainFeature { 	/* BDE: Use this class in a div only if there is a resource. */
	width: 			498px;
	float:			left;
}

#article .wide { 				/* BDE: Apply this class with mainFeature when no left nav but with resource. */
	width:			698px;
}

#article p,
#article blockquote {
	font-size:		130%;
	line-height:	1.4em;
}

#article font{
	line-height:	1.4em;
}

#article ol ol, 					
#article ul ul,
#article ul ol,
#article ol ul{
	font-size:		100%;
}

#article ol, 					/* CThiru 8/6/09: Added. */
#article ul {
	line-height:	1.4em;
	font-size:		130%;
}

#article h1 {
	display: 		block;
	margin: 		0 0 8px 0;
	font-size: 		160%;
	font-weight:	bold;
	color: 			#393838;						/* dark gray */
}

#article h2,
#article h3,
#article h4 {
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#476393;						/* solid blue */
}

#article h2 {
	font-size: 		180%;
}

#article h3 {
	font-size: 		150%;
}

#article h4 {
	font-size: 		130%;
}

#article h5 {
	font-size: 		120%;
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#393838;						/* dark gray */
}

#article p {
	display: 		block;
	margin:			1em 0;
}
													/* BDE 5/7/9: Resource box longer than content will collapse margin before footer border. */
#article #resource-box {					/*            Could not find a way around this, but should happen only rarely.            */
	/*position:		absolute;*/
	top:				198px;					/* BDE: Offset from top of page needed in IE6, IE7, and FF. Updated 8/12/09. */
	right:			0;
	/*margin-top:		7px;*/
	float:			right;
	width:			183px;
	font-size:		110%;
	/*background:		url('../../images/layout/article-resource-box-bg.gif') repeat-y -183px 0;*/
	background-color:	#fff;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
}

#article #resource-box .liner {			/* BDE: Bottom part of resource box. */
	padding:			0 0 10px 0px;
	/*background:		url('../../images/layout/article-resource-box-bg.gif') no-repeat right bottom;*/
}

#article #resource-box h4 {				/* BDE: Top part of resource box. */
	padding:			12px 12px 0px 12px;
	margin:			0;
	font-size:		130%;
	color:			#3d3d3d;					/* dark gray */
	/*background:		url('../../images/layout/article-resource-box-bg.gif') no-repeat left top;*/
}

#article #resource-box .resource {
	clear: 			left;						/* BDE: Needed to ensure title of resource w/o thumbnail starts below previous thumbnail. */
	padding:			10px 10px 5px 12px;
}

#article #resource-box .resource .thumbnail-box {
	position:		relative;
	float:			left;
	height:			62px; 
	width:			62px;
	padding-right:	7px;
}

#article #resource-box .resource .thumbnail-shadow {
	position:		absolute; 
	z-index:			1;
	display:			none;
}

#article #resource-box .resource .thumbnail { 
	position:		absolute; 
	z-index:			0;
	padding: 		1px 0px 0px 1px;
}

#article #resource-box .resource .title {
	line-height:	1.3em;
	font-weight:	bold;
}

#article #resource-box .resource .title img {
	margin-left: 	5px;
}

#article #resource-box .resource .title a {
	color:			#003399;
}

#article #resource-box .resource .caption {
	padding:			3px 0px 0px 0px;
	line-height:	1.2em;
	color:			#6b6b6b;								/* medium gray */
}

#article .column {
	float:			left;
	width:			50%;
	margin:			10px 0px 10px 0px;
	padding:			0;
}

#article .side-by-side-img {
	width:			98%;									/* BDE: Otherwise caption can be wider than image.  */
}

#article table {											/* BDE 10/10/09: Assumes table inside body text. */
	font-size:		130%;
	color:			#444444;								/* medium gray */
}

#article table li {										/* BDE 10/10/09: Assumes table inside body text. */
	font-size:		75%;
	color:			#444444;								/* medium gray */
}

#article p table {										/* BDE 10/10/09: Web Composer adds paragraph tag. */
	font-size:		100%;									/* Needed for IE6 and IE7. */
	color:			#444444;								/* medium gray */
}

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

	LANDING

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

#landing {
	width:				100%;											/* BDE: Needed for old version of Netscape. */
	display:				block;
	float:				left;
}

#landing #section-info {
	display:				block;
	float: 				left;											/* BDE: ensure block grows vertically to include all children.  */
	font-size:			130%;
	line-height:		1.4em;
	width:				100%
}

#landing #section-info  font{
	line-height:		1.4em;
}

#landing .imgCaption { 
	font-size:			76.92308%;									/* BDE: to offset 130% font-size increase above.  */
}

#landing #section-info h1 {
	display:				block;
	margin:				0 0 8px 0;
	font-size:			123.125%;	/* 138.461538%; */
	font-weight:		bold;
	color:				#3d3d3d; /*NRH -Chem Responsive Design*/
}

/* BDE 4/1/09:  Start mainFeature section.  Do NOT use the mainFeature div if you have no callouts. */

#landing #section-info #mainFeature { 	
	width:			65.04298%;										/* BDE: Keeps ~2:1 ratio with subfeatures when yes/no left nav. */
	float:			left; 
	margin:			0 0 0 0; 
	padding:			0 0 0 0; 
	background:		transparent none no-repeat 0 0; 
}

#section-info #subfeatureCallouts	{ 
	width:			32.95129%; 										/* BDE: Keeps ~2:1 ratio with subfeatures when yes/no left nav. */
	float:			right; 
	padding-right:	1px; 
}

#section-info #subfeatureCallouts .top	{ 
	margin-bottom:	15px; 
	box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
}

#section-info #subfeatureCallouts .callout	{ 
	background-color:rgb(235,235,235); 
	box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
	background-position-x: right;
	background-position-y: top;
}

#section-info #subfeatureCallouts .callout .content {	/* BDE: For non-Flash callouts.*/
	padding:		5px 10px;
	line-height:	1.1em;											/* BDE: Added to match line height in home subfeatures (I hope). */
	min-height:		60px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	height:			60px; 											/* BDE: Need this for IE6, which doesn't do height: auto. */
	background:		transparent none no-repeat 0; 
}

#section-info #subfeatureCallouts .callout .content p {  /* BDE: Added 8/24/09 */
	margin-top:		0.1em; 
	color:				#808080;
}

#section-info #subfeatureCallouts .callout .content h2,
#section-info #subfeatureCallouts .callout .content h2 a { 
	font-weight:		bold; 
	font-size:			110%;											/* BDE: Updated to match Home subfeature */
	line-height:		1.1em;
	padding-bottom:	0.1em; 
	color:			#3d3d3d;
}

#section-info #subfeatureCallouts .callout .content p a:link {					/*NRH: Chem Responsive Design*/
	color:#3d3d3d;
	text-decoration:underline;
	
}

#section-info #subfeatureCallouts .callout .flash {
	padding:			5px 0px 5px 0px; 
	min-height:		95px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	height:			95px; 											/* BDE: Need this for IE6, which doesn't do height: auto. */
	background:		transparent none no-repeat 0; 
}

/* End mainFeature section, */

#landing .layoutRow {
	width:   		100%;												/* BDE: Ensures IE lays out this element properly. */
	float:   		left;
	padding: 		0;
}

#landing .module {
	display: 		block;
	width: 			47.99427%;
	font-size: 		130%;
	line-height:	1.4em;
}

#landing .module .left {
	float: 			left;
	margin-right: 11px;
}

#landing .module .right {
	float: 			right;
	margin-left:	11px;
}

#landing .module .moduleList {
	display:inline-block;
	width: 175px;
	margin:	0 0 0 0;
	padding: 0 0 0 0;
}

#landing .module .headerbarTextNoLink,					/* BDE 8/16/09: Displays text & rounds right side of bar. No arrow yet. */
#landing .module .headerbarText a {
	display: 		block;
	height: 			21px;
	margin: 			16px 0 16px 0;
	font-size: 		96.29%;
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#fff;
	background: 	#a8a9a4 url('../../images/layout/content-gray-heading-no-arrow.png') no-repeat left -21px;
	/*background: 	#2369bd url('../../images/layout/content-blue-heading-no-arrow.png') no-repeat left -21px;*/
	overflow:		hidden;										/* BDE 9/17/09: This hides the text wrapping to the second line, but not the lock? */
}

#landing .module .headerbarTextNoLink span {			/* BDE 8/16/09: Displays text & rounds right side of bar.  No link, no arrow. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	background: 	url('../../images/layout/content-gray-heading-no-arrow.png') no-repeat right -42px;
}

#landing .module .headerbarText a span {				/* BDE: Displays text, arrow, & rounds right side of bar. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	background: 	url('../../images/layout/content-gray-heading.png') no-repeat right -42px;
	/*background: 	url('../../images/layout/content-blue-heading.png') no-repeat right -42px;*/
}

#landing .module .headerbarText a:hover {
	background: #a8a9a4 url('../../images/layout/content-gray-heading-hover.png') no-repeat left -21px;
	color: 			#003399;
}

#landing .module .headerbarText a:hover span {
	color: 			#003399;
	background: 	url('../../images/layout/content-gray-heading-hover.png') no-repeat right -42px;
	/*background: 	url('../../images/layout/content-blue-heading-hover.png') no-repeat right -42px;*/
}

/* BDE: Because of IE6, we need this whole new set of headerbarTextWithLock classes. 
			For other browsers headerbarTextWithLock and headerbarText classes are exactly the same.  Tweak is added to IE6 CSS.
			Even with this, the headerbar text with a lock displays off center (high) in the bar in IE6.  
			Perhaps this could be fixed by creating a single background image of the header instead of 
			continuing with this piecemeal 	technique which was needed when we had a "liquid" design, but not now. */				
			
#landing .module .headerbarTextWithLock a {
	display: 		block;
	height: 		21px;
	margin: 		16px 0 16px 0;
	font-size: 		96.29%;
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#fff;
	background: 	#a8a9a4 url('../../images/layout/content-gray-heading.png') no-repeat left -21px;
	/*background: 	#2369bd url('../../images/layout/content-blue-heading.png') no-repeat left -21px;*/
	white-space:	nowrap;
}

#landing .module .headerbarTextWithLock a span.text {				/* BDE: Displays text, arrow, & rounds right side of bar. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	width:			74%;
	float:				left;
	overflow:		hidden;													/* Matias: Added positioning elements and overflow */
	cursor:			pointer;													/* BDE 3/31/11: Changed from hand (deprecated) to pointer. */
}

#landing .module .headerbarTextWithLock a span.lock {				/* Matias: Added style to hold the lock image and right arrow */
	background: 	url('../../images/layout/content-gray-heading.png') no-repeat right -42px;
	/*background: 	url('../../images/layout/content-blue-heading.png') no-repeat right -42px;*/
	float:			right;
	width:			10%;
	height:			100%;
	cursor:			pointer;													/* BDE 3/31/11: Changed from hand (deprecated) to pointer. */
}

#landing .module .headerbarTextWithLock a span.lock img {
	float:			left;
	margin-top:		2px;
}

#landing .module .headerbarTextWithLock a:hover {
	color: 			#003399;
	background: 	#a8a9a4 url('../../images/layout/content-gray-heading-hover.png') no-repeat left -21px;
}

#landing .module .headerbarTextWithLock a:hover span.text {
	text-decoration:	underline; 
}

#landing .module .headerbarTextWithLock a:hover span.lock {
	background: 	url('../../images/layout/content-gray-heading-hover.png') no-repeat right -42px;
	/*background: 	url('../../images/layout/content-blue-heading-hover.png') no-repeat right -42px;*/
}

#landing .module .moduleIndent {							/* BDE 8/15/09: Indent module content on left & right as in home page. */
	padding-left:	0px;
	padding-right:	20px;
}

#landing .module .moduleIndent ol,				/* BDE 1/19/12: Added style to display bullets in IE8.  */
#landing .module .moduleIndent ul {
	list-style: 	disc none inside;
	margin-left:	0px;
	padding-left: 	12px;
	text-indent: 	-12px;
}

#landing .module .moduleIndent ol {				/* BDE 1/23/12: Added style so numbers will display.  */
	list-style-type:	decimal;
}
/******************************************************************************************************

	LIST 

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

#list {
	width:				100%;					/* BDE: Ensures IE lays out this element properly. */
	font-size:			120%; 
	line-height:		1.4em;
}

#list  font{
	line-height:		1.4em;
}

#list .imgCaption {
	font-size: 			83.33333%;			/* BDE: to offset font-size increase above. */
}

#list .layoutRow {							/* BDE: This is the parent div for the top feature section. */
	width:				100%;					/* BDE: Ensures IE lays out this element properly. */
	float:   			left;
	padding-bottom:	15px;
}
#list .layoutRowtop {							/* BDE: This is the parent div for the top feature section. */
	width:				100%;					/* BDE: Ensures IE lays out this element properly. */
	float:   			left;
}

#list h1 {
	margin: 			0 0 8px 0;
	font-size: 		138.461538%;
	font-weight:	bold;
	color: 			#3d3d3d;
}

#list h2,
#list h3 {
	font-weight: 	bold;
	font-size:  	1.1em;
	/*color:			#476393;*/
	color:	#003399;/*NRH Chem responsive*/
}

#list p {
	margin: 			0.5em 0 0.5em 0px;
	color:				#808080;
}

#list .items {
	float:			left;
	width:			100%;
}

#list .itemgroup {
	width:			100%;						/* BDE: Ensures IE lays out this element properly. */
	padding:		15px 0 0 0; 
}

#list .itemgrouptop {
	width:			100%;						/* BDE: Ensures IE lays out this element properly. */
}

#list .itemgroup .item, #list .itemgrouptop .item  {
	width:			45%;
	font-size:		1.0em;
	line-height:	1.4em;
	float:			left;
}

#list .itemgroup .item .left, #list .itemgrouptop .item .left  {
	margin-right:	10px;
}

#list .itemgroup .item .right , #list .itemgrouptop .item .right {
	margin-left:	2px;
}

.mc1column .item {							/* BDE: Needed for 1-column lists. */
	float:			left; 
	width:			100%; 
	padding-top:	20px; 
}

.mc1column .item p {						/* BDE 3/31/11: New style so 1st line of text clears right-aligned date. */
	clear:			right;
}

.freedate {
	display:			block; 
	font-size:		0.9em;
	font-weight:	bold; 
}

#list .freedate  p {						/* BDE 5/4/11: New style list item title and date align vertically. */
	margin-top:		0px;					/* BDE 5/4/11: Top margin would be 6px otherwise. */
}

.item h3 img {	
	margin-left:	5px;
}

.mc1column .item .label,					/* Used with Resource Category pages. */
.mc1column .item .labelSummary {
	padding-right:	0.5em;
	font-weight: 	bold;
}

.mc1column .item .value {					/* Used with Resource Category pages. */
	padding-right:	2em;
}

.mc1column .item .label a {				/* Used with Resource Category pages. */
	color:			#ce0021;					/* xom logo red */
}

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

	KNOWLEDGE LIBRARY 
				
*******************************************************************************************************/
#container>.main-content { /* For knowledge library page only*/
	background: 	rgb(250,250,250) url(../../images/layout/bg-home-featured-topic.jpg) repeat;
	box-shadow:  	0px 4px 16px rgba(0,0,0,0.3);
	display: inline-block;
	width: 100%;

}
.kl-search {
	display:			block;
	float:				left;
	color:				#2c2c2c;					/* dark gray */
	margin: 			10px 0px 4px 0;		/* BDE 9/18/09: Was [margin: 10px 0px 4px 5px;] */
	padding-left:			15px;
	width: 				100%;
}

.kl-search .kl-ddl-lbl-row {
	line-height: 	25px;
	padding:			0 0 0 0;
}

.kl-search .kl-lbl { 						/* BDE 7/30/09: restored. */
	padding:			0 0 10px 0;
}

.kl-search .kl-ddl-row { 					/* BDE 6/29/09: ddl - drop-down list */
	display: 		inline; 
}

.kl-search .kl-ddl-lbl {
	width:			28.5%;					/* BDE 9/18/09: Down from width 29% */
	float: 			left; 
	font-weight: 	bold;  
}

.kl-search .kl-ddl {
	width: 			26%; 						/* BDE 9/18/09: Down from width 28% */
	color:			#2c2c2c;					/* dark gray */
	position:		relative;
	z-index:		5;  
}

.kl-results {
	width:			97%;						/* BDE 9/18/09: New setting. */
	margin: 			5px 0 0px 0;			/* BDE 9/18/09: Was [margin: 5px 0 4px 5px;] */
	font-weight:	normal;					/* BDE 11/11/09:  Changed from bold */
	/*color:			#2c2c2c;*/					/* dark gray */
	color:#808080; /*NRH - Chemical REsponsive*/
	font-size:		small;
	position:		relative;
	padding:		0px 15px 5px 15px;
	float:		left;
}

.kl-results a {
    font-weight:	bold;
}

.kl-sumlink a {	
	color:			#66841f !important;	/* JJM 1/13/10: Added new style. */	
	font-weight:	bold;									
	margin-left:	0	     !important;				
	white-space:	nowrap;	
}

.kl-thumb { 
	width: 100px; vertical-align: top
}

.kl-thumb a img:first-child{
	display: none; /*Remove shadow*/
}
.kl-thumb div {
	z-index: 0 !important;
}
				
/******************************************************************************************************

	RESOURCE SUMMARY PAGE

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

#resource-sum-pg {
	float:			left;
	width:			100%;
}

#resource-sum-pg h1 {
	display: 		block;
	margin: 		0 0 8px 0;
	font-size: 		180%;
	font-weight:	bold;
	color: 			#3d3d3d; /*#393838;*/						/* dark gray */
}

#resource-sum-pg p {
	display: 		block;
	font-size:		130%;
	line-height:	1.4em;
	margin:			1em 0;
}

#resource-sum-pg ol, 					/* BDE 8/18/11: Added to size lists in summary text. (AM24304281) */
#resource-sum-pg ul {
	line-height:	1.4em;
	font-size:		130%;
}

#resource-sum-pg .label,
#resource-sum-pg .labelClickHere {
	font-size: 		110%;
	margin:			1ex 0;
	padding-right:	1em;
	font-weight: 	bold;
	color: 			#003399; /*#476393;*/						/* solid blue */
}

#resource-sum-pg .labelClickHere a {
	color: 			#003399; /*#476393;*/						/* solid blue */
}

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

	LEFT CONTENT (Left Navigation)
			
*******************************************************************************************************/

#content #left-content {
	float:left;
	margin:16px 12px 0px 20px;
	width:200px;
}
#content #left-content #left-nav {
	display:block;
	margin:0 0 8px;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
	background-color: 	#fff;
}
#content #left-content #left-nav-list {
	display: block;
	margin:0 4px 0 5px;
}
#content #left-content #left-nav-list li {
	padding-top:2px;
	list-style-type: none;
}
#content #left-content .designDiv1 {
	display:block;
	height:18px;
}
#content #left-content .designDiv2 {
	display:block;
	height:2px;
	margin:0 4px 0 5px;
}
#content #left-content .designDiv3 {
	display:block;
	height:18px;
}
#content #left-nav a {
	color: #808080; /*#666666; */
	display:block;
	font-size:130%;
	padding:6px 5px 6px 16px;
}
#content #left-nav a.page {
	background:url(../../images/layout/content-left-nav-dash-darkgrey.png) no-repeat scroll 6px center;
	padding-left:22px;
	font-weight:bold;
}
#content #left-nav a.pageprog {
	background:url(../../images/layout/content-left-nav-dash-darkgrey.png) no-repeat scroll 20px center;
	font-size:130%;
	font-weight:normal;
	padding-left:36px;
}
#content #left-nav a.category {
	background:transparent url(../../images/layout/content-left-nav-arrow-right.png) no-repeat scroll 6px center;
	padding-left:22px;
	font-weight:bold;
}
#content #left-nav a.categoryprog {
	background:transparent url(../../images/layout/content-left-nav-arrow-right.png) no-repeat scroll 20px center;
	color:808080; /*#666666 */
	font-size:130%;
	font-weight:normal;
	padding-left:36px;
}
#content #left-nav a.activeprog {
	background: url(../../images/layout/content-left-nav-dash-darkgrey.png) no-repeat scroll 20px center;
	color:#3d3d3d; /*#476393;*/
	font-size:130%;
	font-weight:bold;
	padding-left:36px;
}
#content #left-nav a.page:hover {
	background: url(../../images/layout/content-left-nav-dash-darkgrey.png) no-repeat scroll 6px center;
	color: #3d3d3d; /*#476393;*/
	padding-left:22px;
}
#content #left-nav .active{
	background: url(../../images/layout/content-left-nav-dash-darkgrey.png) no-repeat scroll 6px center;
	color:#3d3d3d;
	padding-left:22px;
	font-weight:bold;
}
#content #left-nav a.pageprog:hover {
	background: url(../../images/layout/content-left-nav-dash-darkgrey.png) no-repeat scroll 20px center;
	color:#3d3d3d;
}
#content #left-nav a.category:hover {
	color:#3d3d3d;
}
#content #left-nav a.categoryprog:hover {
	color:#3d3d3d;
}
#content #left-nav a.open {
	background: url(../../images/layout/content-left-nav-arrow-down.png) no-repeat scroll 6px center;
	color:#3d3d3d;
	font-weight: bold;
	padding-left:22px;
}
#content #left-nav a.open:hover {
	color:#3d3d3d;
}
#content #left-nav li li a {
	color:#808080;
	font-weight:normal;
	padding:4px 4px 4px 16px;
}
#content #left-nav #left-nav-list li li a {
	background-position:18px center;
	padding-left:34px;
}
#content #left-nav #left-nav-list li li li a {
	background-position:30px center;
	padding-left:46px;
}
.submenu{
display:block;
}
.submenuC{
display:none;/*display:block;somnath changed*/
}
                
/******************************************************************************************************

	LEFT CONTENT (Quick Links)
			
*******************************************************************************************************/
#content #left-content #quick-links {
	padding:			4px;
}

#content #left-content #quick-links h4 {
	display:			block;
	height:			21px;
	line-height:	21px;
	font-size:		125%;
	font-weight:	bold;
	color:			#fff;
	background:		url('../../images/layout/content-gray-heading.png') repeat-x 0 0;
}

#content #left-content #quick-links h4 span {
	display:			block;
	height:			21px;
	background:		url('../../images/layout/content-gray-heading.png') no-repeat left -21px;
}

#content #left-content #quick-links h4 span span {
	padding:			0 26px;
	background:		url('../../images/layout/content-gray-heading.png') no-repeat right -63px;
}

#content #left-content #quick-links ul {
	display:			block;
	padding: 	11px 0; /* Diego Cobelo - AM23813532: Quick links on Micro site padding issue (updating Chem English and Chem Chinese to standarize main css file */
	list-style-image:	none;
	list-style-type:	disc;
	list-style-position: inside;
	color:				#808080;
}

/* ICH  - Modified to fix Indent Issues */
#content #left-content #quick-links li {
/*
	padding:			4px 8px 4px 38px;
*/
	padding:			0px 8px 0px 24px;
	text-indent: 		-12px;
	line-height:		1.8em;
}

#content #left-content #quick-links a {
	font-weight:	bold;
	font-size:		120%;
	color:			#808080;
}
#content #left-content #quick-links a:hover {
	color:			#3d3d3d;
}
/******************************************************************************************************

	REGISTRATION-RELATED PAGES
			
*******************************************************************************************************/

#registration {						/* BDE 6/26/2009: Added registration classes. */
	float:			left;
	width:			100%;
	font-size:		105%;
}

#registration p {
	display: 		block;
	line-height:	1.3em;
}

#registration h1 {
	display: 		block;
	margin: 			0 0 8px 0;
	font-size: 		170%;
	font-weight:	bold;
	color: 			#393838;						/* dark gray */
}

#registration h2,
#registration h3,
#registration h4 {
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#476393;							/* solid blue */
}

#registration h2 {
	font-size:		150%;
}

#registration h3 {
	font-size:		140%;
}

#registration h4 {
	font-size:		120%;
}

#registration h5 {
	font-size: 		110%;
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#393838;							/* dark gray */
}

td label {
	font-size: 84%;
}

#content .main-content .signin-column {		/* BDE: For two columns on sign in page. */
	display:				block;
	float:				left; 
	width:				48%;
	margin:				0px 10px 10px 0px;
	padding-left:		5px;
	border:				none;
}

#content .main-content .signin-column .headerbar {
	display:				block;
   padding: 			5px 5px 5px 5px; 
	margin:				0 0 15px -5px;
	color:				#6b6b6b;						
   background-color:#CCCCCC;						
	border:				none;
}


#content .main-content .signin-column ol {
	margin:				0 0 0 1em;
	padding: 			1em 0 0 0;
	list-style:			none;
}

#content .main-content .signin-column li {
	list-style:			none;
   padding: 			0 0 1em 0; 
}

#content .main-content .signin-column .label {
	float:				left;
	text-align:			right;
	width:				5.9em;
	margin-right:		5px;
	padding-top:		5px;
}

#content .main-content .signin-column .box {
	width:				14em;
}

#content .main-content .reset-pswd {			/* BDE: For reset password page. */
	display:				block;
	float:				left; 
	width:				98%;
	margin:				0px 10px 10px 0px;
	padding-left:		5px;
	border:				solid 1px;
	border:				none;
}

#content .main-content .reset-pswd ol {
	margin:				0 0 0 2em;
	padding: 			1em 0 0 0;
	list-style:			none;
}

#content .main-content .reset-pswd li {
	list-style:			none;
   padding: 			0 0 1em 0; 
}

#content .main-content .reset-pswd .label {
	float:				left;
	text-align:			right;
	width:				12em;
	margin-right:		5px;
	padding-top:		5px;
}

#content .main-content .reset-pswd .box {
	width:				14em;
}

.reg-form {
	font-weight:		bold; 
	font-size:			110%;
}

.reg-sect {
   float:				left; 
	width:				96%;					/* BDE 6/29/09:  Reduced from 100% to keep bar totally under top nav bar.*/
   padding: 			5px 5px 5px 5px; 
   margin: 				15px 0 10px 0;
   background-color:#CCCCCC;				/* BDE: This is somewhat ligher than the gray in the landing header bar (#a8a9a4). */
}

.reg-msg { 
	font-size:		110%; 
	width:			100%; 
	float:			left; 
	font-weight:	bold;
	padding: 		5px; 
	margin: 			5px 0 0 0;
}

.reg-indt {
	clear:			left;
	padding: 		0 0 0 5px;
}

.reg-row {
	clear:			both;
	padding-top:	5px;
}

.reg-lbl2 {
   font-size: 		110%;
   display: 		block; 
   text-align:		right;
   float:			right;
	width: 			12em;
   height:			17px; 
	padding: 		0 5px 0 0; 
}

.reg-txt2 {
	display:			block; 
	float:			left;
	clear:			right;
	width:			150px;
} 
  
.reg-txtlong {
	display:			block; 
	float:			left;
	clear: 			right;
	width: 			250px;
} 

.reg-ddl {
   display: 		block; 
	float:			left;
   clear: 			right;
}
  
.reg-hypl {
   display:			block; 
	float: 			left;
   clear: 			right;
   width: 			250px; 
}
  
.reg-lblspan, .reg-lspanhalf, .reg-lspandbl, .pswd-lblspan {
	float:			left;
	text-align:		left;
	font-weight:	bold;
	width:			17%;			/* BDE: 6/29/09: Upped from 15% to display entire label in IE7. */
	padding-top:	5px;
}
  
.reg-lspanhalf {
  width:				5%;
  margin-right:	5px;
}
 
.reg-lspandbl {
  width:				35%;
  margin-right:	5px;
}
 
.pswd-lblspan {			/* BDE: Added 6/26/09:  Need more room for confirm password label. */
  width:				20%;
}
  
.reg-txtspan, .pswd-txtspan {
  float:				left;
  text-align:		right;
  font-weight:		bold;
  width:				75%;
}
 
.pswd-txtspan {			/* BDE: Added 6/26/09:  Need more room for confirm password label. */
  width:				70%;
}
 
.reg-lemptyhalf {
   float:			left;
   width:			10%;
   padding: 		0 10px 0 105px;
}
 
.reg-rspanhalf {
  float:				left;
  font-weight:		bold;
  width:				10%;
}
  
.reg-btn, .reg-btn150, .reg-btn200, .reg-btn300, .reg-lgnbtn, .signin-btn, .reg-btn-same-line {
		float: 			left;
		display:			block;
		width:   		95px;
		height: 			20px;
		font-weight:	bold;
		text-align:		center;
		vertical-align:top;
		color:			#476393;
		border:			none;
		background:		url('../../images/layout/btn-round-bg.jpg') no-repeat top left;
		cursor:			pointer; 
		margin-right:	10px; 
}

.reg-btn150 {
		width:   		150px;
		background:		url('../../images/layout/btn-round-bg-w150.jpg') no-repeat top left;
}

.reg-btn200 {
		width:   		200px;
		background:		url('../../images/layout/btn-round-bg-w200.jpg') no-repeat top left;
}

.reg-btn300 {
		width:   		300px;
		background:		url('../../images/layout/btn-round-bg-w300.jpg') no-repeat top left;
}
               
.reg-btn-same-line {
		float:			none;
		display:			inline;
		margin:			0 10px 3px 5px;
 }
                
.reg-lgnbtn  {   
		float:			right ;
}

.signin-btn {   
		font-size:		14px;
		padding:			3px 0 0 0;
}

.prog {											/* Begin Somnath styles. */						
	content:						".";
	display:						block;	
	padding-left:				28px;
	background-position:		12px center;
	margin:						0 0 0px 28px;
}														/* End Somnath styles. */
/*Register button -  Inconsistent font on form buttons*/
#registration .signin-column .reg-form ol li .box a {
	text-decoration: none;
		
}
#registration #pnlRUOLogin ol li .box a {
	text-decoration: none;
		
}
#pnlRUOLogin ol li .box a {
		text-decoration: none;
		
}
#registration .areg-btn{
		float: 			left;
		display:			block;
		width:   		95px;
		height: 			20px;
		font-weight:	bold;
		text-align:		center;
		vertical-align:top;
		color:			#476393;
		border:			none;
		background:		url('../../images/layout/btn-round-bg.jpg') no-repeat top left;
		cursor:			pointer; 
		margin-right:	10px; 
		padding: 		2px 0px 0 2px;
		font-size:		110%;
		
}
/*Register button -  Inconsistent font on form buttons*/

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

	SEARCH Page. - styles adapted from xom.css
			
*******************************************************************************************************/

.search #container {
	width:				100%;
	margin-left:		-20px; 				/* BDE: Make up for no-left-nav. */
	text-align:			left; 
	padding-top:		0;
}

.search #mainContent { 
	width:				95%;
	color:				#333333;
	font-size:			1.1em;	
	line-height:		1.4em;
	margin:				0 0 0 0; 
	padding:				0 30px 25px 30px; 
}

.search .resultPageWithKeyMatch {
	width:				100%; 
	float:				left;
}
.search .resultPageWithNoKeyMatch {
	width:				100%; 
	float:				left;
}

.search h2 {font-size:1.1em; margin-bottom:15px;}

.search .linebox { 
	float:				left; 
	width:				95%; 
	position:			relative; 
}

.search .linebox .lineTL, .linebox .lineTR, .linebox .lineBL, .linebox .lineBR {
	height:				13px; 
	width:				13px; 
	position:			absolute;
}

.search .linebox .lineTL { background:transparent url(../../images/layout/searchCornerTL.gif)  no-repeat top left;   margin:-1px;  } 
.search .linebox .lineTR { background:transparent url(../../images/layout/searchCornerTR.gif)  no-repeat top right;    margin:-1px;}
.search .linebox .lineBL { background:transparent url(../../images/layout/searchCornerBL.gif)  no-repeat bottom left; margin:-1px; } 
.search .linebox .lineBR { background:transparent url(../../images/layout/searchCornerBR.gif)  no-repeat bottom right; margin:-1px;}
.search .linebox .lineTL { top:		-2px;	left: -2px;  } 
.search .linebox .lineTR { top:		-2px;	right:-2px;  }
.search .linebox .lineBL { bottom:-2px; left: -2px;  } 
.search .linebox .lineBR { bottom:-2px; right:-2px;  }

.search .lightGray { 
	border:				solid 1px #ccc; 
	padding:				0; 
	background:			#f0f0f0 none no-repeat; 
}

.search .padding { 
	padding:				15px 0 15px 15px;
}

.search form { 
	display:				block; 
}

.search form strong { 
	font-weight:		bold;
}

.search #q { 
	width:				200px; 
	height:				18px; 
	color:				#999; 
	font-size:			1.0em; 
	border:				1px solid #acd; 
}

.search #q.searchInputString {
	display:				block;
	float:				left;
	color: 				#999999;
	padding:				0;
	background-color:#fff;
}

.search #mainContent .buttnHolder { 
	float:				left;
	width:				5em;
	margin:				.3em 0 0 5px; 
}

.search .itemgroup { 
	clear:				both; 
	width:				auto; 
	padding-top:		20px; 
	padding-bottom:	5px; 
}

.search #mainContent span.paging  {
	display:				inline;
	float:				right;
	height:				1.6em;
	text-align:			right; 
	font-weight: 		bold; 
	margin:				15px 20px 7px 0;
}

.search #mainContent .paging ul { 
	margin:				0 auto; 
	padding:				0; 
}
	
.search #mainContent .paging ul li {
	display:				inline;
	font-weight:		bold; 
	padding:				0 5px 0 5px; 
	margin:				0; 
	border-left:		solid #777 1px; list-style:none;	
}
	
.search #mainContent .paging ul li.label { 
	border-left:none; color:#666; 
}

.search #mainContent .item {
	float:				left; 
	width:				100%;
	margin:				1px 0 10px 0; 
	padding-bottom:	5px;  
}

.search #mainContent .item h3 { 
	clear:				both;
	font-weight:		bold;
	font-size:			1.1em;
	line-height:		1.0em;
	margin-bottom:		.3em; 
}

.search #mainContent .item span.graph1bar {
	width:				60px; 
	height:				20px; 
	position:			relative; 
	float:				right;
	margin-right:		10px;
}

.search #mainContent .item p { 
	font-size:			1.1em;
	line-height:		1.4em;
	padding:				0;
	margin:				0;
}

.search #mainContent .item p.left { 
	float:				none;  
}

.search #mainContent .url { 
	display:				block; 
	font-size:			0.909em;
	font-style:			italic;
	color:				#666666;
	margin-right:		15%; 
	overflow:			hidden; 
}

.search .item a { 
	font-size:			1.1em; 
}

.search #mainContent .indent { 
	padding-left:		7.5%;
}

.search #mainContent div.left { 
	clear:				left; 
	margin:				0; 
}

.search #mainContent div.right { 
	float:				right; 
	margin:				0; 
}

.search #mainContent .barbgleftSumbit { 
	display:			block; 
	float:				left; 
	margin:				0; 
	padding:			0; 
	background:			transparent url(../../images/layout/leftSideBtn.jpg) no-repeat top left;  
}
.search #mainContent .barbgrightSubmit { 
	display:			block; 
	background:			transparent url(../../images/layout/rightSideBtn.jpg) no-repeat top right; 
	float:				left;
}

input.middleSubmitBtn {
	display:			block; 
	height:				18px; 
	color:				#1b5e8e;
	font-family:		Arial,Helvetica,Sans-Serif;
	font-weight:		bold;
	font-size:			1.0em;
	cursor:				pointer; 
	margin:				0 4px; 
	background:			transparent url(../../images/layout/middleBtn.jpg) repeat-x top left;
	padding:			0;
	border:				0 none; 

}

.search .clrfix:after {    
	content: 			".";     
	display: 			block;     
	height: 				0;     
	clear: 				both;     
	visibility: hidden; 
}

.search .searchformHolder {
display:block;
float:none;
margin-bottom:0.5em;
margin-right:5%;
overflow:auto;
width:95%;
}

.formHolder label, .formHolder input, .formHolder select {
background-color:transparent;
float:left;
font-size:1.1em;
height:auto;
min-height:1.5em;
}

.search .searchformHolder label {
font-size:1em;
width:80px;
}

.search .formHolder label {
font-size:1em;
margin:0;
padding:0 10px 0 0;
text-align:right;
width:80px;
}

.search .rightNameHolder {
float:left;
min-width:60%;
width:80%;
}

.search #q {
border:1px solid #AACCDD;
color:#999999;
font-size:1em;
height:18px;
width:200px;
}

.search .CollectionsBlockRow {
float:left;
width:90%;
}

.search .collectionListing {
float:left;
white-space:nowrap;
width:100px;
}

.search .formHolder select {
border:1px solid #7799BB;
min-width:190px;
}

.search .rightNameHolder select {
font-size:1em;
height:auto;
min-height:1.5em;
}

.search #mainContent .clrboth {
clear:left;
}

.search h1 {
font-size:1.6em;
margin:0 0 3px;
padding:0.2em 0 0.3em;
font-weight:bold;
line-height:1em;
}

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

	RSS Results.
			
*******************************************************************************************************/

#rss_items
{
	font-size:			100%;
}

#rss_items span.paging  {
	display:				inline;
	float:				right;
	height:				1.6em;
	text-align:			right; 
	font-weight: 		bold; 
	margin:				15px 20px 7px 0;
}

#rss_items .paging ul { 
	margin:				0 auto; 
	padding:				0; 
}
	
#rss_items  .paging ul li {
	display:				inline;
	font-weight:		bold; 
	padding:				0 5px 0 5px; 
	margin:				0; 
	border-left:		solid #777 1px; list-style:none;	
}

#rss_items .paging ul li.first { 
	border-left:none;
}

#rss_items .paging ul li.label { 
	color:#666; 
}

#rss_items .item { 
	width:				100%;
	margin:				1px 0 0 0; 
	padding-bottom:	5px;  
	font-size:			90%;
	clear:  				both;					/* BDE 12/9/09: Added to ensure RSS items clear feature section and page labels. */
}

#rss_items  .item h3 { 
	clear:				both;
	font-weight:		bold;
	font-size:			1.01em;				/* BDE 12/9/09: Change from 1.1em to make size match corporate news page. */
	margin-bottom:		.3em; 
}

#rss_items .item span.graph1bar {
	width:				60px; 
	height:				20px; 
	position:			relative; 
	float:				right;
	margin-right:		10px;
}

#rss_items .item p { 
	line-height:		1.4em;
	padding:				0;
	margin:				0;
}

#rss_items .item p.left { 
	float:				none;  
	font-size:			1.11em;				/* BDE 12/9/09: Added to make size match corporate news page. */
}

#rss_items .url { 
	display:				block; 
	font-size:			0.909em;
	font-style:			italic;
	color:				#666666;
	margin-right:		15%; 
	overflow:			hidden; 
}

#rss_items .item a { 
	font-size:			1.1em; 
}

#rss_items .indent { 
	padding-left:		7.5%;
}

#rss_items div.left { 
	clear:				left; 
	margin:				0; 
}

#rss_items div.right { 
	float:				right; 
	margin:				0; 
}

#rss_items .barbgleftSumbit { 
	display:				block; 
	float:				left; 
	margin:				0; 
	padding:				0; 
	background:			transparent url(../../images/layout/leftSideBtn.jpg) no-repeat top left;  
}
#rss_items .barbgrightSubmit { display:block; 
	background:			transparent url(../../images/layout/rightSideBtn.jpg) no-repeat top right; 
}

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

	SITE MAP Page.
			
*******************************************************************************************************/

#sitemap {											/* BDE 7/15/2009: Added sitemap classes. */
	width:			100%;
}

#sitemap ul.level1 li, 
#sitemap ul.level2 li, 
#sitemap ul.level3 li {
	list-style:		none;
}

#sitemap ul.level1 li,
#sitemap ul.level1 li a {
	font-size:		1.2em;
	font-weight:	bold;
	/*color: 			#476393;*/							/* solid blue */
	color:#003399; /*NRH  - Chem REsponsive*/
}

#sitemap ul.level2 li span,
#sitemap ul.level2 li a {
	font-size:		0.9em;
	font-weight:	bold;
	color:			black;
}

#sitemap ul.level3 li,
#sitemap ul.level3 li a {
	font-size:		0.95em;
	font-weight:	normal;
	color: 			#393838;							/* dark gray */
}
/******************************************************************************************************

	CONTACT US and EMAIL PAGE forms.
			
*******************************************************************************************************/

#contactus {											/* BDE 6/30/2009: Added contact us classes. */
	float:			left;
	width:			100%;
	font-size:		120%;
}

#contactus p {
	display: 		block;
	line-height:	1.3em;
}

#contactus h1 {
	display: 		block;
	margin: 			0 0 8px 0;
	font-size: 		170%;
	font-weight:	bold;
	color: 			#393838;							/* dark gray */
}

#contactus h2,
#contactus h3,
#contactus h4 {
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#476393;							/* solid blue */
}

#contactus h2 {
	font-size:		150%;
}

#contactus h3 {
	font-size:		140%;
}

#contactus h4 {
	line-height:	1.3em;
	color: 			#393838;							/* dark gray */
}

#contactus h5 {
	margin:			1em 0 1.5em 0;
	font-weight: 	bold;
	font-style:		italic;
	color: 			#393838;							/* dark gray */
}

#contactus em {										/* only used for asterisk here */
	font-weight: 	bold;
	color: 			#ce0021;							/* logo red */
	padding:			0 3px 0 3px;
}

#contactus .headerbar {
	display:			block;
   	padding: 			5px 5px 5px 5px; 
	margin:				0 0 15px -5px;
	color:				#6b6b6b;					
	border:				none;
	font-weight:	   bold;
	background-color:		rgb(204,204,204);
}


#contactus .left-column, .right-column {	/* BDE: For contact us form. */
	display:				block;
	float:				left; 
	width:				60%;
	margin:				0px 10px 10px 0px;
	padding-left:		5px;
	border:				none;
}

#contactus .right-column {
	width:				31%;
	margin-right:		0px;
	padding-left:		50px;
}

#contactus .left-column fieldset {
	margin: 				0.5em 0 0 0;
	padding: 			0;
}

#contactus .left-column fieldset legend {
	margin:		 		0 0 1em 0;
	/*color: 				#476393;								NRH - Chem Responsive*/
	color: 				#003399;								/*NRH - Chem Responsive*/
	font-weight: 		bold;
}

#contactus .left-column fieldset ol {
	margin:				0 0 0 0;
	padding: 			0 0 0 0;
	list-style:			none;
}

#contactus .left-column fieldset li {
	list-style:			none;
   padding: 			0 0 1em 0; 
}

#contactus .left-column label {							/* for standard html tag */
	font-weight:		bold;
}

#contactus .left-column .label {
	float:				left;
	text-align:			left; /*NRH - Chem Responsive*/
	width:				12em;
	margin-right:		5px;
	padding-top:		5px;
}

#contactus .left-column .errMsg {						/* for error messages to line up with the boxes (label width + 1em) */
	display:				block;
	margin-left:		12.5em;
}

#contactus .left-column .toplabel {					/* Label on top of box. */
	display: 			block;
	padding-bottom:	2px;
}

#contactus .left-column .boxL {							/* Box Long */
	width:				28em;
}

#contactus .left-column .boxS {							/* Box Short Length */
	width:				6em;
}

#contactus .left-column .qbox {							/* Big box for typing question. */
	width:				98%;	
	height:				7em;
}

#contactus .left-column .mbox {							/* For Email Page form message box, which shares most contact us styles. */
	width:				28.6em;	
	height:				9em;
}

#contactus .right-column fieldset {
	margin: 				1em 0 3em 0.5em;
	padding: 			0;
}

#contactus .right-column fieldset legend {
	margin:		 		0 0 0.5em 0;
	font-weight: 		bold;
}

#contactus .right-column fieldset ol {
	margin:				0 0 0 0;
	padding: 			0 0 0 0;
	list-style:			none;
}

#contactus .right-column fieldset li {
	list-style:			none;
   padding: 			0 0 0.1em 0; 
}

#contactus #TopicTable {
	height:25px;
}

#contactus #TopicTable tr {
	height:24px;
}

#contactus #TopicTable td {
	height:24px;
}

#MSDS {
	background:transparent url(../../images/layout/btn-round-bg.jpg) no-repeat scroll left top;
	color:#476393;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:20px;
	margin-left:89px;
	padding-top:3px;
	text-align:center;
	width:95px;
}

#MSDS:hover, #MSDS:active{
	text-decoration: none;
}
#TopicLabel {
	font-size: 120%;
}


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

	FOOTER
			
*******************************************************************************************************/
#footer {
	display: 		block;
	clear: 			both;
	/*float:		left;	*/					/* BDE: Added 5/7/9 to make top margin 20px take effect. */
	width:			966px;						/* BDE: Need for IE to give element a layout. */
	margin:			0px auto 0px auto;
	font-size:		110%;
	text-align:		center;
	border-top:		1px solid #f0f0f0;
	background-color: rgb(64, 64, 64);
	background-repeat: auto;
	box-shadow:  0px 4px 16px rgba(0,0,0,0.3);
	position: relative;
}

#footer ul {
	display:			block;
	padding:			10px 0 0 0;
}

#footer li {
	display:			inline;
}

#footer li:before {
	color: 			#dedede;
	content: 		'\b7';
}

#footer li:first-child:before {
	content: 		'';
}

#footer a {
	display: 		inline;
	padding: 		0 16px 0 16px;
	line-height:	17px;
	color: 			#dedede;
}

#footer a:hover {
	color: 			#fafafa;
}

#footer li.first a {
	border-left:	none;
}

#footer #footer-global-web-sites {
	padding-left:	33px;
	background:		url('../../images/layout/footer-icon-globalsites.gif') no-repeat 10px center;
}

#footer #footer-contact-us {
	padding-left:	33px;
	background:		url('../../images/layout/footer-icon-contact.gif') no-repeat 10px center;
}

				.footer{
					height:auto;
					padding:none;
				}
				.topFooter{
				
					height:auto;
					padding:5px;
					overflow:auto;
				}
				.bottomFooter{
					padding: 20px 10px 30px 10px;
					height: auto;
					overflow: auto;	
					background-color: rgb(43,43,43);
				}
				.footerNavMobile{
					width: 46.5%;
					float: left;
					text-align: left;
					margin-left: 7px;
					padding-top: 10px;
				}
				.footerSearchMobile{
					width:51%;
					float:left;
					margin-right:1%;
					min-width:144px;
				}
				.social{
					float: right;
					width: 100%;
					margin: 15px;
					text-align: right;
					padding-top: 11px;
					margin-bottom: 40px;
				}
				.social a{
					padding: 6px 11px !important;
					margin-right: 31px;
					background-repeat: no-repeat;
					background-size: 100%;
					ine-height: 19px !important;
				}
				.twitter{
					background-image:url('../../Images/layout/footer-icon-twitter.png');
				}
				.youtube{
					background-image:url('../../Images/layout/footer-icon-youtube.png');
					margin-right: 4px !important;
				}
				.linkedin{
					background-image:url('../../Images/layout/footer-icon-linkedin.png');
				}
				.footerNavLogo{
					float:left;
				}
				.footerNavLogo a{
					padding-right: 11px !important;
				}
				.footerNavLogo a:hover, a:active 	{ 
					text-decoration: none; 
				}
				.footerNavLogo div{
					cursor:pointer;
				}
				.footerNavLogo ul li:before{
					content:'' !important;
				}
				.footerLogo{
					background-image: url('../Images/layout/icon-logos-updated-newlogo3.svg');
					background-repeat: no-repeat;
					height: 22px;
					background-size: 750px 23px;
					display:inline-block;
					overflow: hidden;
					margin-top: 10px;
				}	
				.footerExxonMobilLogo{
					background-position: -225px center;
					width: 92px;
				}
				.footerExxonMobilLogo:hover{
					background-position: -338px center;
				}
				.footerExxonLogo{
					background-position: -450px center;
					width: 28px;
				}
				.footerExxonLogo:hover{
					background-position: -488px center;
				}
				.footerMobilLogo{
					background-position: -523px center;
					width: 29px;
				}
				.footerMobilLogo:hover{
					background-position: -560px center;
				}
				.footerEssoLogo{
					background-position: -599px center;
					width: 25px;
				}
				.footerEssoLogo:hover{
					background-position: -636px center;
				}
				.footerXTOLogo{
					background-position: -673px center;
					width: 31px;
				}
				.footerXTOLogo:hover{
					background-position: -710px center;
				}

				.footerNavLinks{
					float:right;
					color:#dedede;
					padding-right:10px;
					
				}
				.footerNavLinks ul{
					text-align:right;
				}
				.footerCopyRight {
					margin-right:3px;
					margin-top:5px;
				}
				.footerSearchButton{
					float: right;
					height: 26px;
					font-size: 90%;
					color: #476393;
					border: none;
					cursor: pointer;
					background: transparent url('../../Images/layout/footer-icon-search.png') no-repeat center;
					position: absolute;
					background-size: 80%;
					margin-top: 15px;
					right: 38px;
					width: 19px;
				}
				.footerSearchInputBox{
					float: right;
					display: block;
					height: 15px;
					margin: 13px 4px 0px 0px;
					font-size: 110%;
					line-height: 16px;
					border: none;
					background-color: rgba(0,0,0,0.35);
					color: #dedede;
					padding: 8px 15% 8px 5%;
					width: 33%;
					webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.35) inset;
					-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.35) inset;
					box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.35) inset;
					border: medium none;
					outline: 0 none;

				}
				.footerNavLinks a{
					padding:0 2px 0 8px !important;
				}
				
				.footerNavLinks ul li{
					margin-right: 4px;
				}
				

/*Added by Denis D. - Crown Partners  : to fix the summary link on summary resource pages */
#resource-sum-pg .label a {
color:#66841F !important;
}

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

	PSG Site Functionality - Michael Chaney - November 2011
			
*******************************************************************************************************/

/* Classes for Hover Text */

.subfeature h3 a.hoverdef { 
	background:			transparent; 
	padding:				0;
	width:				auto;
}

a.hoverdef {
  display:				inline-block; 				/* BDE 10/3/12: Added property to stop link text wrapping. */
  position:				relative;
  z-index:				1;
  text-decoration:	none !important;
  padding:				0;
  margin:				0 12px 0 0;
  color:  				#4AADE1 !important;		/* BDE: Near Dodger Blue */
  border-bottom:		1px dashed; 
 }
 
a.hoverdef img {
  display:				block;
  float:					none;
  position:				absolute;
  z-index:				10;
  top:					0px;
  right:					-12px;
  width:					12px;
  height:				12px;				
  border:				none;
  background:			transparent none;
  padding:				0;
  margin:				0; 
 }

a.hoverdef:hover {
  text-decoration:	none;
  border-bottom:		1px solid; 
 }
 
a.hoverdef span {  
  display:				block; 
  position:				absolute;
  z-index:				20;
  width:					0;
  height:				0;
  overflow:				hidden;
  }
  
a.hoverdef:hover span {
  display:				block;
  float:					left;
  position:				absolute;
  z-index:				30;
  top:					1.5em;
  left:					1.5em;
  width:					215px;
  height:				auto;
  border:				1px solid #3399cc;
  padding:				3px 6px 3px 9px;
  color:					#333;
  font-weight:	 		normal;
  font-size:			12px;
  line-height:			1.4em;
  text-decoration:	none;
  font-family: 	 	Arial, Helvetica, sans-serif;
  background: 			#f5fafe url('../../images/layout/bg_hover_repeat-x.jpg) repeat-x bottom');  
}

/* Classes for See Also and Reference Links */
  
hr { 
	margin: 				0 0 0 0; 
	padding:				0; 
	border-top: 		1px solid #999; 
	border-bottom: 	none; 
	border-left: 		none; 
	border-right: 		none; 
	height: 				1px; 
} 

div.refContainer {
  clear: 				both;
  padding-top:			15px;
  }
  
.refTitle {							/* BDE: Like #list h1 except margin-bottom=0. */
	margin: 				0;
	font-size: 			104.3%;	/* BDE: Reduced font size from 138.461538%. */
	font-weight:		bold;
	color: 				#393838;
}

#article .refTitle {				/* BDE: Unfortunately article template font sizes are different. */
	font-size: 			125.2%;	/* BDE: Reduced font size from 160%. */
}

div.refContainer ul {
	list-style-type: 	square;
	list-style: 		square none outside;
	margin-left: 		5px;
  }
  
div.refContainer ol {
	list-style: 		decimal none outside;
	margin-left: 		13px;
  }
  
div.refContainer li {
	line-height:		1.4em !important;
	font-size: 			95%;
	margin: 				2px 0px 3px 0px  !important;
  }
  
#article .refContainer li {			/* BDE: Unfortunately article template font sizes are different. */
	font-size: 			87%;
  }
  
/* FOLLOW and SHARE Elements */

.toolsShareTitle {
	display: 				block;
	width: 					auto;
	background-image: 		url('../../images/layout/shareTop.gif');
	background-repeat: 		no-repeat;
	background-position: 	left top;
	font-weight: 			bold;
	padding: 				8px;
}

.toolsShareTitleSmall {
	display: 				block;
	width: 					auto;
	background-image:		url('../../images/layout/shareTopSmall.gif');
	background-repeat: 		no-repeat;
	background-position: 	left top;
	font-weight: 			bold;
	padding: 				8px;
}

.toolsShareTitleSmall span {
	cursor:					pointer;
	float:					right;
	display:				block;
	width:					20px;
	float: 					right;
}

.showShareSmaller {
	display: 				block;
	position: 				absolute;
	margin: 				0;
	padding: 				0;
	width: 					141px;
	top: 					75px;
	right: 					10px;
	z-index: 				100;
}
.toolsShareBottomSmall {
	display: 				block;
	background-image: 		url('../../images/layout/toolsShareBottomSmall.gif');
	background-position: 	left bottom;
	padding-bottom:			10px;
}
.toolsShareTitle span {
	cursor:					pointer;
	float:					right;
	display:				block;
	width:					20px;
	float: 					right;
}
#share {
	margin: 				0;
	padding: 				0;
	height: 				1em;
	z-index: 				100;	
}

.hideShare {
	display:				none;
}
.showShare {
	display: 				block;
	position: 				absolute;
	margin: 				0;
	padding: 				0;
	width: 					201px;
	top: 					75px;
	z-index: 				100;
}

#share li {
	list-style: 			none;
}

#share li li, #share li li {
	float: 					none;
}
#share li li a, #share li li a {
	display:				block;
	margin-right: 			1px;
	margin-left: 			1px;
	zoom:					1;
	padding-top: 			5px;
	padding-right: 			5px;
	padding-bottom: 		5px;
	padding-left: 			40px;
	font-weight:			bold;
}
#share li li a:hover {
	display:				block;
	padding-top: 			5px;
	padding-right: 			5px;
	padding-bottom: 		5px;
	padding-left: 			40px;
	margin-right: 			1px;
	margin-left: 			1px;
	zoom:					1;
	font-weight:			bold;
}
div .shareicon {
	background-image: 		url('../../images/layout/iconShare.gif');
}
.toolsShareBottom {
	display: 				block;
	background-image: 		url('../../images/layout/toolsShareBottom.gif');
	background-position: 	left bottom;
	padding-bottom:			10px;
}
div .iconfacebook {
	background-image: 		url('../../images/layout/iconFacebook.gif');
	background-repeat: 		no-repeat;
	background-position: 	16px center;
	background-color: 		#DFE8F1;
}
.icondigg {
	background-image: 		url('../../images/layout/iconDigg.gif');
	background-repeat: 		no-repeat;
	background-position: 	16px center;
	background-color: 		#DFE8F1;
}
.icontwitter {
	background-image: 		url('../../images/layout/iconTwitter.gif');
	background-repeat: 		no-repeat;
	background-position: 	16px center;
	background-color: 		#DFE8F1;
}
.iconyahoo {
	background-image: 		url('../../images/layout/iconYahoo.gif');
	background-repeat: 		no-repeat;
	background-position: 	16px center;
	background-color: 		#DFE8F1;
}
.sharemore{
	background-image:		url('../../images/layout/iconShareMore.gif');
	background-repeat: 		no-repeat;
	background-position: 	16px center;
	background-color: 		#DFE8F1;
}

#lblNYR,#lblNYRdesc, #OCSLogin_lblLogin, #pnlOCSLogin ol li a{
font-size: 110%;
font-weight: bold;
}

/*
#content .main-content #pnlOCSLogin{
margin-top: 15px;
}*/
#registration .signin-column ol li .box a  {
	text-decoration: none;	
}
#registration .signin-column ol li .boxOCS a{
		float: 			left;
		display:			block;
		width:   		95px;
		height: 			20px;
		font-weight:	bold;
		text-align:		center;
		vertical-align:top;
		color:			#476393;
		border:			none;
		background:		url('../../images/layout/btn-round-bg.jpg') no-repeat top left;
		cursor:			pointer; 
		margin-right:	10px; 
		padding: 		2px 0px 0 2px;
		font-size:		110%;	
text-decoration: none;			
}

/*NPT: Add alignment for search result*/
#Pfooter{
	margin-left: auto;
	margin-right: auto;
}

#content #quick-links.mobile{ /*hide mobile version*/
	display: none;
}

#menuItemContainer{ /*For window resizing back and fort and still keep correct list style on mobile*/
	list-style:none;
}

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

	FONT - EMPrint
			
*******************************************************************************************************/

@font-face{
	font-family:'EMprint';
	src: url('../../Imports/fonts/EMprint-Regular.eot?#iefix') format('embedded-opentype'), 
	   url('../../Imports/fonts/EMprint-Regular.woff') format('woff'), 
	   url('../../Imports/fonts/EMprint-Regular.ttf')  format('truetype');
}
@font-face{
	font-family:'EMprintBold';
	src: url('../../Imports/fonts/EMprint-Semibold.eot?#iefix') format('embedded-opentype'), 
	   url('../../Imports/fonts/EMprint-Semibold.woff') format('woff'), 
	   url('../../Imports/fonts/EMprint-Semibold.ttf')  format('truetype');
}


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

	MOBILE DESIGN / RESPONSIVE WEB
	START MEDIASCREEN 600 px
			
*******************************************************************************************************/
/*NRH - style all responsive */

@media screen and (max-width:600px) {
	
	/* -------- header ----------- */
	#menu{
		background-image: url("../../Images/layout/mobile_navigation/mobile_menu.gif");
		width: 41px;
		height: 50px;
		cursor: pointer;
		float: right;
		margin-top: 30px;
		margin-right: 7px;
		margin-left: 15px;
		background-size: 70%;
		background-repeat: no-repeat;
	}
	#menuContainer{
		background:red;
		width: 90%;
		height:auto;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#mobileMenuHeaderContainer{
		 text-align:center;
		 line-height:30px;
		 padding-bottom: 10px;
		 padding-top: 10px;
		  background:rgb(58, 58, 58);
		  color:white;
		  font-weight:bolder;
	}
	#mobileMenuHeaderContainer > * {
		  display:inline-block;
		  text-align:center;
	}
	#mobileMenuBack{
		 width:20%;
		 maxwidth:20px;
		 float:left;
	}
	#mobileMenuBack img{
		width: 26px;
	}
	#mobileMenuHeadTitle{
		width: auto;
		font-size: medium;
	}
	#mobileMenuHeadTitle a{
		color: white;
	}
	#mobileMenuClose{
		  width:20%;
		  float:right;
		  maxwidth:20px;
		  margin-top: 3px;
	}
	#mobileMenuClose img{
		width: 20px;
	}
	#menuItemContainer {
		font-size:150%;
	}
	#menuItemContainer{
		list-style:none;
		margin: 0px;
		padding:0px;
		list-style-position:inside;
	}
	  #menuItemContainer li{
		padding: 0px;
		padding-left: 26px;
		font-size: large;
		line-height: 2;
		font-weight: bold;
	}
	.menulevel1 a{
		color: #2F2F2F;
	}
	  .menulevel1, .active {
		background: #e3e3e3; /* Old browsers */
		background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 1%, #ffffff 1%, #fafafa 2%, #ffffff 3%, #fcfcfc 9%, #fcfcfc 17%, #f2f2f2 41%, #f3f3f3 44%, #e8e8e8 68%, #e9e9e9 71%, #e5e5e5 78%, #e6e6e6 81%, #e3e3e3 84%, #e4e4e4 87%, #e1e1e1 93%, #e1e1e1 95%, #e3e3e3 96%, #e2e2e2 96%, #d8d8d8 97%, #c4c4c4 98%, #b6b6b6 99%, #969696 99%, #606060 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(1%,#ffffff), color-stop(1%,#ffffff), color-stop(2%,#fafafa), color-stop(3%,#ffffff), color-stop(9%,#fcfcfc), color-stop(17%,#fcfcfc), color-stop(41%,#f2f2f2), color-stop(44%,#f3f3f3), color-stop(68%,#e8e8e8), color-stop(71%,#e9e9e9), color-stop(78%,#e5e5e5), color-stop(81%,#e6e6e6), color-stop(84%,#e3e3e3), color-stop(87%,#e4e4e4), color-stop(93%,#e1e1e1), color-stop(95%,#e1e1e1), color-stop(96%,#e3e3e3), color-stop(96%,#e2e2e2), color-stop(97%,#d8d8d8), color-stop(98%,#c4c4c4), color-stop(99%,#b6b6b6), color-stop(99%,#969696), color-stop(100%,#606060)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e3e3e3 0%,#ffffff 1%,#ffffff 1%,#fafafa 2%,#ffffff 3%,#fcfcfc 9%,#fcfcfc 17%,#f2f2f2 41%,#f3f3f3 44%,#e8e8e8 68%,#e9e9e9 71%,#e5e5e5 78%,#e6e6e6 81%,#e3e3e3 84%,#e4e4e4 87%,#e1e1e1 93%,#e1e1e1 95%,#e3e3e3 96%,#e2e2e2 96%,#d8d8d8 97%,#c4c4c4 98%,#b6b6b6 99%,#969696 99%,#606060 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e3e3e3 0%,#ffffff 1%,#ffffff 1%,#fafafa 2%,#ffffff 3%,#fcfcfc 9%,#fcfcfc 17%,#f2f2f2 41%,#f3f3f3 44%,#e8e8e8 68%,#e9e9e9 71%,#e5e5e5 78%,#e6e6e6 81%,#e3e3e3 84%,#e4e4e4 87%,#e1e1e1 93%,#e1e1e1 95%,#e3e3e3 96%,#e2e2e2 96%,#d8d8d8 97%,#c4c4c4 98%,#b6b6b6 99%,#969696 99%,#606060 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e3e3e3 0%,#ffffff 1%,#ffffff 1%,#fafafa 2%,#ffffff 3%,#fcfcfc 9%,#fcfcfc 17%,#f2f2f2 41%,#f3f3f3 44%,#e8e8e8 68%,#e9e9e9 71%,#e5e5e5 78%,#e6e6e6 81%,#e3e3e3 84%,#e4e4e4 87%,#e1e1e1 93%,#e1e1e1 95%,#e3e3e3 96%,#e2e2e2 96%,#d8d8d8 97%,#c4c4c4 98%,#b6b6b6 99%,#969696 99%,#606060 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom, #e3e3e3 0%,#ffffff 1%,#ffffff 1%,#fafafa 2%,#ffffff 3%,#fcfcfc 9%,#fcfcfc 17%,#f2f2f2 41%,#f3f3f3 44%,#e8e8e8 68%,#e9e9e9 71%,#e5e5e5 78%,#e6e6e6 81%,#e3e3e3 84%,#e4e4e4 87%,#e1e1e1 93%,#e1e1e1 95%,#e3e3e3 96%,#e2e2e2 96%,#d8d8d8 97%,#c4c4c4 98%,#b6b6b6 99%,#969696 99%,#606060 100%) !important; /* W3C */
		color:black !important;
		padding-left: 15px;
	  }
	#menuContainer .active a{
		color:black !important;
	}
	#menuContainer .active a:before{
	   content: "";
	}


		.menuItemTxt{
			display:inline-block;
		}
		.menuItemTxtNolink{
			color: rgb(218, 218, 218) !important;
		}
		a.menuItemTxtNolink:hover {
		  text-decoration: none;
		}
		.menuItemImg{
			display: inline-block;
			margin-top: 5px;
			width: 15%;
			height: 25px;
			position: absolute;
			right: 10px;
		}
		.menuItemImgNextWhite{
			background-image: url('../../Images/layout/mobile_navigation/white-arrow-next-small.png');
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: right;
		}
		.menuItemImgDownWhite{
			background-image: url('../../Images/layout/mobile_navigation/white-arrow-down-small.png');
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: right;
		}
		.menuItemImgNextBlack{
			background-image: url('../../Images/layout/mobile_navigation/black-arrow-next-small.png');
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: right;
		}
		.menuItemImgNextBlue{
			background-image: url('../../Images/layout/mobile_navigation/blue-arrow-next-small.png');
			background-size: 100%;
		}
		.menuItemImgActive{
			background-image: url('../../Images/layout/mobile_navigation/black-arrow-up-small.png');
			//background-image:none;
		}
		
	   .menulevel2, .menulevel3, .menulevel4, .menulevel5, .menulevel6, .menulevel7, .menulevel8{
		   color:white;
		  background: rgb(78, 78, 78);
		  padding-left: 15px;
		}
	.menulevel2 a, .menulevel3 a, .menulevel4 a, .menulevel5 a, .menulevel6 a, .menulevel7 a, .menulevel8 a{
		color:white;
	}
	.menulevel2 a:before, 
	.menulevel3 a:before, 
	.menulevel4 a:before, 
	.menulevel5 a:before, 
	.menulevel6 a:before, 
	.menulevel7 a:before, 
	.menulevel8 a:before {
		  content: "- ";
	}
	.menulevel1 a:active, .menulevel2 a:active, .menulevel3 a:active, .menulevel4 a:active, .menulevel5 a:active, .menulevel6 a:active, .menulevel7 a:active, .menulevel8 a:active{
		background: none;
	}
	.menulevel1 a,.menulevel2 a, .menulevel3 a, .menulevel4 a, .menulevel5 a, .menulevel6 a, .menulevel7 a, .menulevel8 a{
		display: inline-block;
		width: 85%;
	}
	.menulevel3{
		   color:white;
		  background: rgb(78, 78, 78);
		  padding-left: 15px;
		}
	.mobileIconImg {
                background-size: 100%;
                background-repeat: no-repeat;
                display: inline-block;
	}

	#mobileMenuBack .mobileIconImg {
                background-image: url(../../images/layout/mobile_navigation/white-arrow-back-small.png);
                width: 26px;
                height: 27px;
	}
	#mobileMenuClose .mobileIconImg {
                background-image: url(../../images/layout/mobile_navigation/close_26.png);
                width: 20px;
                height: 20px;
	}

	#header{
		font-size: x-small;
		min-height: 137px;
	}
	.header_globe_container_img, .header_globe_container_img:hover{
		width: 22px;
		height: 22px;
	}
	#header #mini-nav{
		min-height: 47px;
	}
	#header #user-info{
		width:106px;
		top: 10px;
		left: 25px;
	}
	#header #user-info span, #header #user-info a{
		display: inline-block;
	}
	#header #user-info span {
		padding-bottom: 5px;
	}
	#header #user-info .message{
		width: 47px;
	}
	#header #user-info .username{
		width: 50px;
	}
	#header #user-info #xomLogin_WelcomeBackMessage{
		text-overflow: ellipsis;
  		width: 100%;
  		overflow: hidden;
  		height: 14px;
  		white-space: nowrap;
	}
	#header #primary-nav{
		display:none;
		overflow: hidden;
	}
	#header,#container,#content.home{
		width:100% !important;
		/*overflow: hidden;*/
	}
	#header #mini-nav ul{
		margin-right:24%;
	}
	.header_globe_logo_text{
		display:none;
	}
	#header #mini-nav ul{
		display:none;
	}
	.header_globe_container{
		width:auto;
		right:7%;
		top:9px;
	}
	#header #language-select{
		width: 165px;
		min-height: 47px;
		top:4px;
		right:0px !important;
	}
	#header #search-nav #search-icon{
		background-size: 40%;
	}
	#header #search-form{
		width:100% !important;
	}
	#header #search-form #search-q {
		width:80% !important;
	}
	#header #search-form #search-submit {
		display:none;
	}

	/* -------- body ----------- */
	
	/*body{
		font-family: EMprint, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
		font-size: x-small;
	}
	#content{
		font-size: 120%;
	}*/
	#content #content-title {
		width: 100%;
	}
	#content .no-left-nav {
		padding-left: 0px;
	}
	#content #leftimageflash embed,
	#content #leftimageflash object,
	#content #leftimageflash img {
		width: 96% !important;
		height: auto !important;
		padding-left: 0px;
		padding-right: 5%;
	}
	/***********************************************/
	/*--------- Image resizing in content ---------*/
	/* - 150x150, 220x220, 320x320 images will be displayed as 90x90 images on mobile.
	   - 90x90 or 120x120 images will be displayed as 60x60 images on mobile
	   - 60x60 images will not change on mobile.
	*/
	/***********************************************/
	#content .img320-box,
	#content .img220-box,
	#content .img150-box{
		height: 106px;
		width: 106px;
	}
	#content .img320,
	#content .img220,
	#content .img150 { 
		position: relative; 
		z-index: -1;
		padding: 7px 6px 8px 8px;
	}
	#content .img320 img,
	#content .img220 img,
	#content .img150 img {
		height: 90px;
		width: 90px;
	}
	#content .img320-shadow img,
	#content .img220-shadow img,
	#content .img150-shadow img {
		height: 106px;
		width: 106px;
	}
	#content .img120-box,
	#content .img90-box{
		height: 74px;
		width: 74px;
	}
	#content .img120,
	#content .img90 { 
		position: relative; 
		z-index: -1;
		padding: 7px 6px 8px 7px;
	}
	#content .img120 img,
	#content .img90 img {
		height: 60px;
		width: 60px;
	}
	#content .img120-shadow img,
	#content .img90-shadow img{
		height: 74px;
		width: 74px;
	}
	#content .imgHt320,
	#content .imgHt220,
	#content .imgHt150 {
		padding-top:	0px;
		width: 106px;
	}
	#content .imgHt120,
	#content .imgHt90 {	
		padding-top:	0px;
		width: 74px;
	}
	#content .withCaption { 
		height: auto;
	}
	#content .imgCaption img {
		moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-search-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */
	}
	/**************************************/
	/*-------- Resource Summary  ---------*/
	/**************************************/
	.summaryPgLink a {
		font-size: 0px;
		vertical-align: middle;
	}
	.summaryPgLink a img {
		margin-top: 0px;
		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/summary-pg-link-arrow.png') no-repeat;
		background-size: 100%;
  		width: 20px; /* Width of new image */
  		height: 20px; /* Height of new image */
  		padding-left: 20px; /* Equal to width of new image */
		vertical-align: middle;

	}
	#resource-sum-pg h1 {
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	#resource-sum-pg .right {
		width: 100%;
		float: left;
		margin-left: 0px;
	}
	#resource-sum-pg h1 img {
		moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-lock-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */
	}
	/******************************/
	/*--------- Homepage ---------*/
	/******************************/
	#content.home{
		/*padding-right: 5%;*/
		padding-left: 5%;
		width: 95% !important;
	}
	#content.home .subFeatures {
		float: left;
		width: 92%;
		margin-left: 0px;
	}	
	#content.home .subFeature {
		background-image: none !important;
	}
	#content.home #imgHeroWithSubs,
	#content.home #flashHeroWithSubs,
	#content.home #imgHeroWithSubs embed,
	#content.home #flashHeroWithSubs embed,
	#content.home #imgHeroWithSubs object,
	#content.home #flashHeroWithSubs object,
	#content.home #imgHeroWithSubs img,
	#content.home #flashHeroWithSubs img {
		width: 96% !important;
		height: auto !important;
		padding-left: 0px;
		padding-right: 5%;
	}
	#content.home .callout .content h2, #content.home .callout .content h2 a{
		line-height: 100%;
	}
	#content.home #home-column-a, #content.home #home-column-b, #content.home #home-column-c, #tc-carousel{
		width:92% !important;
		padding-right: 5%;
		margin-bottom: 10px;
	}
	#tc-carousel #slides{
		width:100% !important;
	}
	
	#content .main-content{
		width:90%;
		max-width: none !important;
		margin-left:5%;
	}
	#content.home .module .headerbarTextNoLink, 	
	#content.home .module .headerbarTextNoLink span,		
	#content.home .module .headerbarText a,
	#content.home .module .headerbarText a:hover,
	#content.home .module .headerbarTextWithLock a,
	#content.home .module .headerbarTextWithLock a:hover,
	#content.home .module .headerbarTextWithLock a span.text,
	#content.home .module .headerbarTextWithLock a:hover span.text{
		height: 35px;
		line-height: 35px;
		background-image: none;
	}
	#content.home .module .headerbarText span,
	#content.home .module .headerbarText a:hover span,
	#content.home .module .headerbarTextWithLock a span.lock,
	#content.home .module .headerbarTextWithLock a:hover span.lock{
		height: 35px;
		line-height: 35px;
		background-image: url('../../Images/layout/mobile_navigation/white-arrow-next-small.png');
		background-position-x: right;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: 5%;
		margin-right: 10px;
	}
	#content.home .module .headerbarTextWithLock a span.text,
	#content.home .module .headerbarTextWithLock a:hover span.text{
		padding-left: 5%;
		margin-right: -40px;
	}
	#content.home .module .headerbarTextWithLock a span.lock,
	#content.home .module .headerbarTextWithLock a:hover span.lock{
		background-size: 40%;
		width: 40px;
	}
	#content.home .module .headerbarTextWithLock a span.lock img{
		margin-top: 10px;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-lock-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */

	}
	#content.home .callout{
		background-image: none !important;
	}
	#content.home .callout .content {
		padding-right: 10px;
	}
	/****************************************************/
	/* -------- Left Navigation (Hide for Mobile) ------*/
	/****************************************************/
	#content #left-content #left-nav{
		display: none;
	}
	#content #left-content #quick-links{
		display: none;
	}
	#content #share-links{
		display: none;
	}
	/****************************************************/
	/* -------- Quick Links (Mobile version) ------*/
	/****************************************************/
	#content #quick-links.mobile{
		display: block;
		float: left;
		font-size: 130%;
		width: 80%;
		background-color: rgb(235,235,235); 
		box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
		margin-left: 5%;
		margin-right: 10px;
		margin-bottom: 15px;
		padding: 10px 20px;
	}
	#content #quick-links.mobile h4{
		font-weight:		bold; 
		font-size:		130%;											
		line-height:		1.1em;
		padding-bottom:	0.1em; 
		color:			#3d3d3d;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}
	#content #quick-links.mobile ul{
		list-style: none;
	
	}
	#content #quick-links.mobile li{
		line-height: 1.5em;
	}
	#content #quick-links.mobile li a{
		color:#3d3d3d;
	}
	/********************************/
	/* -------- Landing page -------*/
	/********************************/
	
	#landing #section-info #mainFeature{
		width: 100%;
		margin-bottom: 10px;
	}
	#section-info #subfeatureCallouts{
		float: left;
		width: 100%;
	}
	#landing .module{
		width: 100%;
	}
	#landing .module.right{
		float: left;
		margin-left: 0px;
	}
	#landing .module .headerbarTextNoLink,
	#landing .module .headerbarTextNoLink span,
	#landing .module .headerbarText a,
	#landing .module .headerbarText a:hover,
	#landing .module .headerbarTextWithLock a,
	#landing .module .headerbarTextWithLock a:hover,
	#landing .module .headerbarTextWithLock a span.text,
	#landing .module .headerbarTextWithLock a:hover span.text{
		height: 35px;
		line-height: 35px;
		background-image: none;
	}
	#landing .module .headerbarText a span,
	#landing .module .headerbarText a:hover span,
	#landing .module .headerbarTextWithLock a span.lock,
	#landing .module .headerbarTextWithLock a:hover span.lock {
		height: 35px;
		line-height: 35px;
		background-image: url('../../Images/layout/mobile_navigation/white-arrow-next-small.png');
		background-position-x: right;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: 5%;
		margin-right: 10px;
	}
	#landing .module .headerbarTextWithLock a span.text,
	#landing .module .headerbarTextWithLock a:hover span.text{
		padding-left: 5%;
		margin-right: -40px;
	}
	#landing .module .headerbarTextWithLock a span.lock,
	#landing .module .headerbarTextWithLock a:hover span.lock{
		background-color: rgb(168,169,164);
		background-size: 40%;
		width: 40px;
	}
	#landing .module .headerbarTextWithLock a span.lock img{
		margin-top: 10px;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-lock-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */

	}
	#section-info #subfeatureCallouts .callout{
		background-repeat: no-repeat;
		background-image: none !important;
	}
	/********************************/
	/* -------- Article page -------*/
	/********************************/
	#article .mainFeature {
		width: 100%;
	}
	#article .wide { 
		width: 100%;
	}
	#article #resource-box {
		width: 100%;
		font-size: 130%;
	}
	#article #resource-box .resource .title a {
		vertical-align:middle;
	}
	#article #resource-box .resource .title img {
		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-lock-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */
		vertical-align:middle;
	}
	#article .caption {
		margin-left:70px;
	}
	#article .column {
		width: 100%;
	}
	/********************************/
	/* -------- List page -------*/
	/********************************/
	#list .itemgroup .item, #list .itemgrouptop .item{
		width: 100%;
		margin-bottom: 10px;
	}
	#list .right{
		margin-left: 0px; 
	}
	#list .item h3 a {
		vertical-align:middle;
	}
	#list .item h3 img {
		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-lock-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */
		vertical-align:middle;
	}
	.List_Template_paragraphWithImage60, .List_Template_paragraphWithImage90{
		padding-left:88px;
	}

	.List_Template_paragraphWithImage150, .List_Template_paragraphWithImage220, .List_Template_paragraphWithImage320{
		padding-left:120px;
	}
	#list .freedate p {
	  padding-left: 0px;
	}
	.freedate{
	  width: 50%;
	  text-align: right;
	}
	#list .item ul li {
		margin-left:88px;
		}
	#content .main-content ul {
		padding-left: 15px;
		margin-left:0;
	}
	/********************************/
	/* -------- RSS page -----------*/
	/********************************/
	#rss_items .item p {
		margin-left: 0px;
	}
	/********************************/
	/* -------- iFrame page -------*/
	/********************************/
	#iframe iframe {
		width: 100% !important;
		overflow: auto !important;
	}
	/******************************************/
	/* -------- Knowledge Library ------------*/
	/******************************************/
	.kl-search {
		width: 95%;
		padding-right: 5%;
	}
	.kl-search .kl-ddl-lbl-row,
	.kl-search .kl-ddl-row { 
		width: 100%;
		text-align:left;
	}
	.kl-search .kl-ddl-lbl{
		-ms-flex:1;
		-ms-justify-content:flex-start;
		display:inline-block;
	}
	.kl-search .kl-ddl-lbl-row {
		
	}
	.kl-search .kl-ddl-row:before {
		content: "\A";
		display: block;
		width: 100%;
	}
	.kl-results {
		width: 100%;
	}
	.kl-results table{
		table-layout: auto;
		width: 95%;
		margin-right: 10px;
		margin-top: 15px;
		display: inline-table;

	}
	.kl-results tr{
		width: 100%;
	}
	.kl-results td {
		overflow: hidden;
   		word-wrap: break-word;
		
	}
	/*TR of detail text description of search result*/
	.kl-thumb+td {
		display: inline-block;
		width: auto;

	}
	.kl-results hr {
		float: left;
		display: block;
		width: 95%;		
	}
	.kl-thumb {

		width:90px;
	}
	.kl-results td>img {
		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/icon-lock-grey.png') no-repeat;
		background-size: 100%;
  		width: 15px; /* Width of new image */
  		height: 15px; /* Height of new image */
  		padding-left: 15px; /* Equal to width of new image */
		vertical-align:middle;
	}
	.kl-results #lblResults {
		margin-left: 10px;
		width: 90%;
	}
	.kl-sumlink a {
		font-size: 0px;
		vertical-align: middle;
	}
	.kl-sumlink a img {
		margin-top: 0px;
		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background: url('../../Images/layout/summary-pg-link-arrow.png') no-repeat;
		background-size: 100%;
  		width: 20px; /* Width of new image */
  		height: 20px; /* Height of new image */
  		padding-left: 20px; /* Equal to width of new image */
		vertical-align: middle;
	}
	/******************************************/
	/* -------- Registration Related ---------*/
	/******************************************/
	#registration p {
		float: left;
	}
	#content .main-content .signin-column {
		float:left;
		width: 95%;
	}
	#content .main-content .signin-column .headerbar {
		float: left;
		width: 100%;
	}
	#content .main-content .signin-column ol {
		float: left;
		display: block;
	}
	#content .main-content .signin-column .box,
	#content .main-content .reset-pswd .box  {
		width: 70%;
	}
	#content .main-content #lnkbtnForgotPwd {
		float: right;
		text-align: right;
		margin-top: 10px;
		margin-left: 0px;
		margin-bottom: 10px;
		width: 100%;

	}
	.reg-lblspan, .reg-lspanhalf, .reg-lspandbl, .pswd-lblspan {
		width: 95%;
	}
	.reg-lbl2 {
		float: left;
		text-align: left;
	}
	.reg-txtspan, .pswd-txtspan {
		width: 95%;
	}
	.reg-txt2 {
		width: 75%;
	}
	.reg-txtlong {
		width: 100%;
	}
	.reg-ddl {
		width: 75%;
	}
	.reg-hypl {
		width: 100%;
	}
	#customRegistration_chkboxP, #customRegistration_chkboxA {
		width: 95% !important;
	}
	.reg-btn {
		margin-top: 10px;
	}
	.reg-btn-same-line {
		margin-top: 10px;
	}
	/********************************/
	/* -------- Contact Us ---------*/
	/********************************/
	#contactus .headerbar {
		width: 100%;
	}
	#contactus .left-column {
		width: 95%;
	}
	#contactus .right-column {
		width: 95%;
		padding-left: 0px;
	}
	#contactus .left-column .boxL {
		width: 100%;
	}
	#contactus .left-column .mbox {
		width: 100%;
	}
	#contactus #TopicTable #Topic{
		width: 100% !important;
	}
	#contactus #TCChkbox1 { /*Contact Us checkbox*/
		margin-left: -150px;
	}
	#contactus #Submit { /*Contact Us submit button*/
		margin-left: -150px;
	}
	#contactus #chkAccept { /*Email Friend checkbox*/
		margin-left: -150px;
	}
	#contactus #btnSubmit { /*Email Friend submit button*/
		margin-left: -150px;
	}
	#MSDS {
		margin-left: 5px;
	}
	/*******************************/
	/* -------- footer ----------- */
	/*******************************/
	#footer{
		width:100% !important;
	}


	.footerNavMobile{
		width:99%;
		text-align: left;
		margin-left: 0px;
	}
	.footerExxonMobilLogo{
		display:block;
		margin-left: 12px;
	}
	.footerExxonLogo{
		margin-left: -16px;/*subtract ExxonMobil Logo margin since it is same child element*/
	}
	.footerSearchMobile{
		width:100%;
	}
	.bottomFooter{
		padding: 0px 10px 30px 10px;
	}
	.footerSearchInputBox{
		width:70%;
		float:none;
		margin-top: 5%;
		margin-left: 16px;
	}
	.footerSearchButton{
		margin-top: 0px;
		right: 10%;
		top: 19%;
	}
	.social{
		float: left;
		width: 93%;
		text-align: left;
		padding-top: 11px;
		margin:5% 16px !important;
	}
	.footerNavLogo {
		text-align:left;
		float: left;
		width: 100%;
	}
	.footerNavLinks{
		width: 100%;
		font-size: x-small;
	}
	.footerNavLinks ul {
		text-align: left;
		margin-left: 16px;
	}
	.footerCopyRight{
		text-align: left;
		margin-left: 22px;
	}

}