/* Global Styles
--------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px */
	line-height: 1.5em;
	background: #989796 url(../Images/bgBody.gif) repeat-x;
	margin: 1.2em 2em;
}
img {border-style: none;
	border-color: inherit;
	border-width: 0;
	text-align: center;
}
img.border {
	border: 1px solid #ccc;
	padding: 2px;
}
div.hr {
  height: 0px;
  border-bottom: 1px solid #ddd;
  margin: 1.5em 0;
}
hr.dotted {
    /* Mozilla & IE have different opinions about how <hr> should look - be careful about changing these. */
  border:	none;
	border-top: 1px dashed #ddd;
  height:	1px;
	margin-bottom: 1.5em;
}
hr { margin: 1.5em 0; }
/* Links
--------------------------------------------------------------------*/
a, a:visited {
	color: #4082c6;
	text-decoration: none;
}
a:hover {
	color: #4082c6;
	text-decoration: underline;
}

input.submit {
  background: #fff url(../Images/bgButton.gif) repeat-x bottom right;
  border: 1px solid #ddd;
  color: #4082c6;
	font-size: .9em;
  padding: 0 5px 0 5px;
  margin-right: 5px;
  text-transform: uppercase;
  /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
  width: auto; 
  overflow: visible;
}
a.button {
  background: #fff url(../Images/bgButtonRight.gif) no-repeat right top;
  border: 1px solid #ddd;
  padding: 2px 15px 2px 5px;
  _padding: 2px 15px 1px 5px;
  font-size: 1em;
  color: #4082c6;
  text-transform: uppercase;
}
a.button:hover {
	text-decoration: none;
  border: 1px solid #c2c2c2;
}
a.button img {
	vertical-align: middle;
	position: relative;
	top: -1px;
	_top: 0;
	padding-right: 5px;
}
p a.button { font-size: .8em; }
a.button.enlarge {
	background: #fff url(../Images/bgButtonEnlarge.gif) no-repeat 0 50%;
  padding: 2px 5px 2px 21px;
}
/* Text
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,h7 {
  font-family: arial, helvetica, Sans-Serif;
	margin: 1em 0 0 0;
	color: #000;
	font-weight: normal;
}
h1 {
	font-size: 2.1em;
    color: #009dd9;
    margin: -.5em 0 1em 0;
}
h2 { 
	font-size: 1.6em;
	color: #009dd9;
	margin: 0 0 1em 0;
}
h6 { 
	font-size: 1.0em;
	color: #000000;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 1.5em;
    color: #333;
	margin: 0 0 1em 0;
}



#Banner div.intro h3 {
    *float: left;
    *display: inline;
}
img.padBottom,
h3.padBottom,
h4.padBottom {
    padding-bottom: 1.5em;
}
h3.padTop { padding-top: 32px; }
h4, #RightCol h3 {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	color: #777;
	font-size: 1.1em;
	font-weight: bold;
}
/*h6 { font-size: .8em; }*/
p, blockquote, cite {
	font-size: 1.2em;
	margin-bottom: 1em;
}
blockquote {
  margin: 0 0 1em 0;
  border-top: 1px dashed #444;
  border-bottom: 1px dashed #444;
  padding: .7em 0 1em;
  padding-left: 1.8em;
  text-indent: -2.0em;
  *padding-left: 1.8em;
  *text-indent: -1.4em; 
}
#Content blockquote p {
  font-size: 1.4em;
  line-height: 1.3em;
  margin-bottom : 0.6em;
}
#Content blockquote p.noQuote {text-indent: 0;}
#Content blockquote p span.quote {
  position: relative;
  top: .25em;
  font-family : Times, "Times New Roman", serif;
  font-style : italic;
  font-size: 1.9em;
  _font-size: 1.4em; /* temp fix for three row spacing ie6 issue */
  line-height: 0.5em;
}
#Content blockquote cite {
  font-style: italic;  
  font-size: 1.1em; 
  padding-left: 1.5em;
}
address { font-style: normal; }
h3.open,
h3.closed {	margin: 0 0 1em 0; }
h3.open a, h3.open a:hover, h3.open a:visited {
	color: #4082c6;
  background: url(../Images/iconArrowDownBlue.gif) no-repeat 0 4px;  
  padding-left: 20px;
	display: block;
}
h3.closed a, h3.closed a:hover, h3.closed a:visited { 
	color: #4082c6;
  background: url(../Images/iconArrowRightBlue.gif) no-repeat 0 3px;
  padding-left: 20px;
	display: block;
}
sup.tradeMark {
    font-size: .55em;    
}
.benchMark {
    color: #6ea20a;
}

/* Often Used Classes   
--------------------------------------------------------------------*/
.floatright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 0 1em 1em;
}
.floatleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 1em 1em 0;
}
.clearleft { clear: left; }
.clearright { clear: right; }
.alignright {	text-align: right; }
.aligncenter { text-align: center; }
.nowrap { white-space: nowrap; }
.highlight { color: #0050aa; }
.subdued { color: #999; }
.error { color: #c00; }
.success {
	color: #390;
	font-weight: bold;
}
.caption {
	color: #333;
	font-size: .9em;
}
.small { font-size: 1em; }
p.note {
  font-size: 1em;
  color: #666;
}
span.note {
	font-size: .9em;
	color: #666;
}
.footNote {
  font-size: .9em;
  color: #444;
  padding-right: .5em;
}
.comments {
  font-size: 1.1em;
  color: #666;
	font-style: italic;
}
.date {
	color: #666;
	font-size: .9em;
}
.padLeft { padding-left: 20px; }
.nopad { margin: 0; }
.searchPad { padding-top: 208px; }
.blockIt {
    display: block;
}
/* Links
--------------------------------------------------------------------*/
p.links { text-align: right; }
p.links a { color: #05a; }
p.padBottom {	margin-bottom: 2em; }
p.description {
  font-size: 1.3em;
  line-height: 2em;
  color: #333 ;
}

.audio {
	background: url(../Images/iconAudio.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.doc {
	background: url(../Images/iconWord.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.docx {
	background: url(../Images/iconWord.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.download, .netCssDwnld  { /* netCssDwnld for CssClass attribute in .net controls as download doesn't work */ 
	background: url(../Images/iconDownload.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.downReportRR {
	background: url(../Images/iconDownload.gif) no-repeat 0 3px;
	padding: 0px 0 4px 17px;
	display: block;
	width: 50px;
}
.reqPrintRR {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding: 0px 0 4px 17px;
	display: block;
    width: 50px;
}
.reqPrint {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding: 3px 0 4px 18px;
}
.reqPrintCR08 {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding: 3px 0 4px 18px;
	margin-left: 1px;
}
.pdfReportCR08 {
	background: url(../Images/iconDownload.gif) no-repeat 0 4px;
	padding: 4px 0 4px 18px;
	margin-left: 1px;
	clear: both;
}
.external  {
	background: url(../Images/iconExternal.gif) no-repeat 0 4px;
	padding: 4px 0 4px 18px;
}
.externalRtAlign  {
	background: url(../Images/iconExternal.gif) no-repeat center right;
	padding: 4px 18px 4px 0;
}
h3 .external  {
	background: url(../Images/iconExternal.gif) no-repeat 0 6px;
	padding: 5px 0 4px 20px;
}
.help {
	background: url(../Images/iconHelp.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.html {
	background: url(../Images/iconHTML.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.pdf {
	background: url(../Images/iconPDF.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.img .pdf, .imgBlock .pdf { 
	background: none; 
	padding: 0;
}
.podcast {
	background: url(../Images/iconPodcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.ppt {
	background: url(../Images/iconPPT.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.realAudio {
	background: url(../Images/iconRealAudio.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.rss {
	background: url(../Images/iconRSS.gif) no-repeat 0 5px;
	padding: 4px 0 4px 18px;
}
.slideshow {
	background: url(../Images/iconSlideshowCam.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.video {
	background: url(../Images/iconVideo.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.webcast {
	background: url(../Images/iconWebcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.wmv {
	background: url(../Images/iconWMV.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.xls {
	background: url(../Images/iconExcel.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.zoom {
	background: url(../Images/iconZoom.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.backtotop {
	background: url(../Images/iconBackToTop.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.closewin {
	background: url(../Images/iconClose.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.erroricon {
	background: url(../Images/icon_error_sm.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.searchicon {
	background: url(../Images/iconSearchPage.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.webcast {
	background: url(../Images/iconWebcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.inlineEmail {
	background: url(../Images/imgInlineIconEmail.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}

body.ir .pdf, body.ir .xls, body.ir .doc  .docx{ 
	background-image: none; 
	padding: 0;
}
a.print,
a.email  {
	float: left;
    display: block;
	width: 14px;
	height: 11px;  
	text-indent:-5000px;
	padding-top: 2px;
	overflow: hidden;
}
a.email {
   background: url(../Images/buttonPrintEmail.gif) no-repeat 0 2px;      
   margin-right: 6px;
}
a.print {
  background: url(../Images/buttonPrintEmail.gif) no-repeat -14px 2px;
  margin-right: 3px;  
} 
a.addthis_button_compact {font-size: 1.2em;}

/*
a.email:hover,
a.email:active,
a.print:hover,
a.print:active { background-position: left 19px; }
*/
#PageAids {
    margin:	0 0 1.7em 0;
    float: left;
    display: inline;
    width: 157px;
    position: absolute;
    top: 0;
    left: 4px;
}
a.skip { 
	margin-top: -999px!important;
	font-size: 1.4em;
	position: absolute;
}
a.skip:active {position: relative;}

/* Lists
--------------------------------------------------------------------*/
#Content ul.links {
	list-style: none;
	padding: 0;
	margin-top: -1em;
}
#Content ul.links li {
	display: inline;
	margin-right: 5px;
}
#Content ul.padBottom li { margin-bottom: 1em; }
/*.rightRail3 ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	background: teal;
}
.rightRail3 ul.iconList li { background: gold; margin-left: -22px; }
.rightRail3 ul.iconList li .pdf { 
	/*text-indent: -22px;*/
/*	padding-left: 2em; 
	background-color: yellow;
}*/

/*background: url(../Images/iconPDF.gif) no-repeat 0 4px;*/

/*ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}*/

/* Lists -> imgTwoCol (clearfix is automatically added to LIs below)
-------------------------------- */
#Content ul.imgTwoCol {
	list-style: none;
	padding: 0;
}
#Content ul.imgTwoCol li {
	padding-left: 80px;
	margin-bottom: 20px;
	_margin-bottom: 8px;
}
#Content ul.imgTwoCol li span.img {	margin: 0 0 0 -80px; }
#Content ul.imgTwoCol li h3 {	margin: 0; }
#Content ul.imgTwoCol li p { _height: 1%; /* Fix 3px jog in IE */ }

/* Lists -> imgTwoCol -> sizes
-------------------------------- */
#Content ul.imgTwoCol li.med { padding-left: 100px;	}
#Content ul.imgTwoCol li.med span.img {	margin: 0 0 0 -100px; }
#Content ul.imgTwoCol li.large { 
	padding-left: 117px;
	margin-bottom: 40px;
}
#Content .box ul.imgTwoCol li.large {	margin-bottom: 20px; }
#Content ul.imgTwoCol li.large span.img {
	margin: 0 0 0 -117px;
	*margin-bottom: 500px; /* IE6 fix */
}
#Content ul.imgTwoCol li.large h3 {	margin-bottom: 0; }
#Content ul.imgTwoCol li.large .noMargin { margin-bottom: 0; }

/* Definition list used on AR
--------------------------------------------------------------------*/

dl.glossary {
    font-size: 1.2em;
	margin-bottom: 2em;
}
dl.glossary dt {font-weight: bold;}
dl.glossary dd {margin-bottom: 1em;}

/* Containers
--------------------------------------------------------------------*/
#Wrapper {
	width: 960px;
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #ddd;
	
}
#Container {
	/* position: relative; to fix Dragon problems on long pages with many links */
	margin-top: 2.1em;
	border-bottom: 8px solid #eeeeee;
}
#LeftCol {
	float: left;
	display: inline;
	width: 174px;
	min-height: 500px;
	_height: 500px;
	margin: 0 20px 0 0;
}
#Content {
	float: left;
	display: inline;
	padding-bottom: 1em;
}

/* One Column Full width - Stories */
#Container.onecolFull {
	margin-top: -10px;
	border: 0; 
}
#Container.onecolFull #Content {
	width: 960px;
	padding: 0;
	margin: 0;
}

/* One Column */
#Container.onecol #Content {
	width: 868px;
	margin: 0 16px 0 76px;
	/* keep min height */
	min-height: 237px; 
	_height: 185px;
}
/* One Column Alt */
#Container.onecolAlt #Content {
	width: 708px; 
	margin: 0 0 0 76px;	
	/* keep min height */
	min-height: 237px; 
	_height: 185px;
}
#Container.onecol #Content {
	width: 868px;
	margin: 0 16px 0 76px;
	/* keep min height */
	min-height: 237px; 
	_height: 185px;
}
/* Two Column */
#Container.twocol #Content {
	width: 708px; 
	margin: 0;
}
/* Three Column */
#Container.threecol #Content {
	width: 511px; 
	padding-right: 59px; /* keep for 570px width */
	margin: 0 20px 0 0;
	overflow: hidden;
}
#Container.threecolNoNav #Content {
	width: 511px; 
	padding-right: 59px;
	margin: 0 20px 0 194px;
}
#Container.threecol #RightCol,
#Container.threecolNoNav #RightCol,
#Container.onecolAlt #RightCol  {width: 158px;}
#RightCol {
	float: right;
	display: inline;
	width: 184px;
	padding: 25px 0 0 0;
	margin-right: 16px;
	position: relative;
}

/* Columns
--------------------------------------------------------------------*/
#Content .col {
  float: left;
  display: inline;
}
#Content .col.half {
  width: 235px;
	margin-right: 20px;
}
#Content div.box .col.half {
    width: 221px;
	_height: 104px /* IE6 bug fix */
}
#Content .col.half h3 {	margin: 0; }
#Content .col.threecol {
  width: 216px;
	margin-right: 20px;
}
#Content .col.fourCol {
	width: 165px;
	margin: 0 7px 0 0;
}
#Content .col.wideleft {
	width: 334px;
	margin-right: 20px;
}
#Content .col.right {
	width: 216px;
	margin-right: -59px; /* to fit to 511px width */
}

/* Header
--------------------------------------------------------------------*/
div#Header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	margin-bottom: 10px;
	/*background: #fff;*/
	z-index: 10;
}
div#Logo { padding: 16px; }
div#Logo a {
    display: block;
    width: 159px;
    height: 55px;
}

/* Banner
--------------------------------------------------------------------*/
#Banner {
	background: #fff;
	border-bottom: 1px solid #ddd;
	_height: 1%;
	width: 750px;
	float: left;
	/*padding-bottom: 1em;*/
	margin-bottom: 1.5em;
}
#Banner div.CR {
	background: #fff;
	_height: 1%;
	width: 750px;
	float: left;
	padding-bottom: 0;
}
#Banner.lowerLevel {
	background: #fff url(../Images/imgSubHeadHorizRule.gif) no-repeat bottom left;
	border-bottom: none;
}
#Container.threecolNoNav #Banner {
    float: none;
    margin-left: 194px;
}
#Banner h1 {
    margin: 0;
    padding: 0 0 .45em 0;
    line-height: 1em;
}
#Banner h1.newsPageTitle { width: 570px; }
#Banner h2 {
    margin: 0;
    padding-bottom: .6em;
    width: 375px; /* 350 */
    line-height: 1.4em;
}
#Banner p {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: .5em;
    color: #333 ;
}
/* div.intro */
#Banner div.intro {
	height: 142px;
	padding: 3px 0;
	margin-top: .5em;
	border-top: 1px solid #ddd;
	/* margin-bottom: -1em; */
}
#Banner div.news img,
#Banner div.intro img {
    float: right;
}
#Banner div.intro img.watchVideo {
    float: none;
}
#Banner div.intro p {
	width: 425px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 1.8em 0 1.5em 0;
}
/* div.intro -> alt */
#Banner div.intro.alt {
	height: 106px;
	margin-top: -2.1em;
	border-top: 0;
	position: relative; /* IE fix */
}
#Banner div.intro.alt h1,
#Banner div.CR.intro.alt h1 {
  margin-top: .85em; 
}
/* Country Banner */
#CountryBanner {
	background: #fff;
	border-bottom: 1px solid #ddd;
	_height: 1%;
	width: 750px;
	float: left;
	padding-bottom: 3px;
	margin-bottom: 1.5em;
}
#CountryBanner div.intro {
	height: 142px;
	padding: 3px 0;
	margin-top: .5em;
	border-top: 1px solid #ddd;
	margin-bottom: -1em;
}
#CountryBanner div.intro img {
    float: right;
    height: 106px;
    display: inline;
}
#CountryBanner h1 {
    margin: 0;
    padding: 0 0 .45em 0;
    line-height: 1em;
}
#CountryBanner h2 {
    margin: 0;
    padding-bottom: .6em;
    width: 375px; /* 350 */
    line-height: 1.4em;
}
#CountryBanner div.intro.alt {
	height: 113px;
	margin-top: -2.1em;
	border-top: 0;
	position: relative; /* IE fix */
}
#CountryBanner div.intro.alt h1,
#CountryBanner div.CR.intro.alt h1 {
  margin-top: .85em; 
}

