/* ==========================================================================================================================
	Created:  Spring 2009 - for ExxonMobil Chemical Redesign Project by Cabedge
	Updated:  April 7, 2009 - Brian D, Elley (ExxonMobil IT)
		1. Changed name of all "side-*" styles and GIF's to "left-*" for clarity.
		2. Added clrfix classes from xom_ie.css.
		3. Style learn-more is now resource-box.
		4. Adjusted position of share-links to match FireFox.
	Updated:  May 6, 2009 - BDE
		1. Changed #content #left-content #left-nav-list li line-height from 1.6em to 1.4em.
		2. Added #landing .module .left  margin-right setting.
	Updated:  May 27, 2009 - BDE
		1. Added .imgHt220, .imgHt320.
	Updated:  July 1, 2009 - BDE
		Removed Knowledge Library styles, as that page loads xom_chem_ie6_dotnet.css instead.
	Updated:  July 8, 2009 - BDE
		added contactus tweaks.
		Removed:  [#header #primary-nav .first-level-sub] and [#header #primary-nav .first-level-sub ul].
			there was no tweak.  same as in xom_chem.css.
		Removed #header #primary-nav li.third-level a { width: 194px; } setting.  Not needed.
	Updated:  July 12, 2009 - BDE
		Removed used [.fake-link].  1 location.
	Updated:  August 20-21, 2009 - BDE
		Added [#content.home .callout .contentFlash].
		Removed [#content.home .subFeature] and [#content.home .bottom].
	Updated:  September 9, 2009 - BDE
		Removed [.summaryPgLink a].  Redundant.
	Updated:  September 15-16, 2009 - BDE
		Added Hero block styles.
	Updated:  October 1, 2009 - Matias Benitez
		Removed [#landing .module .headerbarTextWithLock] padding since it's not necessary anymore, 
			but added width different from FFX or IE7.
		Added table styles.
	Updated:  October 12, 2009 - BDE
		Removed [#content.home .module .headerbarTextWithLock] padding since it's not necessary anymore, 
			but added width different from FFX or IE7.
	Updated October 14, 2009 - Matt Miller (Crown Partners)
		Updated for Doc-Type change made in pages
	Updated November 30, 2009 - ICH (Crown Partners)
		moduleIndent ol/ul modified to prevent short-wrap
	Updated February 15, 2010 - DRC Diego Cobelo
		.frameflBR added display: inline for ie6 compatibility	
		#content.home .module .moduleIndent updated to fix bullets alignment
		#content.home .module ol, #content.home .module ul updated to fix quick links text wrapping
=============================================================================================================================
	Internet Explorer 6 CSS overrides.  
	
	Note: zoom:1 is an easy way to ensure a particular class gets the hasLayout property turned on, which fixes many IE bugs.
			Not used now but could be added in the future.
*/

body {
    text-align: center;
}

.clrfix {display: inline-block;}

/* Start Hides from IE-mac \*/
.clrfix {display: block;}
/* End Hides from IE-mac */

.frameflBR {				/* DRC 15 Feb 2010 added display: inline for IE6 compatibility */
	float: left;
	margin:0 0 0 6px;
	display: inline;
}

#container {
    text-align: left;
}

#header #search-form #search-q {
	float:			left;
	display:		block;
	width:			128px;
	height:			17px;
	margin:			3px 4px 2px 4px;
	padding:		2px 4px;
	font-size:		110%;
	line-height:	18px;
	border:			none;
	background:		url('../images/layout/search-bg-empty.gif') no-repeat center;
}

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

#header #search-form #search-submit {
	float:			left;
	display:		block;
	width:			56px;
	height:			24px;
	font-size:		84%;
	color:			#476393;
	border:			none;
	background:		url('../images/layout/btn-search.gif') no-repeat top left;
	cursor:			pointer;
}


#header #primary-nav {
    float: 			left;												/* BDE: New setting. */
}

#header #primary-nav .first-level a {							/* BDE: New style. */
    float: 			left;
}

#header #primary-nav .second-level {							/* BDE: New style. */
    display:		block;
    margin:			0;
}

#header #primary-nav .second-level a {						/* BDE: New style. */
    display:		block;
    float: 			none;
    margin:			0;
    width:			180px;
	line-height:	10px;
}

#header #primary-nav li.second-level a:hover {
	color: 			#4d648c;									/* Dark Blue */
	background:		#dee9f2;									/* Light Blue */
	line-height:	12px;
}