/* Banner -> onecol / onecolAlt
-------------------------------- */
#Container.onecol #Banner,
#Container.onecolAlt #Banner {
	float: none;
  background: none;
  border-bottom: none;
  width: 868px;
	/* Hairline settings */
  background: url(../Images/hrLine.gif) no-repeat bottom left;
  margin: 0 0 56px 76px;
	padding: 0px;
}
#Container.onecol #Banner h1,
#Container.onecolAlt #Banner h1 {
  height: 24px;
  width: 295px;
  float: left;
  display: inline;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
	margin: 15px 0 0 0;
	padding: 0;
}
#Container.onecol #Banner h1.noIdent,
#Container.onecolAlt #Banner h1.noIdent,
#Container.onecolAlt #Banner p.noIndent {	text-indent: 0; }
#Container.onecol #Banner p,
#Container.onecolAlt #Banner p {
  height: 63px;
  width: 573px;
  float: left;
  display: inline;
  font-size: 1.6em;
  line-height: 1.6em;
  color: #808080;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
  padding-bottom: 52px;
	margin: 0px;
}

/* Banner Image Replacements
-------------------------------- */
/* News */
#Banner h1.titleNews {
	background: url(../Images/titleNews.gif) no-repeat;
	height: 23px;
	width: 69px;
	text-indent: -5000px;
	overflow: hidden;
}
#Banner h2.subtitleNews {
	background: url(../Images/subtitleNews.gif) no-repeat;
	height: 13px;
	width: 246px;
	text-indent: -5000px;
	overflow: hidden;
}
/*replaced with linked image--> #Banner div.intro.news { background: url(../Images/mbandNews.jpg) no-repeat 100% 3px; }*/
#Banner div.intro.news h3 {
	color: #666 ;
	font-weight: bold;
	margin: 1.8em 0 0 0;
	font-size: 1.5em;
	line-height: 1.5em;
}
#Banner div.intro.news p {
	text-indent: 0;
	margin: 0 0 1.5em 0;
	font-size: 1.5em;
}
#Banner div.intro.mediaResources { background: url(../Images/mbandMediaRes.jpg) no-repeat 100% 3px; }

/* Investors */
#Banner h1.titleInvestors {
	background: url(../Images/titleInvestors.gif) no-repeat;
	height: 23px;
	width: 237px;
	text-indent: -5000px;
	overflow: hidden;
}
#Banner h2.subtitleInvestors {
	background: url(../Images/subtitleInvestors.gif) no-repeat;
	height: 17px;
	width: 345px;
	text-indent: -5000px;
	overflow: hidden;
}
#Banner div.intro.investors {	background: url(../Images/mbandInvestors.jpg) no-repeat 100% 3px; }
#Banner div.intro.investors h3 {
	color: #666;
	font-weight: bold;
	margin: 1.8em 0 0 0;
	font-size: 1.5em;
	line-height: 1.5em;
}
#Banner div.intro.investors p {
	text-indent: 0;
	margin: 0 0 1.2em 0;
	font-size: 1.5em;
}
#Banner div.intro.investors p.pdflink {
  font-size: 1.2em;
  margin-bottom: 0;
}
#Banner div.intro.investors img.pdflink { 
  float: left;
  padding: 1px 5px 0 0;  
}
/* ChevronWay page */
#Banner div.intro.chevronway {
	background: url(../Images/mbandChevronWay.jpg) no-repeat 100% 3px;
	height: 132px;
}
#Banner div.intro.chevronway p {
	background: url(../Images/introChevronWay.gif) no-repeat;
	height: 65px;
	width: 490px;
	margin: 0 0 1em 0;
}
#Banner div.intro.chevronway h1 {
	background: url(../Images/titleChevronWay.gif) no-repeat;
	height: 22px;
	width: 175px;
	text-indent: -5000px;
	overflow: hidden;
}

/* About Us */
#Container.onecolAlt #Banner h1.titleAboutUs {
  width: 184px;
  background-image: url(../Images/titleAboutUs.gif);
}
#Container.onecolAlt #Banner p.introAboutUs {
  width: 662px;
  background-image: url(../Images/introAboutUs.gif);
	height: 42px;
}

/* Board of Directors - Executive Committe */
#companyLeadership ul {
  list-style:none; 
  width: 510px;
  padding: 0 0 5px 0!important;
}
#companyLeadership ul li {
  float:left;
  width:155px;  
  padding: 0 15px 0 0;
}
/* row height based on tallest title in row  */
#companyLeadership ul.twoLine { _height: 60px; min-height: 60px;}
#companyLeadership ul.threeLine { _height: 78px; min-height: 78px;} 
#companyLeadership ul.fourLine { _height: 96px; min-height: 96px;} 
#companyLeadership ul.fiveLine { _height: 114px; min-height: 114px;} 

/* second level pages */
#Banner div.intro.advertising {	background: url(../Images/mbandAdvertising.jpg) no-repeat 100% 3px; }
#Banner div.intro.leadership { background: url(../Images/mbandLeadership.jpg) no-repeat 100% 3px; }
#Banner div.intro.excellence { background: url(../Images/mbandOperExcellence.jpg) no-repeat 100% 3px; }
#Banner div.intro.strategy { background: url(../Images/mbandStrategy.jpg) no-repeat 100% 3px; }
#Banner div.intro.chevronway { background: url(../Images/mbandChevronWay.jpg) no-repeat 100% 3px; }
#Banner div.intro.diversity {	background: url(../Images/mbandDiversity.jpg) no-repeat 100% 3px; }
#Banner div.intro.ourbusiness {	background: url(../Images/mbandOurBusiness.jpg) no-repeat 100% 3px; }

/* Energy Source */
#Container.onecol #Banner div.intro.energySources {
	background: none;
	height: 180px;
	padding: 0;
	margin: 0;
}
#Container.onecol #Banner div.intro.energySources h1 {
	background: url(../Images/titleEnergySources.gif) no-repeat 0 8px;
	height: 29px;
	width: 209px;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	text-indent: -5000px;
	overflow: hidden;
  float: none;
  display: block;
}
#Container.onecol #Banner div.intro.energySources p {
	background: url(../Images/introEnergySources.gif) no-repeat;
	height: 90px;
	width: 490px;
  float: none;
  display: block;
	padding: 0;
}
#Container.onecol #Banner div.intro.energySources h2 {
	background: url(../Images/subtitleEnergySources.gif) no-repeat;
	height: 20px;
	width: 275px;
	padding: 0;
	margin: 0 0 12px 0;
	text-indent: -5000px;
	overflow: hidden;
  float: none;
  display: block;
}
.chart {
	height: 174px;
	width: 290px;
	position: absolute;
	top: 0;
	right: 0;
  display: block;
	padding: 0;
	background: none;
}
.chart .pieImg {
	float: left; 
	margin: 0 18px 10px 0;
}
.keyBlue { background: url(../Images/color10a0c6.gif) no-repeat 2px 7px; }
.keyPurple { background: url(../Images/color342a65.gif) no-repeat 2px 7px; }
.keyRust { background: url(../Images/colored5635.gif) no-repeat 2px 7px; }
.keyLtPurple { background: url(../Images/color9a95b2.gif) no-repeat 2px 7px; }
.keyPink  { background: url(../Images/colorf6ac9b.gif) no-repeat 2px 7px; }

/* second level pages */
#Banner div.intro.enSourceBiofuel { background: url(../Images/mbandBiofuel.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceCoal { background: url(../Images/mbandCoal.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceEffconserv { background: url(../Images/mbandEffConservation.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceFuelcell { background: url(../Images/mbandFuelCell.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceGasliquid { background: url(../Images/mbandGastoLiquid.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceGeotherm { background: url(../Images/mbandGeotherm.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceHydrogen { background: url(../Images/mbandHydrogen.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceNatgas { background: url(../Images/mbandNaturalGas.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceOcean { background: url(../Images/mbandOcean.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceOil { background: url(../Images/mbandOil.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceOilshale { background: url(../Images/mbandOilShale.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceSolar { background: url(../Images/mbandSolar.jpg) no-repeat 100% 3px; }
/* Investors */
#Banner div.intro.investArchive {	background: url(../Images/mbandArchive.jpg) no-repeat 100% 3px; }
#Banner div.intro.investCommPaper {	background: url(../Images/mbandCommPaper.jpg) no-repeat 100% 3px; }
#Banner div.intro.investCorpGov {	background: url(../Images/mbandCorpGov.jpg) no-repeat 100% 3px; }
#Banner div.intro.investEventsPres { background: url(../Images/mbandEventsPres.jpg) no-repeat 100% 3px; }
#Banner div.intro.investFinReporting { background: url(../Images/mbandFinReporting.jpg) no-repeat 100% 3px; }
#Banner div.intro.investInvestRel {	background: url(../Images/mbandInvestRel.jpg) no-repeat 100% 3px; }
#Banner div.intro.investManageShares { background: url(../Images/mbandManageShares.jpg) no-repeat 100% 3px; }
#Banner div.intro.investPressRel { background: url(../Images/mbandPressRel.jpg) no-repeat 100% 3px; }
#Banner div.intro.investStockInfo {	background: url(../Images/mbandStockInfo.jpg) no-repeat 100% 3px; }
/* Stockholder Services */
#Banner div.intro.stockholderServices {	background: url(../Images/mbandStockholderServices.jpg) no-repeat 100% 3px; }
/* Global Issues */
#Banner div.intro.globIssBizEthics { background: url(../Images/mbandBizEthics.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssCommunity { background: url(../Images/mbandCommunity.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssConservation {	background: url(../Images/mbandConservation.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssCorpResponsibility {
	background: url(../Images/mbandCorpResponsibility.jpg) no-repeat 100% 3px;
	height: 141px;
}
#Banner div.intro.globIssEmergeEngy {	background: url(../Images/mbandEmergeEngy.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssEnPolicy {	background: url(../Images/mbandEnPolicy.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssEnPrices {	
	background: url(../Images/mbandEnPrices.jpg) no-repeat 100% 3px;
	height: 141px;
}
#Banner div.intro.globIssEnvironment { background: url(../Images/mbandEnvironment.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssHeatlh {	background: url(../Images/mbandHeatlh.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssHumRights { background: url(../Images/mbandHumRights.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssSupDemand { background: url(../Images/mbandSupDemand.jpg) no-repeat 100% 3px; }

/* ClimatChange */
#Banner div.intro.climateChange {	background: url(../Images/mbandClimateChange.jpg) no-repeat 100% 3px; }

/* Countries */
#Banner div.intro.countryUSA { background: url(../Images/mbandUSA.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAngola {	background: url(../Images/mbandAngola.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryArgentina { background: url(../Images/mbandArgentina.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAustralia { background: url(../Images/mbandAustralia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAustraliaWheatstone { background: url(../Images/mbandWheatstone.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAzerbaijan { background: url(../Images/mbandAzerbaijan.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryBangladesh { background: url(../Images/mbandBangladesh.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryBelgium { background: url(../Images/mbandBelgium.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryBrazil {	background: url(../Images/mbandBrazil.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryCanada {	background: url(../Images/mbandCanada.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryChad { background: url(../Images/mbandChad.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryChina { background: url(../Images/mbandChina.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryColombia {	background: url(../Images/mbandColombia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryIndia { background: url(../Images/mbandIndia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryIndonesia { background: url(../Images/mbandIndonesia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryKazakhstan {	background: url(../Images/mbandKazakhstan.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryKuwait {	background: url(../Images/mbandKuwait.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryNetherlands { background: url(../Images/mbandNetherlands.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryNewZealand {	background: url(../Images/mbandNewZealand.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryNigeria { background: url(../Images/mbandNigeria.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryPhilippines { background: url(../Images/mbandPhilippines.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryRussia {	background: url(../Images/mbandRussia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySaudiArabia { background: url(../Images/mbandSaudiArabia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySingapore { background: url(../Images/mbandSingapore.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySouthAfrica { background: url(../Images/mbandSouthAfrica.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySouthKorea { background: url(../Images/mbandSouthKorea.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryThailand {	background: url(../Images/mbandThailand.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryTrinidadTobago {	background: url(../Images/mbandTrinidadTobago.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryUnitedKingdom { background: url(../Images/mbandUnitedKingdom.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryVenezuela { background: url(../Images/mbandVenezuela.jpg) no-repeat 100% 3px; }
/* Go to the Country Site link */
#Banner div.intro.countryCanada a, 
#Banner div.intro.countrySaudiArabia a, 
#Banner div.intro.countryThailand a {
	display: block;
	height: 22px;
	width: 240px;
	cursor: default;
	text-indent: -5000px; 
	overflow: hidden;
	position: relative;
	top: -10px;
	left: 510px;
}

/* Products and Services */
#Container.onecolAlt #Banner h1.titleProductsServices { background-image: url(../Images/titleProductsServices.gif); }
#Container.onecolAlt #Banner p.introProductsServices { background-image: url(../Images/introProductsServices.gif); }
/* Chevron Worldwide */
#Container.onecolAlt #Banner h1.titleChevronWorldwide { background-image: url(../Images/titleChevronWorldwide.gif); }
#Container.onecolAlt #Banner p.introChevronWorldwide {
  background-image: url(../Images/introChevronWorldwide.gif);
  height: 89px;
}
/* Second Level Pages */
#Banner div.intro.prodServAdditives {	background: url(../Images/mbandAdditives.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServAviation { background: url(../Images/mbandAviation.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServChemicals {	background: url(../Images/mbandChemicals.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServMarine { background: url(../Images/mbandMarine.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServLubricants { background: url(../Images/mbandLubricants.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServPwrServices {	background: url(../Images/mbandPwrServices.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServSpecialtyProd {	background: url(../Images/mbandSpecialtyProd.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServBaseOils {	background: url(../Images/mbandBaseOils.jpg) no-repeat 100% 3px; }
/*replaced with linked image--> #Banner div.intro.prodServTechnology { background: url(../Images/mbandTechnology.jpg) no-repeat 100% 3px; }*/
#Banner div.intro.prodServEnServices { background: url(../Images/mbandEnServices.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServBizOpportunity { background: url(../Images/mbandBizOpportunity.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServSuppDiversity {	background: url(../Images/mbandSuppDiversity.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServFuelStations { background: url(../Images/mbandFuelStations.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServCreditCard { background: url(../Images/mbandCreditCard.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServFuels {	background: url(../Images/mbandFuels.jpg) no-repeat 100% 3px; }

/* Global Issues */
#Container.onecol #Banner h1.titleGlobalIssues {
  width: 235px;
  background-image: url(../Images/titleGlobalIssues.gif);
}
#Container.onecol #Banner p.introGlobalIssues {
  width: 630px;
  background-image: url(../Images/introGlobalIssues.gif);
}
/* Contact Us */
#Container.onecol #Banner h1.titleContact { background-image: url(../Images/titleContact.gif); }
#Container.onecol #Banner p.introContact {
  background-image: url(../Images/introContact.gif);
	height: 39px;
}

/* WPC Blog */
#Banner div.intro.wpcBlogEvents { background: url(../Images/mbandWPCEvent.jpg) no-repeat 100% 3px; }

/* WPC Blog */
#Container.onecolAlt #Banner div.intro.wpcBlog {
	background-color: #fff;
	height: 132px;
	margin-bottom: -18px;
	border-bottom: 1px solid #ddd;
}
#Container.onecolAlt #Banner div.intro.wpcBlog h1 {
	background: url(../Images/titleWPCBlog.gif) no-repeat 0 8px;
	height: 31px;
	width: 626px;
	padding: 20px 0 0 0;
	margin: 35px 0 0 0;
	text-indent: -5000px;
	overflow: hidden;
    float: none;
    display: block;
}
#Container.onecolAlt #Banner div.intro.wpcBlog p {
	background: url(../Images/introWPCBlog.gif) no-repeat;
	height: 17px;
	width: 325px;
    float: none;
    display: block;
	padding: 0;
}

/* CTV */
#Banner div.intro.ctvLanding { background: url(../Images/mbandCTV.jpg) no-repeat 100% 3px; }
#Banner div.intro.ctvCTVI { background: url(../Images/mbandCTVI.jpg) no-repeat 100% 3px; }
#Banner div.intro.ctvContact { background: url(../Images/mbandCTVContact.jpg) no-repeat 100% 3px; }

/*Bowoto*/

#Banner div.intro.bowotoLanding { background: url(../Images/mbandbowoto.jpg) no-repeat 100% 3px; }

.entryPost {
    width: 500px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 36px;
}

/*Ecuador*/

#Banner div.intro.ecuadorLanding { background: url(../Images/mbandecuador.jpg) no-repeat 100% 3px; }

/* #Content settings
--------------------------------------------------------------------*/
#Content p { line-height: 1.5em;
	text-align: justify;
	width: 925px;
	width: 924px;
}
#Content p.intro {
	font-size: 1.5em;
	color: #666666;
}
m;
	text-align: center;
}
#Content p.intro {
	font-size: 1.5em;
	color: #666666;
}
#Content .info {
	margin-bottom: 3em;
	_margin-bottom: 2em;
}
#Content .info p.summary {
	float: left;
	margin: 150px 0 0 -117px;
	width: 110px;
	font-size: 1.1em;
}
#Content p.backToTop {
  text-align: right;
	font-size: 1.1em;
  text-transform: lowercase;
}
#Content p.backToTop a {
  background: #fff url(../Images/icon_back_totop.gif) no-repeat 0 4px;
  padding: 0px 0px 0px 11px; 
}
#Content h3 { 
	margin: 0 0 0.5em 0;/* Test only */
	line-height: 1.3em;
}
#Content ul, #Content ol {
	padding: 0 0 0 2.5em;
	list-style-position: outside;
	width: 900px;
	margin: 0.2em 0 1em 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: red;
}
#Content li ul,
#Content li p {  /* fix */ font-size: 1em; }
#Content ul.noBullet {
  list-style: none;
  padding: 0;
}
#Content ul.noBullet li {
	margin-bottom: 4px;
}
#LeftCol ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 2.0em 10px;
}
#LeftCol ul li {
	font-size: 1.3em;
	margin: 0 0 .5em 0;
	padding: 0 0 0 6px;
	font-weight: normal;
}

#Content dl.imgTwoCol {
	margin: 0;
	padding: 0;
	/*border-bottom: 1px solid #ccc; add bottom-border for hoiz rule */
}
#Content dl.imgTwoCol dt {
	float: left;
	display: inline;
	width: 100px;
	_height: 1%;
}
#Content dl.imgTwoCol dd {
	margin: 0pt 0pt 1em 110px;
	font-size: 1.2em;
	line-height:1.5em;
}
#Content address {
	font-size: 1.2em;
	margin-bottom:	1em;
}