#header #primary-nav li.third-level {							/* BDE: New style. */
    display: 		block;
    margin: 		0 0 -2px 0;
    overflow: 		hidden;
}

#header #primary-nav li.third-level a {
    float:			none;												/* BDE: New setting. */
    overflow:		hidden;											/* BDE: New setting. */
}
#header #primary-nav li.third-level a {
    padding-top:		2px;											/* BDE: -2px  */
    padding-bottom: 6px;											/* BDE: +2px  */
}

#content #share-links {
	 top:				8px;												/* BDE: +2px  */
    right:			7px;												/* BDE: +4px  */
}

/* BDE's OLD CSS

#content #left-nav li {
    margin:		0 0 -15px 0;
}

*/

#content #left-nav div {
}

#content #left-nav li {
}
#content #left-nav a {
	display:	block;
	margin:		0 0 -15px 0;
}
/*
#content #left-nav li {
	margin-left: -15px;
}

#content #left-nav a {
	line-height: 1.6em;
	height:25px;
	vertical-align: bottom;
}
*/

#content .no-left-nav {
   width:	918px;													/* BDE: +20px */
}

#content .left		{ 													/* BDE: -3px */
	margin-right: 12px; 	
}

#content .right		{ 												/* BDE: -3px */
	margin-left: 7px; 
}

#content .imgHt220 { 												/* BDE: -3px */
	padding-top:	242px;
}

#content .imgHt320 { 												/* BDE: -3px */
	padding-top:	344px;
}

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

#content .main-content .moduleIndent ul,
#content .main-content .moduleIndent ol  {

	float:			left;
	/*width:			265px;*/
	list-style-position: inside;
	margin-left: 0;
	/*
	float:			left;
	width:			250px;
	list-style-position: inside;
	margin-left:	5px;
	*/
}

#content.home .module ol,											/* CThiru 8/5/09: Updated */
#content.home .module ul {			
	float:			left;
	width:			220px;			/* DRC 24 Feb 2010 Updated from 179px to 220px to fix quick links text wrapping */				
	line-height:	1.8em;				/* DRC 24 Feb 2010 Updated to fix quick links text wrapping */			
	list-style-position: inside;
	font-size:		120%;
	margin-left:	5px;
}


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


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

#landing .module .left {
	margin-right: 8px;												/* BDE: -3px */
}

#landing .module .moduleList {

	margin-left: 20px;
	padding-left: 15px;
	text-indent: -15px;

}

#landing table {														/* Added 10/1/09 */
	font-size:		100%;
	font-family:	arial, sans-serif;
	color:			444444;
}

#landing table li {													/* Added 10/1/09 */
	font-size:		100%;
	font-family:	arial, sans-serif;
	color:			444444;
}

#rss_items span.paging { /* Added for BS -- 12/9/09 */
	display:inline;
	float:right;
	font-weight:bold;
	height:1.6em;
	text-align:right;
	margin-top:-25px;
}

#list .layoutRow {													/* BDE: -5px */
	padding-bottom:	10px;
}

#list .layoutRow table {											/* Added 10/1/09 */
	font-size:			100%;
	font-family:		arial, sans-serif;
	color:				444444;
}

#list .layoutRow table li {										/* Added 10/1/09 */
	font-size:			100%;
	font-family:		arial, sans-serif;
	color:				444444;
}

#list .itemgroup .item .left {									/* BDE: -3px */
	margin-right:	7px;
}

#contactus .left-column {											/* BDE: -1% */
	width:				60%;
}

#contactus .left-column fieldset legend {					/* BDE: -1.5em */
	margin-left:	-0.5em;	
}
		
#contactus .left-column fieldset li {							/* BDE: -0.2em */
   padding-bottom:  0.8em; 
}
		
#contactus .left-column .errMsgLeft {							/* BDE: New style. */
	float:	left;
	width:	280px;
}
		
#contactus .right-column {										/* BDE: -1% */
	width:				30%;
}

#contactus .right-column fieldset legend {					/* BDE: -0.5em */
	margin-left:	-0.5em;
}
		
#contactus .right-column fieldset ol {						/* BDE: +0.1em */
	margin-left:	 0.1em;
}

/*Added By Denis D. - Crown Partners 01/07/2010 to fix summary pages*/
#content .no-left-nav{

width:				97%;
}
#content #content-header {
width:				97%;
}

#content.home .module .moduleIndent {						
	padding-left:	0px;													/* DRC 15 Feb 2010 updated padding-left from 24 to 0 to fix bullets */
	padding-right:	20px;
}