/* Global Issues layout */
#Content ul.globalIssues {
	padding: 0;
	margin: 0;
	list-style-position:outside;
	list-style-type:none;
	width: 876px;
	margin-left: -5px;
}
#Content ul.globalIssues li  {
	float: left;
	display: inline;
  background: #fff;  
	margin: 0 0 1.8em 5px; 
	padding: 3px;
	border: 1px solid #e8e8e8;
	position: relative;
}
#Content ul.globalIssues li a {
  display: block;
	width: 133px;
	height: 56px;  
	text-indent: -5000px;
	overflow: hidden;
	background-position: left 0px;
}
#Content ul.globalIssues li.img1 a { background: url(../Images/imgGlobalIssues1.jpg) repeat-y; }
#Content ul.globalIssues li.img2 a { background: url(../Images/imgGlobalIssues2.jpg) repeat-y; }
#Content ul.globalIssues li.img3 a { background: url(../Images/imgGlobalIssues3.jpg) repeat-y; }
#Content ul.globalIssues li.img4 a { background: url(../Images/imgGlobalIssues4.jpg) repeat-y; }
#Content ul.globalIssues li.img5 a { background: url(../Images/imgGlobalIssues5.jpg) repeat-y; }
#Content ul.globalIssues li.img6 a { background: url(../Images/imgGlobalIssues6.jpg) repeat-y; }
#Content ul.globalIssues li.img7 a { background: url(../Images/imgGlobalIssues7.jpg) repeat-y; }
#Content ul.globalIssues li.img8 a { background: url(../Images/imgGlobalIssues8.jpg) repeat-y; }
#Content ul.globalIssues li.img9 a { background: url(../Images/imgGlobalIssues9.jpg) repeat-y; }
#Content ul.globalIssues li.img10 a { background: url(../Images/imgGlobalIssues10.jpg) repeat-y; }
#Content ul.globalIssues li.img11 a { background: url(../Images/imgGlobalIssues11.jpg) repeat-y; }
#Content ul.globalIssues li.img12 a { background: url(../Images/imgGlobalIssues12.jpg) repeat-y; }
#Content ul.globalIssues li.img13 a { background: url(../Images/imgGlobalIssues13.jpg) repeat-y; }
#Content ul.globalIssues li a:hover,
#Content ul.globalIssues li a:active { background-position: left 56px; }

/* About Us layout */
#Content ul.aboutUs {
	padding: 0;
	margin: 0;
	list-style-position:outside;
	list-style-type:none;
}
#Content ul.aboutUs li  {
  background: #fff;  
	float: left;
	display: inline;
	padding: 4px;
	border: 1px solid #e8e8e8;
	margin: 0 20px 18px 0;
	position: relative;
}
#Content ul.aboutUs li a {
  display: block;
	width: 189px;
	height: 54px;  
	text-indent: -5000px;
	overflow: hidden;
	background-position: left 0px;
}
#Content ul.aboutUs li.img1 a { background: url(../Images/imgAboutUs1.jpg) repeat-y; }
#Content ul.aboutUs li.img2 a { background: url(../Images/imgAboutUs2.jpg) repeat-y; }
#Content ul.aboutUs li.img3 a { background: url(../Images/imgAboutUs3.jpg) repeat-y; }
#Content ul.aboutUs li.img4 a { background: url(../Images/imgAboutUs4.jpg) repeat-y; }
#Content ul.aboutUs li.img5 a { background: url(../Images/imgAboutUs5.jpg) repeat-y; }
#Content ul.aboutUs li.img6 a { background: url(../Images/imgAboutUs6.jpg) repeat-y; }
#Content ul.aboutUs li.img7 a { background: url(../Images/imgAboutUs7.jpg) repeat-y; }
#Content ul.aboutUs li a:hover,
#Content ul.aboutUs li a:active {	background-position: left 54px; }

/* Blog Pages layout */
.blogPost {
    width: 590px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 36px;
}
.blogPost h3 {
    font-size: 1.9em;
    margin-bottom: .5em;
}
h3.blogBio {
    font-size: 1.8em;
    margin-bottom: 0;
    padding-top: 15px;
}
/* alignment for divs - required */
.alignRight {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 0 1em 1em;
}
.alignLeft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 1em 1em 0;
}
.imageOverlayChevron .img {
    margin-left: 0;
    margin-right: 0;
}
.imageOverlayChevron .caption,
.addInfoOverlayChevron .caption {
    font-size: 1.2em;
}


/* #RightCol settings
--------------------------------------------------------------------*/
.rightRail, .rightRail1, .rightRail2, .rightRail3, .rightRail4, .rightRail5, .rightRail6, .rRail  {
    margin-bottom: 2em;
    clear: both;
}
#RightCol h4, #RightCol h3 {
	border-bottom: 1px solid #ddd;
    margin: 0 0 0.6em 0;
}
#RightCol p,
#RightCol address  {
	font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
}
#RightCol .hardBreak {
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 */ 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 156px;
}
#RightCol ul, #RightCol ol {
	list-style-position: outside;
	margin:	0 0 .6em 0;
	font-size: 1.1em;
}
#RightCol ul.noBullet { margin:	0 0 .6em 0; }

#RightCol li {
    background: url(../Images/bgBlueBullet.gif) no-repeat 0 6px;
    list-style: none;
    margin:	0 0 .6em 0; 
    padding-left: 1em;
}
#RightCol ul.noBullet li,
#RightCol ul.iconList li {
    background: none;
    list-style: none;
    margin-bottom: 4px;
    padding-left: 0;
}
#RightCol ul.noBullet li.Discover {
    margin: 0 0 2px 1px;
}
#RightCol p.note { font-size: .9em; }

/* RightCol -> Box 
---------------------*/
#RightCol div.box {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 6px 6px 6px;
	margin-bottom: 2em;
}
#RightCol .noAddThis {margin-top: -25px;}
#RightCol div.box h4 {
	margin: .4em 0 .6em 0;
  border: none;
}
#RightCol div.box p.links {
	margin: 1em -.3em -.3em -.4em;
	padding: 5px 10px;
	background-color: #f3f3f3;
	border-top: 1px solid #ccc;
}

/* Tabbed Navigation 
--------------------------------*/
ul.tabbedNav {
	list-style-type: none;
	list-style-position: outside;
	height: 2.0em;
	margin: 0;
	padding: 0 0 0 2.0em;
	border-bottom: 1px solid #999;
}
ul.tabbedNav li {
	height: 2.0em;
	line-height: 2.0em;
	float: left;
	display: inline;
	position: relative;
	top: -1px;
	_top: 0;
	width: 120px;
	border: 1px solid #999;
	border-bottom: none;
	margin-right: 1.0em;
	text-align: center;
}
ul.tabbedNav li a {
	color: #fff;
	background: #ccc;
	height: 2.0em;
	display: block;
	text-decoration: none;
	padding: 0 1.0em;
}
ul.tabbedNav li a:hover {	background: #999; }
ul.tabbedNav li.selected a { background: #999; }

/* Tables
--------------------------------------------------------------------*/
table {	font-size: 1.1em; }
table table,
table p  { font-size: 1.0em; }
table.data {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 1.8em 0 1.8em 1px; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
table.data td,
table.data th {
	vertical-align: top;
	text-align: left;
}
table.data caption {
	color: #333;
	font-size: 1.2em;
    text-align: left;
	padding-bottom: 0.4em;
}
table.data td {
	color: #333333;
	padding: 10px;
	background-color: #fff;
	border-right: 1px solid #ccc;
}
table.data td td,
table.data td td td,
table.data td td td td {
	padding: 0 10px 10px 0;
	border-right: none;
}
table.data tr.alt td {
	background-color: #eee;
}
table.data th,
table.data tr.header td,
table tr.ccbnBgTblTtl td {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px;
	text-align: center;
}
table.data th.last,
table.data tr.header td.last,
table tr.ccbnBgTblTtl td.last  {
	border-right: 1px solid #999;
}
/* table - data, news admin snippet adjustment */
table.data tr.borderRow,
table.data tr.borderRow td {
	display: none;
}
/* Box Table */
.box table.data {	border: none; }
.box table.data td {
	color: #777;
	padding: 0 1em 0.4em 0;
	border: none;
}
/* Pie Table */
table.piedatatable {
	border-collapse: collapse;
	width: 150px;
	font-size: 1.2em;
	margin-bottom: 0.6em;
	border-top: #ddd 1px solid;
}
table.piedatatable.wide {
	width: 430px;
	border-top: none;
	margin-bottom: 0;
}
table.piedatatable th {
	text-align: left;
	font-weight: normal; 
	padding: 3px 0 2px 16px; 
	border-bottom: #ddd 1px solid;
	vertical-align: top;
}
table.piedatatable td {
	text-align: right;
	padding: 3px 4px 2px 8px; 
	border-bottom: #ddd 1px solid;
	vertical-align: top;
}
table.piedatatable.wide td { text-align: center; }
/* Table -> stockQuote
-------------------------------- */
table.stockQuote {
	border-collapse: collapse;
	width: 100%;
	border: none;
	font-size: 1em;
	margin-bottom: 1em;	
}
table.stockQuote td,
table.stockQuote th {
	vertical-align: top;
	text-align: left;
}
table.stockQuote th {
	background: #fff;
	border: none;
	font-size: 1.1em;
	font-weight: normal;
	color: #777;
	text-align: left;
	padding: 0;
}
table.stockQuote td {
	border: none;
	font-size: 1.8em;
	color: #333;
	padding: 0;
}
table.stockQuote td.change { color: #777; }

/* Supplier Diversity Form tables
--------------------------------------------------------------------*/
table.supDivForm colgroup col { width: 85px; }
table.supDivForm colgroup col.last { width: 120px; }
table.supDivForm th { text-align: left; }
table.supDivForm td { text-align: left; }
input.busRegionServeCity { margin-left: 24px; }

/* Pagination
--------------------------------------------------------------------*/
div.pagination {
	padding: 7px 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.5em 0;
}
div.pagination.bottom {
	border-top: 1px solid #ddd;
	border-bottom: 0;
}
div.pagination.top { border-bottom: 0; }
div.pagination p {
	float: left;
	margin: 0;
}
#Content div.pagination ul {
	list-style: none;
	float: right;
	padding: 0;
	margin: 0;
}
div.pagination ul li {
	display: inline;
	margin-left: 3px;
}
div.pagination ul li.previous a,
div.pagination ul li.next a {
	background: #fff url(../Images/bgButtonRight.gif) no-repeat right top;
  border: 1px solid #ddd;
  font-size: .8em;
  color: #4082c6;
  padding: 2px 15px 0px 5px;
  text-transform: uppercase;
  /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
  width: auto; 
  overflow: visible;
}
div.pagination ul li.previous a:hover,
div.pagination ul li.next a:hover {
	text-decoration: none;
  border: 1px solid #c2c2c2;
}
div.pagination ul li.previous a {
	background: #fff url(../Images/bgButtonLeft.gif) no-repeat left top;
	padding: 2px 5px 0px 15px;
}
div.pagination.top  p {
	float: left;
	margin: 0;
	color: #666666;
}
div.pagination.top  p span {
	color: #333;
	font-size: 1.2em;
}
#Content div.pagination .sortby {
	float: right;
	padding-top: 1.5em;
	margin: 0;
  font-size: 1.2em;
}
#Content div.pagination .sortby label { padding-right: 5px;}

/* Form Elements
---------------------------------------------*/
select {
  color: #333 ;
	font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #ddd;
}
select option {	padding: 0 2px; }
input.checkbox,  
input.radio { 
	_height: 13px; 
	_width:	13px; 
}

form fieldset input.text, form fieldset input.password {
	width: 167px;
  height: 1.5em;
	font-family: arial, helvetica, sans-serif;
  color: #333 ;
  background: #fff url(../Images/bgInput.gif) no-repeat;
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 0 2px;
  margin-right: 5px;
}
form fieldset input.subSearchField { 
	padding: 2px 0 0 3px;
	font-size: .9em; 
}
form fieldset textarea {
	border: 1px solid #ddd;
	padding: 2px;
}
form fieldset#PubReq div label { line-height: 1.3em; }
form fieldset#PubReq input.text,
form fieldset#PubReq input select,
form fieldset#PubReq input select#Country { width: 250px; }
form fieldset#PubReq input select { width: 377px!important; }
#prtRqstPub, #Country { color:#000; }

/* Form -> Layout
-----------------------------------*/

form fieldset {
	border:	none;
	padding: 7px 0;
}
form fieldset.border { border-bottom: 1px solid #ccc; }

form fieldset h4 {
	font-weight: bold;
	margin-bottom: 1em;
}
form fieldset div {
	padding-left: 155px;
	margin-bottom: 10px;
}
form fieldset div.buttons {	margin-left: 0; }
form fieldset div label {
	float: left;
	display: inline;
	margin-left: -155px;
	width: 150px;
	font-size: 1.2em;
  line-height: 1.7em;
}
form fieldset div div label {
	float: none;
	display: inline;
	margin-left: 0;
	font-size: 1em;
	font-weight: normal;
	padding-right: 8px;
}
form fieldset .req { color: #f00; }
form fieldset div div {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}
form #Content fieldset div div ul {
  font-size: 1em;
	list-style: none;
	padding: 0;
}
form fieldset div.iefix { _height: 1%; }
*+html form fieldset div.iefix { height: 1%; }
form fieldset div.nolabel {
	margin-left: -155px;
	height: auto;
}
*+html form fieldset div.nolabel { height: auto; }
form fieldset div.iefix button { margin-left: 40px; }

/* Numbered Columns */

#Content fieldset ul.group {
	padding: 0pt 0pt 0pt 25px;
	list-style-type: none;
	font-size: 1em;
}
form fieldset ul.group li.num {
	margin-left: -25px;
	float: left;
	display: inline;
	font-size: 2em;
	clear: both;
}

/* Error message  */
form fieldset span.error {
	display: block;
	color: #c00;
}
form fieldset div.error div {	background: url(../Images/icon_error_sm.gif) no-repeat 186px 3px; }
div.errorBox {
	color: #c00;
	margin-bottom: 2em;
	border: 1px solid #c00;
	padding: 13px 20px 7px 50px;
	background: url(../Images/icon_error.gif) no-repeat 10px 10px;
}
div.errorBox h3 {
	color: #c00;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.8em;
}
div.errorBox li {
	color: #c00;
	font-size: 1.1em;
	margin-bottom: 0.2em;
}


/* Buttons */
button {
  background: #fff url(../Images/bgButtonRight.gif) no-repeat bottom right;
  border: 1px solid #ddd;
  font-size: 1em;
  color: #4082c6;
  padding: 0 15px 0 5px;
  margin-right: 5px;
  text-transform: uppercase;
  /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
  width: auto; 
  overflow: visible;
}
button.submit {
	background-image: url(../Images/bgButton.gif);
	background-repeat: repeat-x;
	padding-right: 5px;
  font-size: 0.8em;
}
button.reqPrntSbmtBtn {font-size: 1em;}
p button { font-size: .9em; }

/* list columns */
form fieldset div.cols { margin-bottom: 10px; }
form fieldset div.cols ul.col {
	width: 50%;
	float: left;
}
form fieldset div.cols.three ul.col {	width: 33%; }
form fieldset div ul.checkbox li,
form fieldset div ul.radio li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
}
form fieldset div ul.checkbox li label,
form fieldset div ul.radio li label {	font-weight: normal; }

/* Form -> Horizontal Form */ 
form fieldset.horizontal fieldset {
	border: none;
	padding: 7px 0;
}
form fieldset.horizontal input.text,
form fieldset.horizontal input.password {	width: 150px; }
form fieldset.horizontal div {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 5px 5px 0;
}
* html form fieldset.horizontal div {	height: 2em; }
form fieldset.horizontal div label {
	float: none;
	display: inline;
	margin-left: 0px;
}
form fieldset.horizontal div div.nolabel {
	padding-top: 12px;
	margin:	0;	
}

/* p.bordered */
form p.bordered {
  border: 1px solid #ddd;
  padding: 3px;
}
form p.bordered textarea {
  width: 502px;
  height: 100px;
  background: #eee;
  border: 0;
  font-family: arial;
  font-size: 1.1em;
  padding: 10px;
}

/* box
--------------------------------*/
dl.box {
	border:	1px solid #ddd;
	padding: 0.2em;
	margin:	0 0 1.5em 0;
}
dl.box dt {
	font-weight: bold;
	color: white;
	font-size: 1.2em;
	background: #999;
	padding: 0.2em 0.4em;
	_height: 1%;
}
dl.box dd {
	font-size: 1.2em;
	padding: 0.3em 0.4em;
}
dl.box ul {	list-style-type: none; }
dl.box ul li { padding: 0.3em 0; }

/* Box
--------------------------------------------------------------------*/
#Content div.box {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 1em;
}
#Content div.box div.box_content {
  padding: 10px;
  background: url(../Images/bgBoxGradient.gif) repeat-x 0 100%;
}
#Content div.box div.controls {
	float: right;
	font-size: 1.2em;
}
#Content div.box div.controls a {	color: #666666; }
/* Box -> Alt
--------------------------------------------------------------------*/
#Content div.box.alt { padding: 12px 16px 2px 16px; }
/* mediaBox 
--------------------------------------------------------------------*/
#Content div.mediaBox {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px; 
	margin: 0;
	width: 503px !important;
	margin: 5px 0 15px 0;
}
#Content div.mediaBox div.mediaBox_content {
    background: url(../images/bgBoxGradient.gif) repeat-x 0 100%;
    margin: 0;
    padding:0;
}
.centerMedia {
   margin: 0 auto;
   width: 432px;
   padding-bottom: 4px;
}
.chevCa {width: 503px;}
.chevCa p {padding-left: 8px;}
.noTitle{
    padding-top: 15px;
}
#Container.threecol #Content .centerMedia p.quote {
   margin: 0 auto 15px auto;
   width: 432px;
}
.centerMedia .borders {
    border:1px solid #ccc;
}
#Container.threecol .centerMedia h3 {
    margin: 11px 0 0.65em 0;
    width: 430px !important;
}   
#Container.threecol .centerMedia p.mediaDescription {
    line-height:1.3em;
    width: 430px !important;
    margin-top: 8px;
}
p.mediaDescription {
    color: #333;     
}
#Container.threecol .centerMedia p.mediaLink {
    line-height:1.3em;
    width: 430px !important;
    margin-top: 14px;
}
/* Box -> ThreeCol
--------------------------------------------------------------------*/
#Content div.box.threecol {
	float: left;
	display: inline;
	width: 208px;
    _width: 207px;
	margin-right: 20px;
}
#Content div.box.threecol.last { margin-right: 0; }
#Content div.box.threecol div.box_content {
	min-height: 285px;
  height: auto;
  _height: 285px;
}
#Content div.box.threecol ul li {
  padding: 0;
  line-height: 1.3em;
  margin:	0 0 0.4em 0;
}
/*
#Content div.box.threecol ul li a {
  color: #333 ;
}
*/
/* ul.brands */
#Content div.box.threecol ul.brands li a {
	display: block;
  padding: 0 0 0 48px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 2em;
}
#Content div.box.threecol ul.brands li.chevron a { background: url(../Images/brandsChevron.gif) no-repeat; }
#Content div.box.threecol ul.brands li.texaco a { background: url(../Images/brandsTexaco.gif) no-repeat; }
#Content div.box.threecol ul.brands li.caltex a { background: url(../Images/brandsCaltex.gif) no-repeat; }
#Content .threecol .box_content h3 {
	font-size: 1.8em;
	margin: 0 0 .6em 0;
	padding: 0;
}

/* Four Col County List
--------------------------------------------------------------------*/
#Content ul.countryList {
	padding: 0;
	margin: 0;
	list-style-position:outside;
	list-style-type:none;
}
#Content ul.countryList li  {
	padding: 0;
	margin: 0;
	width: 165px;
	line-height: 1.1em;
	height: 2.2em;
} 
#Content ul.countryList li img {
    display: inline;
    float: left;
	width: 21px;
	height: 12px;
    border: 1px solid #ddd;
	margin: 0 16px 10px 0;
}
/* Three Col Energy Sources
--------------------------------------------------------------------*/
#Content .threeCol .col {
  width: 283px;
  margin-left: 15px;
}
#Content .threeCol .col.first {
  width: 272px;
	margin-left: 0px;
}
#Content .threeCol div.box div.box_content {
  padding: 4px 6px 4px 10px;
  background: none;
}
#Content .threeCol h3 { font-size: 1.3em; }
#Content .threeCol h3.subheader {
	font-style: italic;
  font-size: 1.2em;
	margin: 0 0 0.6em 0;
}

#Content .threeCol p { margin: 0; }
#Content .threeCol ul.imgTwoCol li { margin-bottom: 20px; }
#Content .threeCol ul.imgTwoCol li.last { margin-bottom: 0px; } 

/* Two Col, About Our Businesses
--------------------------------------------------------------------*/
#Content .twoColExtended div.box {
  width: 562px;
}
#Content .twoColExtended div.box div.box_content {
  padding: 4px 6px 4px 10px;
  background: none;
}
#Content .twoColExtended div.box .col.half {
  width: 253px;
  margin-right: 20px;
}
#Content .twoColExtended p { margin: 0; }
#Content .twoColExtended p.intro {
  width: 555px;
  margin: 0 5px 20px 0;
}

#Content .twoColExtended ul.imgTwoCol li {
    margin-bottom: 20px;
}
#Content .twoColExtended ul.imgTwoCol li.last {
    margin-bottom: 0px; 
} 
#Content .twoColExtended ul.imgTwoCol li.fourLines {
    height: 90px;
}
#Content .twoColExtended ul.imgTwoCol {
    margin-top: 15px !important; 
}
#Content .twoColExtended ul.imgTwoCol li span.img,
#Content .twoColExtended ul.imgTwoCol li h4 {
    margin-top: 0; /* ie6 needs this  */ } 

/* Five Col Contact Us
--------------------------------------------------------------------*/
#Content .fiveCol {
	margin-left: -20px;
	width: 888px;
}
#Content .fiveCol .col {
	width: 157px;
	margin: 0 0 10px 20px;
	min-height: 12em;
	_height: 12em;
}
#Content .fiveCol .col p,
#Content .fiveCol .col address {
  font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 0.6em 0;
}

#Content .fiveCol .col select {
	color: #4082c6;
  font-size: 1.2em;
	width: 157px;
}
#Content .fiveCol .col h3 {
  height: 33px;
	width: 140px;
}

/* Box -> Properties
--------------------------------------------------------------------*/
#Content div.box.threecol ul {
	list-style-type: none;
	padding: 0;
}
#Content div.box p.links {
	text-align: right;
	margin: 5px 0;
}
.img {
  float: left;
  border: 1px solid #ddd;
  background: #fff;
  padding: 3px;
  margin: 3px 10px 10px 0;
}
.img.RR {
  border: 0;
  padding: 0 0 18px 0;
  margin: 0px 4px 0px 0px;
}
.img.CR08 {
  border: 0;
  padding: 2px 0 5px 10px;
  margin: 0;
  float: none;
}
.img.noborders {
  border: none;
  padding: 0;
  margin: 3px 8px 0px 0;
  background: transparent;
}
#RightCol .imgCenter {
  text-align: center;
	margin: 0 auto 1em auto;
	display: block;
}
#RightCol span.img {
  margin: 3px 6px 3px 0;
}
span.imgBlock {
	display: block;
  margin: 0 0 10px 0;
}
span.imgBlock .img {
  float: none;
  margin: 0;
}
#RightCol span.img { margin: 0px 6px 0px 0; }
span.img img { display: block; }
.aligncenter span.img { 
	width: 66px;
  margin: 3px 30px 10px 30px;
}
#Content div.imgBox {
  float: left;
  width: 157px;
  margin-right: 12px;
}
#Content div.imgBox span.img {
  float: none;
  display: block;
  border: 1px solid #ddd;
  padding: 3px;
  line-height: 0;
  margin: 0;
}
/* CC Enlarge Image Drawer P Jump Bug Fix */
.drawerMarTop { margin-top:24px; }
/* Popup div */
div.popup {	display: none; }
/* Homepage Settings
-------------------------------- */
body#home {	margin: 3.8em 2em 2em 2em; }
body#home #Wrapper { border-top: none; }
body#home #HeaderNav 
{
	float:right;
	position: absolute;
	top: -38px;
	_top: -20px;
	right: 16px;
	/*_width: 37em;*/
}
body#home #Container {
	margin-top: 0;
	padding-bottom: 0;
	border-bottom: none;
}
body#home #Content {
	width: 928px;
	margin: 0 6px 6px 6px;
	padding: 0 10px 0 10px;
  background: url(../Images/bgHomeContent.gif) repeat-x 0 100%;
	
}
body#home #Content a { color: #333 ; }
body#home #Content a.button,
body#home #Content h3 a {	color: #4082c6;
	text-align: left;
}
body#home #Banner {
  float: none;
  background: none;
  border-bottom: none;
	width: 960px;
	margin: 0;
}
body#home div.logo {
  float: left;
	display: inline;
	width: 228px;
	margin-top:	176px;
	margin-left: 16px; 
}
body#home div.JONews {
    float: left;
	display:inline ;
	width: 228px;
	background-color:Aqua;
	height: 228px;
	margin-top:	176px;
	margin-left: 228px; 
}

body#home div.flash {
  float: left;
	display: inline;
  width: 700px;
  height: 300px;
  margin-top: 10px;
}
/* Homepage Flash Alternate
---------------------------*/
#AlternatePromos {
 z-index: 1;
 position: relative;
 top: -78px;
 margin-left: 240px;
}

/* Homepage Promo 
---------------------------*/
.promo {
	float: left;
	display: inline;
	width: 217px;
	margin-right: 20px;
	height: 173px;
	position: relative;
}
.promo .open {
	height:	173px;
	display: block;
	padding-left: 25px;
}
.promo .closed {
	height:	72px;
	display: none;
	margin-top:	101px;
	padding-left: 25px;
}
.promo .open p {
	font-size:	1.2em;
	line-height: 1.2em;
	margin:	0 0 0.5em 0;
}
.promo .closed p,
#Promo1.promo .open p  {
	font-size:	1.1em;
	line-height: 1.2em;
	margin:	0 0 0.5em 0;
}
.promo ul.noBullet li {
	font-size:	1em;
	margin-bottom: 0.5em;
}
#Content .promo h3 {
	 margin: 0 0 0 -25px;
	 padding: 0 0 0 25px;
	 display: block;
	 height: 19px;
	 width: 195px;
	 text-indent: -5000px;	 
}
.promo h3 a {
	display: block;
	height: 19px;
	width: 195px;
	text-indent: -5000px;
	overflow: hidden;
	padding: 0 0 0 25px;
	margin-left: -25px;
	cursor: pointer;
}
.promo .open h3 { background: url(../Images/iconArrowRoundDown.gif) no-repeat 5px 2px; }
.promo .closed h3 {	background: url(../Images/iconArrowRoundUp.gif) no-repeat 5px 2px; }
#Promo1.promo h3 {
	width: 95px;
	background: url(../Images/titlePromo1.gif) no-repeat scroll 25px 0;
}
#Promo2.promo h3 { background: url(../Images/home/imgArHp.jpg) no-repeat scroll 25px 0; }
#Promo3.promo h3 { background: url(../Images/home/imgMpgHP.jpg) no-repeat scroll 25px 0; }
#Promo4.promo h3 {
	width: 85px;
	background: url(../Images/titlePromo4.gif) no-repeat scroll 25px 0;
}
/* Homepage Promo -> Promo1
---------------------------*/
#Promo4.promo {	margin-right: 0px; }
#Promo1.promo .open {	display: block; }
#Promo1.promo .closed {	display: none; }
/* fix to fit wide image there */
#Promo2.promo {width: 200px; margin-right: 0;}
#Promo3.promo {
	width: 237px;
	margin-right: 0px;
}
#Promo3.promo .closed {	padding-right: 10px; }

#Content .promo ul.promoNav {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.promo ul.promoNav li.one {
	float: left;
	margin-right: 5px;
}
.promo ul.promoNav li.two {	float: left; }
.promo ul.promoNav li.one a {
	padding-left: 12px;
	color: #ccc;
	background: url(../Images/iconArrowSmallLeftOn.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a {
	padding-right: 12px;
	color: #ccc;
	background: url(../Images/iconArrowSmallRightOn.gif) no-repeat 100% 3px;
}
.promo ul.promoNav li.one a.selected {
	color: #333 ;
	background: url(../Images/iconArrowSmallLeftOff.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a.selected {
	color: #333 ;
	background: url(../Images/iconArrowSmallRightOff.gif) no-repeat 100% 3px;
}
#Promo1 div.two {	display: none; }

/* #PromoWrapperA - This ID is a dummy ID to revert the homepage promos back to the pre-May 2010 update.
------------------------*/

/* PromoWrapperB - For the homepage refresh (May 2010) the original layout has been modified by wrapping the promo content in the PromoWrapperB div. To revert to the styles before the update, use PromoWrapperA ID.
------------------------*/
#home #PromoWrapperB { 
    margin: 5px 0 10px 10px; 
    padding-bottom: 16px; /*fix ie7 bottom spacing issue*/
    _padding-bottom: 0px; /*fix ie6 bottom spacing issue*/
    float: left;
}
#home #PromoWrapperB .promo { 
    border-right: 1px solid #d5d5d5; 
    width: 204px;
    height: 220px;
    margin-right:0;
}
#home #PromoWrapperB #Promo1.promo { width: 430px; }
#home #PromoWrapperB #Promo3.promo { width: 250px; }

#home #PromoWrapperB #Promo4.promo { 
    width: 148px; 
    border-right: none; 
}
#home #PromoWrapperB .promo .open { padding-left: 15px; height: 137px; }
#home #PromoWrapperB #Promo1 .open { padding-left:0; width: 352px; }
#home #PromoWrapperB #Promo1 .open p { 
    font-size: 12px; 
    line-height: 16px; 
    margin-bottom: 8px; 
}
#home #PromoWrapperB #Promo2 .open p, #home #PromoWrapperB #Promo3 .open p  { width:183px; } 
#home #Content #PromoWrapperB .promo h3 {
    height: 16px;
    width: 183px;
    margin: 0 0 12px 0;
    padding:0;
}
#home #PromoWrapperB #Promo1.promo h3 { 
    background:url("../Images/home/headerPromo1.gif") no-repeat scroll 0 0 transparent; 
    width: 330px; 
    margin-bottom: 10px; 
}
#home #PromoWrapperB #Promo2.promo h3 { background:url("../Images/home/headerPromo2.gif") no-repeat scroll 0 0 transparent; }
#home #PromoWrapperB #Promo3.promo h3 { background:url("../Images/home/headerPromo3.gif") no-repeat scroll 0 0 transparent; }
#home #PromoWrapperB #Promo4.promo h3 { 
    background:url("../Images/home/headerPromo4.gif") no-repeat scroll 0 0 transparent; 
    width: 130px; 
    margin-bottom: 7px; 
}
#home #PromoWrapperB .promo ul.noBullet { 
    line-height: 22px; 
    margin-top:0; 
    margin-bottom:0; 
}
#home #PromoWrapperB .promo ul.noBullet li { margin-bottom:0px; }
/* End PromoWrapper */

/* Footer
--------------------------------------------------------------------*/
#Footer {
	clear: both;
	color: #ddd;
	width: 960px;
	margin: .5em auto;
}
#Footer p { font-size: 1em; }
#Footer a {
  color: #ddd;
  text-decoration: underline;
}

/* Press Releases
--------------------------------------------------------------------*/

/*This prevents preformatted quarterly data contained in press releases from breaking due to layout constraints. It is recommended that a body class name be defined for this and applied through the press release master page.*/
pre {
  font:115% monospace; 
  *font-size:100%; 
  padding-bottom: .5em;
}
/*Required for press release formatting - DO NOT REMOVE OR RENAME*/
.forwardStatement { font-size: .8em; }
.forwardStatement h3 { 
	font-size: 1em; 
	font-weight: normal; 
	padding-bottom: .2em; 
}
.prNotes p { font-size: 1.1em; }
.prNotes ol li, .prNotes ul li {
  font-size: .9em;
  line-height: 1.5em;
  padding-bottom: .5em;
}
.prNotes h3 { 
  font-size: 1.2em;
  margin: 0 !important;
}

div.videoTitle h4 {
    font-size: 1.5em;
    color: #333;
	margin: 0 0 1em 0;
	font-weight: normal !important;
}


/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
.clearfix:after,
ul.imgTwoCol li:after,
#Banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
ul.imgTwoCol li,
#Banner { display: inline-block; /* IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix,
* html ul.imgTwoCol li,
* html #Banner {
	height: 1%;
}
.clearfix,
ul.imgTwoCol li,
#Banner {	display: block; }
/* End hide from IE-mac */

/* Flash Message */
.flashMsg {
	margin: 20px auto;
	padding: 10px;
	width: 70%;
	background: #efefef;
	border: solid 2px #999;
	font-size: 1.2em;
}
.flashMsg a { color: #ff0000; }
.flashMsg img {
	vertical-align: middle;
	padding: 8px; 
}
.printOnly {
    display: none;
}

/* Embed Video */
.videoCenter {
	width: 432px; /* 2px for borders below */
	position:relative; 
	margin: 0 auto;
	padding: 5px 0;
}
.videoCenter .borders {
  border: 1px solid #ccc;
}
.videoCenter #flashcontent {
    margin-bottom: 10px;
}
.videoCenter p {
  margin: 8px 0 10px 0;
}

/* Partnership Story */
.partnerStory {
    background: #fff;  
	margin: 0 0 20px 0; 
	padding: 3px;
	border: 1px solid #e8e8e8;
}
.partnerStory a {
    display: block;
	width: 503px;
	height: 144px;  
	text-indent: -5000px;
	overflow: hidden;
	background-position: left 0px;
}
.story1 a { background: url(../Images/imgStakeholderStory1.jpg) repeat-y; }
.story2 a { background: url(../Images/imgStakeholderStory2.jpg) repeat-y; }
.story3 a { background: url(../Images/imgStakeholderStory3.jpg) repeat-y; }
.story4 a { background: url(../Images/imgStakeholderStory4.jpg) repeat-y; }

.partnerStory a:hover,
.partnerStory a:active { background-position: left 144px; }

/* Global Issues - Corporate Responsibility and Annual Report Homepage banner revision
---------------------------------------------------------------------------- */
#crHomeHeader,
#arHomeHeader {
	position: relative;
	width: 736px;
	height: 221px;
	border: 1px solid #cacaca;
	padding: 5px;
	background-color: #f3f3f3;
}
#crHomeDisplayArea,
#arHomeDisplayArea {
	width: 545px;
	height: 221px;
	position: absolute;
	border: none;
	background-color: #f0f0f0;
}
#crHomeDisplayArea .displayItem,
#arHomeDisplayArea .displayItem {
	width: 545px;
	height: 221px;
	display: none;
	position: absolute;
	border: none;
	background-color: #13557f;
}
#crHomeDisplayArea .defaultDisplayItem,
#arHomeDisplayArea .defaultDisplayItem {display: block;}
#crHomeDisplayArea .displayItem a,
#arHomeDisplayArea .displayItem a {
	width: 300px;
	height: 130px;
	position: absolute;
}
#crHomeDisplayArea .displayItem a,
#crHomeDisplayArea .displayItem span,
#crHomeDisplayArea .displayItem h2,
#crHomeDisplayArea .displayItem h3,
#crHomeDisplayArea .displayItem p,
#arHomeDisplayArea .displayItem a,
#arHomeDisplayArea .displayItem span,
#arHomeDisplayArea .displayItem h2,
#arHomeDisplayArea .displayItem h3,
#arHomeDisplayArea .displayItem p {
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0 0 0;
	margin: 0;
	cursor: pointer;
}
#crHomeDisplayArea .displayItem h3,
#arHomeDisplayArea .displayItem h3 {
	position: absolute;
	display: block;
	overflow: hidden;
	padding: 0 0 0;
	margin: 0;
	text-decoration: none;
	line-height: 1.5em;
	width: 300px;
	height: 21px;
}
#crHomeDisplayArea .displayItem a,
#arHomeDisplayArea .displayItem a {
	left: 12px;
	top: 77px;
	width: 300px;
	height: 130px;
}
#crHomeDisplayArea .displayItem a span,
#arHomeDisplayArea .displayItem a span {
	left: 0px;
	top: 109px;
	width: 300px;
	height: 21px;
}

#crHomeDisplayArea .displayItem a:active span,
#crHomeDisplayArea .displayItem a:hover span,
#arHomeDisplayArea .displayItem a:active span,
#arHomeDisplayArea .displayItem a:hover span {background-position: 2px -21px;}
#crHomeNavArea,
#arHomeNavArea {
	width: 188px;
	height: 220px;
	right: 0px;
	position: absolute;
	border: none;
	background-color: #f0f0f0;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 0px;
}
#crHomeNavArea .thumbnailSelection,
#arHomeNavArea .thumbnailSelection {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 86px;
	height: 46px;
	border: 2px solid #009dd9;
	z-index: 10;
}
#crHomeNavArea .thumbnailSelection img,
#arHomeNavArea .thumbnailSelection img {
	position: absolute;
	top: 19px;
	left: -8px;
}
#crHomeNavArea .navItem,
#arHomeNavArea .navItem {
	position: relative;
	height: 50px;
	margin-bottom: 7px;
}
#crHomeNavArea .navItemLast,
#arHomeNavArea .navItemLast {margin-bottom: 0px;}
#crHomeNavArea .navItem a,
#arHomeNavArea .navItem a {
	display: block;
	width: 183px;
	height: 50px;
}
#crHomeNavArea img.thumbnail,
#arHomeNavArea img.thumbnail {
	position: absolute;
	width: 88px;
	height: 48px;
	top: 0px;
	left: 0px;
	border: 1px solid #666666;
}
#crHomeNavArea .navItem a:active img.thumbnail,
#crHomeNavArea .navItem a:hover img.thumbnail,
#arHomeNavArea .navItem a:active img.thumbnail,
#arHomeNavArea .navItem a:hover img.thumbnail {border: 1px solid #009dd9;}
#crHomeNavArea .navItem a span,
#arHomeNavArea .navItem a span {
	position: absolute;
	width: 93px;
	height: 43px;
	top: 5px;
	left: 94px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
}
#crHomeNavArea .navItemSelected a,
#crHomeNavArea .navItemSelected a span,
#arHomeNavArea .navItemSelected a,
#arHomeNavArea .navItemSelected a span {cursor: default;}
#crHomeNavArea .navItemUnselected h2,
#arHomeNavArea .navItemUnselected h2 {background-position: left 0px;}

#crHomeNavArea .navItemUnselected a:active span,
#crHomeNavArea .navItemUnselected a:hover span,
#crHomeNavArea .navItemSelected span,
#arHomeNavArea .navItemUnselected a:active span,
#arHomeNavArea .navItemUnselected a:hover span,
#arHomeNavArea .navItemSelected span {background-position: left 43px;}
#crHomeStory1NavLink span {background: url(../images/cr/cr08HomeStory1NavLink.gif) repeat-y scroll 0 0;}
#arHomeStory1NavLink span {background: url(../annualreport/2009/images/homeStory1NavLink.gif) repeat-y scroll 0 0;}
#crHomeStory1Display {background-image: url(../images/cr/cr08HomeStory1BG.jpg);}
#arHomeStory1Display {background-image: url(../annualreport/2009/images/homeStory1BG.jpg);}
#crHomeStory1Display a span,
#crHomeStory2Display a span,
#crHomeStory3Display a span {background: url(../images/cr/cr08HomeStoryxCTAVideo.jpg) no-repeat scroll 2px 0;}
#arHomeStory1Display a span,
#arHomeStory2Display a span,
#arHomeStory3Display a span {background: url(../images/cr/cr08HomeStoryxCTAVideo.jpg) no-repeat scroll 2px 0;}
#crHomeStory4Display a span {background: url(../images/cr/cr08HomeStoryCTAaudio.jpg) no-repeat scroll 2px 0;}
#arHomeStory4Display a span {background: url(../annualreport/2009/images/homestoryCTAslideshow.jpg) no-repeat scroll 2px 0;}
#crHomeStory2Display {background-image: url(../images/cr/cr08HomeStory2BG.jpg);}
#arHomeStory2Display {background-image: url(../annualreport/2009/images/homeStory2BG.jpg);}
#crHomeStory2NavLink span {background-image: url(../images/cr/cr08HomeStory2NavLink.gif);}
#arHomeStory2NavLink span {background-image: url(../annualreport/2009/images/homeStory2NavLink.gif);}
#crHomeStory3Display {background-image: url(../images/cr/cr08HomeStory3BG.jpg);}
#arHomeStory3Display {background-image: url(../annualreport/2009/images/homeStory3BG.jpg);}
#crHomeStory3NavLink span {background-image: url(../images/cr/cr08HomeStory3NavLink.gif);}
#arHomeStory3NavLink span {background-image: url(../annualreport/2009/images/homeStory3NavLink.gif);}
#crHomeStory4Display {background-image: url(../images/cr/cr08HomeStory4BG.jpg);}
#arHomeStory4Display {background-image: url(../annualreport/2009/images/homeStory4BG.jpg);}
#crHomeStory4NavLink span {background-image: url(../images/cr/cr08HomeStory4NavLink.gif);}
#arHomeStory4NavLink span {background-image: url(../annualreport/2009/images/homeStory4NavLink.gif);}


/*---------- CR 09 -------------*/

#crHomeStory091NavLink span {background: url(../images/cr/cr09HomeStory1NavLink.gif) repeat-y scroll 0 0;}
#crHomeStory091Display {background-image: url(../images/cr/cr09HomeStory1BG.jpg);}
#crHomeStory091Display a span,
#crHomeStory092Display a span,
#crHomeStory093Display a span,
#crHomeStory094Display a span {background: url(../images/cr/cr09HomeStoryCTAvideo.jpg) no-repeat scroll 1px 0;}

#crHomeDisplayArea #crHomeStory091Display a:hover span,
#crHomeDisplayArea #crHomeStory092Display a:hover span,
#crHomeDisplayArea #crHomeStory093Display a:hover span,
#crHomeDisplayArea #crHomeStory094Display a:hover span {background: url(../images/cr/cr09HomeStoryCTAvideo.jpg) no-repeat scroll 1px -21px;}
#crHomeStory092Display {background-image: url(../images/cr/cr09HomeStory2BG.jpg);}
#crHomeStory092NavLink span {background-image: url(../images/cr/cr09HomeStory2NavLink.gif);}
#crHomeStory093Display {background-image: url(../images/cr/cr09HomeStory3BG.jpg);}
#crHomeStory093NavLink span {background-image: url(../images/cr/cr09HomeStory3NavLink.gif);}
#crHomeStory094Display {background-image: url(../images/cr/cr09HomeStory4BG.jpg);}
#crHomeStory094NavLink span {background-image: url(../images/cr/cr09HomeStory4NavLink.gif);}
.cr08Home #Banner,
.ar08Home #Banner {
	border: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.cr08Home #Content p.bottomPad,
.ar08Home #Content p.bottomPad {
    margin-top: -4px;
    margin-bottom: 5px;
	padding-bottom: 10px;
}

/* Global Issues - Corporate Responsibility revision Begin 1/30/08
---------------------------------------------------------------------------- */
.hero {padding-bottom: 3px !important;}
#Banner h1.cr,
#Banner h1.ar {
    margin: 1px 0 0 0;
    padding: 0 0 11px 0;
    line-height: 1em;
}
#Banner div.intro.altCR,
#Banner div.intro.altAR {
	height: 225px;
	border-top: 1px solid #ddd;
	position: relative; /* IE fix */
	text-indent: -5000px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#Banner div.intro.globIssConservationCR {background: url(../Images/mbandConservationCR08.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssConservationAR {background: url(../Images/mbandConservationCR08.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssEnvironmentCR {background: url(../Images/mbandEnvironmentCR08.jpg) no-repeat 100% 3px;}
#Banner div.intro.globIssEnvironmentAR {background: url(../Images/mbandEnvironmentCR08.jpg) no-repeat 100% 3px;}
#Banner div.intro.globIssCommunityCR {background: url(../Images/mbandCommunityCR08.jpg) no-repeat 100% 3px;}
#Banner div.intro.globIssCommunityAR {background: url(../Images/mbandCommunityCR08.jpg) no-repeat 100% 3px;}
#Banner div.intro.globIssEmergeEngyCR {background: url(../Images/mbandEmergeEngyCR.jpg) no-repeat 100% 3px;}
#Banner div.intro.globIssEmergeEngyAR {background: url(../Images/mbandEmergeEngyCR.jpg) no-repeat 100% 3px;}
#Banner div.intro.globIssEmergeEngyCR  a {
    background: url(../Images/imgEmergingGo.jpg) no-repeat 0 0;
    height: 21px;
    width: 404px;
    position: absolute;
    display: block;
    top: 200px;
    left: 7px;
    text-indent: -5000px;
    outline-style: none;    
}
#Banner div.intro.globIssEmergeEngyCR a:hover { background: url(../Images/imgEmergingGo.jpg) no-repeat 0 -21px; }
#Banner div.intro.globIssEmergeEngyCR { background: url(../Images/mbandEmergeEngyCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssActionClimateCR { background: url(../Images/mbandActionClimateCR08.jpg) no-repeat 100% 3px; }

#Banner div.intro.globIssDiversityCR { background: url(../Images/mbandDiversityCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssBizEthicsCR { background: url(../Images/mbandBizEthicsCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.DownloadReportCR { background: url(../Images/mbandDownloadReportCR.jpg) no-repeat 100% 3px; }

#Content div.crManagement {
    background: url(../Images/cr/cr09CrManagementBg.gif) no-repeat 0 0; position: relative;
    width: 509px;
    height: 572px;
    margin-bottom: 1em;
}
#Content div.crManagement h3 {
    position: absolute;
    top: 35px;
    left: 39px;
}
#Content div.crManagement p {
    font-size: 1.1em;
    line-height: 1.3em;
    position: absolute;
}
#Content div.crManagement p.blurbOne {
    width: 432px;
    height: 94px;
    top: 83px;
    left: 40px;
}
#Content div.crManagement p.blurbTwo {
    width: 338px;
    height: 75px;
    top: 198px;
    left: 98px;
}
#Content div.crManagement p.blurbThree {
    width: 200px;
    height: 94px;
    top: 341px;
    left: 45px;
}
#Content div.crManagement p.blurbFour {
    width: 200px;
    height: 94px;
    top: 341px;
    left: 271px;
}
#Content div.crManagement p.blurbFive {
    width: 450px;
    height: 94px;
    top: 460px;
    left: 34px;
    font-size: 1em; 
}
#Content div.crManagement p.blurbFive span.positionDept {color: #469ad0;}
/* Indented list style for CR -- differs from main list styling 
------------------------------------------------------------------------*/
#Content ul.noBulletCR,
#Content ul.noBulletAR {
    list-style: none;
    line-height: 1.4em;
    padding: 0;    
}
#Content ul.noBulletCR li,
#Content ul.noBulletAR li {padding: 0 0 0 22px;}
#Content ul.noBulletCR li.pdf,
#Content ul.noBulletAR li.pdf {background: url(../Images/iconPDF.gif) no-repeat 0 1px;}
#Content ul.noBulletCR li.pdfCR a,
#Content ul.noBulletCR li.pdfAR a {
	padding-left: 20px;
	margin-left: -20px;
	padding-top: 5px;
	padding-bottom: 0px;
	display: inline-block;
}
#Content ul.noBulletCR li.pdfCRLrg a,
#Content ul.noBulletAR li.pdfARLrg a {
	padding-left: 20px;
	margin-left: -20px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 1.25em;
	display: inline-block;
}
#Content ul.noBulletCR li.reqPrint {background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;}
#Content ul.noBulletCR li.reqPrintCR a {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding-left: 20px;
	margin-left: -20px;
	display: inline-block;
}
p.listHeader { margin: -.6em 0 1.3em; }
.execImg {
    float: left;
    width: 165px;
    padding: 0 0 1.3em 0;
}
.execImg p {
    padding-right: 7px;
}
/*various fix-its
------------------------------------------------------------------------*/
.italic {font-style: oblique;}
a.medTxt:link,
a.medTxt:visited,
a.medTxt:hover,
a.medTxt:active { font-size: 1.25em; }
.req { color: #f00; }
.smOblique { font-size: .8em; font-style: oblique; }
p.subHdrCR { width: 18em; }
.redBox { border: 1px solid #f00; }
.errorFrame {
    border: 1px solid #f00;
    padding: .5em;   
}
#Content ul.errorList {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 3px 5em;
    padding: 0;
}
#formDirect {
    width: 570px;
    height: auto;
    padding: 50px 0 160px 100px;
}
#formDirect h1 { line-height: 1.6em; }
/* Corporate Responsibilty
   -----------------------------------------------*/
#Content p.reportCopy {
    padding-bottom: 1.3em;
    width: 568px;
}
.threeColCR,
.threeColAR {
    float: left;
    display: inline;
    width: 169px;
}
div.threeColMedCR,
div.threeColMedAR {
    float: left;
    display: inline;
    width: 175px;
    padding: 0 12px 0 0;
}
div.threeColMedCR.mid,
div.threeColMedAR.mid {
    width: 188px;
    padding: 0px;
}
div.threeColMedCR.rightCR,
div.threeColMedCR.rightAR {
    width: 180px;
    padding: 0 0 0 12px;
}
#Content div.threeColMedCR h3,
#Content div.threeColMedAR h3 {
    color: #009dd9;
    margin-bottom: .2em;
    line-height: 1em;
}
div.threeColMedCR08,
div.threeColMedAR08 {
    float: left;
    display: inline;
    width: 182px;
    padding: 0 12px 0 0;
}
#Content div.threeColMedCR08 h3,
#Content div.threeColMedAR08 h3 {
    color: #009dd9;
    margin-bottom: .4em;
    line-height: 1em;
}
div.threeColMedCR08.rightCR,
div.threeColMedAR08.rightAR {padding-right: 0;}
div.threeColMedCR08 img,
div.threeColMedAR08 img {margin: 0 .3em 9px 0;}
div.threeColMedCR08 p,
div.threeColMedAR08 p {clear:left; _height: 1%; margin-bottom: .5em;}
div.threeColMedCR08 p.ulHeader,
div.threeColMedAR08 p.ulHeader {margin: .9em 0 0 0; }
#Content div.threeColMedCR08 ul.noBullet,
#Content div.threeColMedAR08 ul.noBullet {margin-top: .1em;}
#Content div.threeColMedCR08 ul.noBullet li,
#Content div.threeColMedAR08 ul.noBullet li { margin-bottom: 0px; }
div.threeColMedCR img,
div.threeColMedAR img {margin: 0 .3em .3em 0;}
div.threeColMedCR p.ulHeader { margin: 1.3em 0 0 0; }
#Content div.threeColMedCR ul.noBullet li { margin: 0; }
#Content p.bottomPad { padding-bottom: 1.3em; }
.sideBorder {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}    
#Content ul.firstCR { margin-left: -15px; }
#Content ul.CR { margin-left: -7px; }
#Content ul.firstCR li,
#Content ul.CR li {padding: 0 .8em .8em 0;}
#Content h3.subDrawer{
    padding: 0 .7em;
    margin-bottom: 1.8em;
    _margin-bottom: 1.85em;
}
.threeColCR h3 { font-size: 1.2em; padding: 0 1em 0 .1em; }
#Content h3.midDrawer { margin: 2em 0 .7em 0; }
div.gradientWrap {
    padding: 3px; 
    margin-bottom: 2em;
}
div.boxGradient {
    padding: 3px;
    position: relative;
}
.boxGradient img {
    float: left;
    margin: 0 10px 0 0;
}
.boxGradientVert img { margin: 0 10px 0 0; }
.boxGradientVert img.pieBullet,
.boxGradient img.pieBullet {
    float: left;
    margin: 3px 5px 0 0;
}
.boxGradientVert img.pieBulletCell {
    float: left;
    margin: 6px 3px 0 0;
    _margin: 6px 0px 0 0;
}
div.boxGradientVert {
    padding: 3px;
    position: relative;
}
div.boxVertHealth {
    padding: 3px;
    position: relative;
}
.boxVertHealth img { margin: 0 10px 0 164px; }
div.vertChart { padding: 0 0 1.5em 0; }
p.chartFoot {
    font-size: 1em;
    padding: .4em 10.5em 1em .1em;    
}
p.vertChartFoot,
td.vertChartFoot {
    font-size: .9em;
    padding: 1em 1.75em 0 0;
    text-align: left;    
}
.pieChartCR { margin: 0; }
#Content ul.pieChartList {
    padding: 0em 0 1em 2em;
    float: left;
    margin: 0;
    font-size: 1.1em;
    list-style-type: none;
}
#Content ul.pieChartList li { padding: 0em 0 0em 0em; }
#Content ul.pieChartList li.blackBullet,
#Content ul.pieChartList li.orangeBullet {
    background-position: 0 3px;
}
/* tables for CR
---------------------------------------------------- */
table.chartTable {
    text-align: right;
    width: 325px;
    color: #333 ;
}
table.chartTable td.first,
table.chartTable th.first{
    text-align: left;
}
table.chartTable td.leftNoPad,
table.chartTable th.leftNoPad{
    text-align: left;
    width: 100px;
}
table.chartTable td.midBottom,
table.chartTable th.midBottom{
    padding-bottom: 6px;
}
table.chartTable th {
    font-weight: normal;
    color: #333;
    padding: 5px 0px 5px 2px;
    border-bottom: 1px solid #ccc;    
}
table th.center{
    text-align: center;
}
table.chartTable td {
    padding: 4px 1px 0 1px;
    vertical-align: top;
}
table.chartTable td.bulletCell {
    padding: 0px;
    width: 9px;
    vertical-align: top;
}
table.chartTable td.bottom {
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}
table.chartTable td.firstHealth,
table.chartTable th.firstHealth{
    text-align: left;
    margin-left: 2px;
    width: 150px;
}
table.chartTable td.healthData { width: 33px; }
table.chartTable tr.highLight { color: #f47b20; }
/* CR GRI Index Table -- differs from standard data table */
p.colors {
    font-size: 1.1em; 
    margin-bottom: 0; 
    padding: 0 0 0 .3em; 
    color: #444;
}
p.key {
    font-size: 1.1em; 
    margin-bottom: 1.5em; 
    padding: 0 0 0 .4em; 
    color: #444;
}
p.key img {
    padding-right: 7px;
}
table.dataCR {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: .5em 0 1.8em .1em; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
.footnoteTableCR {
	border-collapse: collapse;
	width: 100%;
	font-size: .9em;
	margin: .5em 0 1.8em .1em; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
table.footnoteTableCR td.first {
    width:27%;
    vertical-align: top;
    font-size: 1.2em;
}
.footnoteTableCR ul {
    list-style-type: none;
    padding: 0 0 0 .5em;
    }
table.dataCR td,
table.dataCR th {
	vertical-align: top;
	text-align: left;
}
table.dataCR td.first,
table.dataCR th.first {
    width: 320px;
}
table.dataCR .captionCR {
	color: #fff;
	font-size: .9em;
    text-align: left;
	padding-bottom: 0.4em;
}
table.dataCR td {
    font-size: 1.1em;
	color: #333333 ;
	padding: 0em .3em 0em 1.4em;
	background-color: #fff;
	border-right: 1px solid #ccc;
}
table.dataCR td.indent {
	padding: 0em .3em 0em 2.5em;
}
table.dataCR tr.gri {
	line-height: 2em;
}
table.dataCR tr.alt td { background-color: #eee; }
table.dataCR td.subHead {
    font-size: 1.2em;
    font-weight: normal;
    color: #444;
    padding: 1.2em 0 .2em 1.4em;
}
table.dataCR td.subHeadGRI {
    font-weight: normal;
    color: #444;
    padding: 1.2em 0 .2em 1.4em;
}
table.dataCR th,
table.dataCR tr.header td {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 1.2em 0 1.2em 1.4em;
	text-align: left;
}
table.dataCR th.last,
table.dataCR tr.header td.last {
	border-right: 1px solid #999;
}
table.dataCR td.borderBottom {
    border-bottom: 1px solid #ddd;
}
/* drawer tables */
table.dataChartCR {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: .5em 0 1.8em .1em; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
table.dataChartCR tr.multiLine { line-height: 1.9em; }
table.dataChartCR th {
	vertical-align: top;
	text-align: left;
}
table.dataChartCR td.first,
table.dataChartCR th.first {
    width: 320px;
}
table.dataChartCR .captionCR {
	color: #fff;
	font-size: .9em;
    text-align: left;
	padding-bottom: 0.4em;
}
table.dataChartCR th {
    font-size: 1.1em;
    font-weight: normal;
	color: #333333 ;
	padding: .3em .3em .3em 1.4em;
	background-color: #fff;
	border-right: 1px solid #ccc;
}
table.dataChartCR td {
    font-size: 1.1em;
    font-weight: normal;
	color: #333333 ;
	padding: .3em .5em;
	background-color: #fff;
	border-right: 1px solid #ccc;
    text-align: center;
}
table.dataChartCR tr.alt td,
table.dataChartCR tr.alt th {
	background-color: #eee;
}
#Content table.dataChartCR th p.small {
    margin: 0;
    line-height: 1.2;
    font-size: .8em;
}
table.dataChartCR td.subHead {
    font-size: 1.2em;
    font-weight: normal;
    color: #444;
    padding: 1.2em 0 .2em 1.4em;
}
table.dataChartCR th.header {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em .8em;
	text-align: center;
}
table.dataChartCR th.headerFirst {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em .2em .9em 1.4em;
	text-align: left;
}
table.dataChartCR td.header {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em 1em;
	text-align: center;
}
table.dataChartCR th.last,
table.dataChartCR td.last {
	border-right: none;
}
table.dataChartCR .borderBottom,
table.dataChartCR .borderBottom th,
table.dataChartCR .borderBottom td {
    border-bottom: 1px solid #ddd;
}
table.dataChartCR td.footNote {
    text-align: left;
    font-size: .9em;
    padding: .5em 1.6em;
    line-height: 1.5em;
}
table.dataChartCR td.stakeholder {
    vertical-align: top;
    text-align: left;
}
table.dataChartCR th.headerStake {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em .5em;
	text-align: left;
}
table.dataCR table {
	border-right: 0px solid #fff;
	color: #fff;
	font-size: .9em;
	text-align: left;
}
table.dataCR table td {
	border-right: none;
	color: #444;
	font-size: .9em;
	text-align: left;
	padding-left: 0;
}
table.dataCR table td.first {
    width: 25%;
}
table.dataCR table ul {
	font-size: .9em !important;
    list-style-type: none;
}
p.chartCR {
    font-size: 1.2em;
    color: #333;
    margin: 1.1em 0 .5em 0;
}
img.airEmission { padding: .2em .3em 1.5em 0; }
/* key color spans CR 2007 */
.olive {color: #608610;}
.peach {color: #e38c44;}
.darkBlue{color: #002e7a;}
.darkGray{color: #333333 ;}
.lightBlue {color: #009dd9;}
#Content ul.stakeHolder {
	padding: 0 0 0 1.5em;
	list-style-position: outside;
	margin:	0 0 .7em 0;
	font-size: 1em;
	line-height: 1.2em;
}
#Content ul.stakeHolder li {
	margin-bottom: .5em;
}
.textfield
{
	width:200px;
	border-right: 1px solid #004673;
	border-bottom: 1px solid #004673;
	border-left: 1px solid #6BBAED;
	border-top: 1px solid #6BBAED;
	font-family:Verdana,Arial,Tahoma;
	font-size:10px;
	}
	
	.btn
{
	width:100px;
	border-right: 1px solid #004673;
	border-bottom: 1px solid #004673;
	border-left: 1px solid #6BBAED;
	border-top: 1px solid #6BBAED;
	font-family:Verdana,Arial,Tahoma;
	font-size:9px;
	}