/* sustainability report styles */

/* OVERWRITE GENERIC STYLES
----------------------------------------------------- */
.sr #srContent {
	padding:0;
	background:url('/images/generic/home-content-border.gif') repeat-y;
	}

 .sr #content  {
        padding:0;
 }

/* CHAPTER NAVIGATION
----------------------------------------------------- */
.srNav{
	height:40px;
	padding:25px 0 0;
	overflow:hidden;
	background:url('/images/sr/navbg.jpg') 0 0px no-repeat;
	}
	.srNav ul{
		list-style:none;
		padding:0;
		margin:0;
		}
		.srNav li{
			float:left;
			}
			.srNav li a{
				background:url('/images/sr/nav.jpg') 0 0 no-repeat;
				display:block;
				float:left;
				height:40px;
				text-indent:-9999em;
				}
            .srNav li .menu-bubble-item p a {
				text-indent: 0px;
				height: auto;
				background: none;
				text-decoration: underline;				
			}					
			.srNav li a.intro { width:68px; background-position:0 0;}
			.srNav li a.message {width:96px; background-position:-68px 0;}
			.srNav li a.ch1 {width:41px; background-position:-164px 0;}
			.srNav li a.ch2 {width:41px; background-position:-205px 0;}
			.srNav li a.ch3 {width:41px; background-position:-246px 0;}
			.srNav li a.ch4 {width:41px; background-position:-287px 0;}
			.srNav li a.ch5 {width:41px; background-position:-328px 0;}
			.srNav li a.ch6 {width:41px; background-position:-369px 0;}
			.srNav li a.ch7 {width:41px; background-position:-410px 0;}
			.srNav li a.ch8 {width:41px; background-position:-451px 0;}
			.srNav li a.ch9 {width:41px; background-position:-492px 0;}
			.srNav li a.ch10 {width:41px; background-position:-533px 0;}
			.srNav li a.ch11 {width:41px; background-position:-574px 0;}
			.srNav li a.ch12 {width:41px; background-position:-615px 0;}
			
			/* hover states */
			.srNav li a.intro:hover { width:68px; background-position:0 -40px;}
			.srNav li a.message:hover {width:96px; background-position:-68px -40px;}
			.srNav li a.ch1:hover {width:41px; background-position:-164px -40px;}
			.srNav li a.ch2:hover {width:41px; background-position:-205px -40px;}
			.srNav li a.ch3:hover {width:41px; background-position:-246px -40px;}
			.srNav li a.ch4:hover {width:41px; background-position:-287px -40px;}
			.srNav li a.ch5:hover {width:41px; background-position:-328px -40px;}
			.srNav li a.ch6:hover {width:41px; background-position:-369px -40px;}
			.srNav li a.ch7:hover {width:41px; background-position:-410px -40px;}
			.srNav li a.ch8:hover {width:41px; background-position:-451px -40px;}
			.srNav li a.ch9:hover {width:41px; background-position:-492px -40px;}
			.srNav li a.ch10:hover {width:41px; background-position:-533px -40px;}
			.srNav li a.ch11:hover {width:41px; background-position:-574px -40px;}
			.srNav li a.ch12:hover {width:41px; background-position:-615px -40px;}
			
			/* on states */
			.srNav li.on a.intro, .srNav li.on a.intro:hover { width:68px; background-position:0 -80px;}
			.srNav li.on a.message, .srNav li.on a.message:hover {width:96px; background-position:-68px -80px;}
			.srNav li.on a.ch1, .srNav li.on a.ch1:hover {width:41px; background-position:-164px -80px;}
			.srNav li.on a.ch2, .srNav li.on a.ch2:hover {width:41px; background-position:-205px -80px;}
			.srNav li.on a.ch3, .srNav li.on a.ch3:hover {width:41px; background-position:-246px -80px;}
			.srNav li.on a.ch4, .srNav li.on a.ch4:hover {width:41px; background-position:-287px -80px;}
			.srNav li.on a.ch5, .srNav li.on a.ch5:hover {width:41px; background-position:-328px -80px;}
			.srNav li.on a.ch6, .srNav li.on a.ch6:hover {width:41px; background-position:-369px -80px;}
			.srNav li.on a.ch7, .srNav li.on a.ch7:hover {width:41px; background-position:-410px -80px;}
			.srNav li.on a.ch8, .srNav li.on a.ch8:hover {width:41px; background-position:-451px -80px;}
			.srNav li.on a.ch9, .srNav li.on a.ch9:hover {width:41px; background-position:-492px -80px;}
			.srNav li.on a.ch10, .srNav li.on a.ch10:hover {width:41px; background-position:-533px -80px;}
			.srNav li.on a.ch11, .srNav li.on a.ch11:hover {width:41px; background-position:-574px -80px;}
			.srNav li.on a.ch12, .srNav li.on a.ch12:hover {width:41px; background-position:-615px -80px;}
			
/* /end CHAPTER NAVIGATION -------------------------- */

/* HOMEPAGE
----------------------------------------------------- */
.srHome{
	background:url('/images/sr/srHeader-bg.jpg') 0 0 no-repeat;
	position:relative;
	}
.srHome .srIntro{
	background:url('/images/sr/srHeader-bgBottom.png') 0 100% no-repeat;
	color:#fff;
	padding:25px 23px 91px;
	overflow:hidden;
	}
	.srHome .leftCol{
		width:426px;
		padding:0 0px 0 0;
		float:left;
		}
		.srHome .leftCol h1{
			margin:0 0 17px;
			width:426px; /* or IE6 freaks. */
			}
		.srHome .leftCol p{
			padding-right:92px;
			}
		.srHome .leftCol .button{
			display:block;
			width:125px;
			height:38px;
			text-indent:-9999em;
			background:url('/images/sr/beginButton.png') 0 0 no-repeat;
			}
	.srHome .rightCol{
		width:472px;
		float:left;
		margin:0px;
		}
		.srHome .rightCol h2{
			width:118px;
			height:15px;
			background:url('/images/sr/chooseachapter.gif') 0 0 no-repeat;
			text-indent:-9999em;
			margin:0 0 7px 23px;
			}
		.srHome .rightCol ul{
			list-style:none;
			padding:0;
			margin:0 0 0 23px;
			float:left;
			width:213px;
			background:url('/images/sr/srHome-menuLine.png') 0 0 no-repeat;
			}
			.srHome .rightCol ul li{
				background:url('/images/sr/srHome-menuLine.png') 0 100% no-repeat;
				}
				.srHome .rightCol ul li a{
					color:#fff;
					padding:8px 0 12px 37px;
					display:block;
					position:relative;
					width:176px;
					}
				.srHome .rightCol ul li a:hover {
					/*text-decoration:none;*/
				}
					.srHome .rightCol ul li a span{
						display:block;
						width:21px;
						height:21px;
						position:absolute;
						top:5px;
						left:6px;
						text-indent:-9999em;
						background:url('/images/sr/srHome-menuNum.png') 0 0 no-repeat;
						}
					.srHome .rightCol ul li.ch1 span{ background-position:0 -21px; }
					.srHome .rightCol ul li.ch2 span{ background-position:0 -42px; }
					.srHome .rightCol ul li.ch3 span{ background-position:0 -63px; }
					.srHome .rightCol ul li.ch4 span{ background-position:0 -84px; }
					.srHome .rightCol ul li.ch5 span{ background-position:0 -105px; }
					.srHome .rightCol ul li.ch6 span{ background-position:0 -126px; }
					.srHome .rightCol ul li.ch7 span{ background-position:0 -147px; }
					.srHome .rightCol ul li.ch8 span{ background-position:0 -168px; }
					.srHome .rightCol ul li.ch9 span{ background-position:0 -189px; }
					.srHome .rightCol ul li.ch10 span{ background-position:0 -210px; }
					.srHome .rightCol ul li.ch11 span{ background-position:0 -231px; }
					.srHome .rightCol ul li.ch12 span{ background-position:0 -252px; }
						
.srHomeContent{
	background:url('/images/generic/homeColWrap-bottom.gif') 0 100% no-repeat;
	clear:both;
	padding:19px 23px 48px;
	position:relative;
	margin-top:-52px;
	}
	.srHomeContent .colA{
		width:188px;
		float:left;
		color:#6f6f6f;
		}
		#srContent .srHomeContent .colA p{
			line-height:15px;
			margin:20px 0 0;
			}
		.srHomeContent .colA a{
			width:115px;
			height:18px;
			display:block;
			margin:25px 0 0;
			text-indent:-9999em;
			background:url('/images/sr/gotosurvey.png') 0 0 no-repeat;
			}
	.srHomeContent .colB{
		width:213px;
		float:left;
		margin:0 24px 0 0px;
		padding-left:262px;
		zoom:1;
		}
	.srHomeContent .colC{
		width:213px;
		float:left;
		}
	.srHomeContent h3{
		font-size:1em;
		color:#426908;
		font-weight:normal;
		padding:0 0 10px;
		margin:0;
		background:url('/images/sr/horizontalLine.png') 0 100% no-repeat;
		}
	.srHomeContent ul{
		list-style:none;
		padding:0;
		margin:0;
		}
		.srHomeContent ul li{
			background:url('/images/sr/horizontalLine.png') 0 100% no-repeat;
			}
			.srHomeContent ul li a{
				color:#6e6e6e;
				display:block;
				padding:5px 0 8px 24px;
				}
			.srHomeContent ul.relatedDocuments li a{
				background:url('/images/sr/relatedDocs-icon.gif') 5px 4px no-repeat;
				}
			.srHomeContent ul.usefulTools li a{
				background:url('/images/sr/usefulTools-icon.gif') 9px 10px no-repeat;
				}
	
	.srHomeContent .misc-image{
		width:232px;
		height:283px;
		display:block;
		position:absolute;
		margin-top:-87px;
		top:0;
		left:217px;
		background:url('/images/sr/susReportHome-img.jpg') 0 0 no-repeat;
		}
				
/* /end HOMEPAGE ------------------------------------ */




	

/* CONTENT PAGE 
----------------------------------------------------- */
.srHeader{
	background:url('/images/sr/srHeader-bg.jpg') 0 0 no-repeat;
	position:relative;
	}
	.srHeaderInner{
		background:url('/images/sr/srHeader-bgBottom.png') 0 100% no-repeat;
		}
	.srHeaderInner2{
		background:url('/images/sr/headers/1.png') 497px 100% no-repeat;
			padding:42px 23px 65px 23px; /*42 23 59 23*/
		}
	.srHeader h1{
		margin:0;
		width:450px;
		}
	.srBreadcrumbs{
		position:absolute;
		top:22px;
		left:23px;
		padding:0 0 0 145px;
		background:url('/images/sr/breadcrumb-bg.png') 0 0 no-repeat;
		}
		.srBreadcrumbs span{
			display:block;
			}
			
	.divPrevNextCh{
		position:absolute;
		top:20px;
		right:23px;
		}
		.divPrevNextCh a{
			position:relative;
			display:block;
			height:24px;
			float:left;
			text-indent:-9999em;
			cursor:pointer;
			}
		.divPrevNextCh .prev{
			width:68px;
			}
		.divPrevNextCh .next{
			width:67px;
			}
		.divPrevNextCh .chapter{
			width:78px;
			height:24px;
			text-indent:-9999em;
			float:left;
			display:block;
			position:relative;
			}
			.divPrevNextCh span{	
				position:absolute;
				top:0;
				left:0;
				display:block;
				height:24px;
				background:url('/images/sr/navChapter.png') 0 0 no-repeat;
				}
			.divPrevNextCh .prev span{ width:68px; }
			.divPrevNextCh .chapter span { width:78px; background-position:-68px 0; }
			.divPrevNextCh .next span{ width:67px; background-position:-146px 0; } 	
	
.srContentWrap{
	background:url('/images/generic/homeColWrap-bottom.gif') 0 100% no-repeat;
	color:#6d6d6d;
	padding:0 23px 40px;
	margin:-25px 0 0;
	position:relative;
	}
	.srContent{
		width:647px; /*577*/
		padding:0 0 0 0; /* 0 70 0 0*/
		margin:0 40px 0 0;
		float:left;
		}
		.srContent h2{
			color:#426908;
			font-size:2em;
			font-weight:normal;
			background:url('/images/sr/spotlight-line.png') 0 100% no-repeat;
			padding:0 0 10px;
			}
		.sr #srContent .srContent h2{
			letter-spacing:normal;
			margin-right:0px!important;
			padding-right:150px;
			
			}
			
		.sr #srContent .wysiwygArea h3 {
			font-size:1.16em !important;
			margin:0 0 5px;
			}
		.sr #srContent .wysiwygArea a {
			color:#81ac17;
			font-weight:bold;
			text-decoration:none;
		}
			.sr #srContent .wysiwygArea a:hover {text-decoration:underline;}
			
		.sr #srContent p {margin-bottom:1.16em;}
			
		.srContent ul{
			list-style:none;
			padding:0;
			margin:0 0 1.8em;
			}
			.srContent .wysiwygArea ul li{
				padding:0 0 7px 31px;
				background:url('/images/sr/srContent-bullet.gif') 17px 6px no-repeat;
				line-height:1.33em;
				font-size:1em;
				color:#6D6D6D;
				}
		.srContent .wysiwygArea table .tableHeader th {
			font-size:1em;
			color:#6D6D6D;
			padding:0 7px 7px 0;
			height:auto!important;
		}
		
		.srContent .srSpotlight{
			margin-right:-70px;
			}
			.srContent .srSpotlight h3{
				position:relative;
				padding:0 0 13px;
				margin:0;
				font-size:1em;
				font-weight:normal;
				background:url('/images/sr/spotlight-line.png') 0 100% no-repeat;
				font-weight:bold;
				color:#426908;
				}
				.srContent .srSpotlight h3 span{
					width:72px;
					height:19px;
					overflow:hidden;
					background:url('/images/sr/titles/spotlight.gif') 0 0 no-repeat;
					display:block;
					position:absolute;
					top:0;
					left:0;
					}
			.srContent .srSpotlight .item{
				padding:10px 70px 10px 0;
				margin-bottom:20px;
				background:url('/images/sr/spotlight-line.png') 0 100% no-repeat;
				}
				.srContent .srSpotlight .item h4{
					margin:0 0 6px;
					color:#426908;
					font-weight:bold;
					font-size:1.16em;
					}
				#srContent .srContent .srSpotlight .item p{
					/*margin:0;*/
					}
				
	.srSubCol{
		width:213px;
		float:left;
		margin:0px;
		}
		.srSubCol .cc,
		.srSubCol .ut{
			position:relative;
			font-size:0.92em;
			font-weight:normal;
			margin:0 0 7px;
			}
			.srSubCol .cc span,
			.srSubCol .ut span{
				position:absolute;
				top:0;
				left:0;
				display:block;
				}
			.srSubCol .cc span { width:114px; height:15px; background:url('/images/sr/titles/chaptercontents.gif') 0 0 no-repeat;}
			.srSubCol .ut span { width:72px; height:12px; background:url('/images/sr/titles/usefultools.gif') 0 0 no-repeat;}
		
		.srSubCol .srBlock{
			margin:0 0 39px;
			}
				
		.srSubCol ul{
			list-style:none;
			padding:3px 0 0 0;
			margin:0;
			background:url('/images/sr/srSubColLine.gif') 0 0 no-repeat;
			}
			.srSubCol ul li{
				display:block;
				padding:0 0 3px;
				background:url('/images/sr/srSubColLine.gif') 0 100% no-repeat;
				}
				.srSubCol ul li a{
					display:block;
					padding:5px 0 7px 24px;
					background:url(/images/sr/usefulTools-icon.gif) no-repeat 9px 10px;
					}
					.srSubCol ul li.on a,
					.srSubCol ul li a:hover{
						background-color:#f5f8e3;
						text-decoration:none;
						}
		
		ul.srSubColLinks{
			list-style:none;
			padding:0;
			margin:-36px 0 0;
			background:none;
			}
			ul.srSubColLinks li{
				background:none;
				}
				ul.srSubColLinks li a{
					padding:0;
					background:none;
					}
/* /end CONTENT ------------------------------------- */


/* YEARS DROP DOWN*/
#srYearDropDown
{
	float:right;
}

#srYearList
{
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	z-index:9999;
	padding:35px 10px 22px;
	background:url('/images/yearDropDownBackground.gif') 0 0 no-repeat;
	display:none;
}

#yearTitle
{
	padding-right:20px;
}

#srYearList li
{
	float:none;
}

#srYearDropDown .srYear2009 a, #srYearDropDown .srYear2010 a
{
	width:105px;
	height:27px;
	display:block;
}

#srYearDropDown .srYear2009 a
{
	background:url('/images/buttons/2009Button.gif') 0 0 no-repeat;
}

#srYearDropDown .srYear2010 a
{
	background:url('/images/buttons/2010Button.gif') 0 0 no-repeat;
}

#srYearDropDown .srYear2009 a:hover, #srYearDropDown .srYear2010 a:hover
{
	background-position:0 -27px;
}



/* LANDING PAGE 
----------------------------------------------------- */
.srLanding{ /* I'm located with #srContent */
	}
	.srLanding .srHeader h1{
		width: 390px;
		/*padding-bottom: 25px;*/
}
	#srContent .srLanding p{
		/*margin:0;*/
		}
	.srLanding .srHeader .leftCol{
		width:426px;
		float:left;
		color:#fff;
		margin-bottom:40px;
		}
		.srLanding .srHeader .mecugoal{
			position:relative;
			height:19px;
			text-indent:-9999em;
			width:103px;
			height:19px;
			margin:0 0 11px;
			background:url('/images/sr/titles/mecusgoals.gif') 0 0 no-repeat;
			min-height:0;
			}
		.srLanding .srHeader p{
			padding-right:108px;
			/*min-height:121px;*/
			}
		.srLanding .srHeader .button{
			width:125px;
			height:38px;
			background:url('/images/sr/continueBtn.png') 0 0 no-repeat;
			overflow:hidden;
			text-indent:-9999em;
			display:block;
			position:absolute;
			margin-top:5px;
			/*bottom:93px;*/
			}

	.srLanding .srHeader .rightCol{
		float:right;
		width:213px;
		margin:-24px 0 0;
		}
		.srLanding .srHeader h2{	
			width:118px;
			height:15px;
			background:url('/images/sr/chooseachapter.gif') 0 0 no-repeat;
			text-indent:-9999em;
			margin:0 0 7px 0px;
			}
		.srLanding .srHeader ul{
			list-style:none;
			padding:0;
			margin:0;
			background:url('/images/sr/srHome-menuLine.png') 0 0 no-repeat;
			width:213px;
			}
			.srLanding .srHeader ul li{
				background:url('/images/sr/srHome-menuLine.png') 0 100% no-repeat;
				}
				.srLanding .srHeader ul li a{
					color:#fff;
					padding:6px 0 10px 25px;
					display:block;
					position:relative;
					width:176px;
					background:url('/images/sr/srLanding-bullet.gif') 10px 11px no-repeat;
					}
	.srLanding .srHeaderInner2{
		padding-bottom:103px;
		position:relative;
		background:url('/images/sr/landing/2009Landing.png') 312px 100% no-repeat;
		}
		
	.srLanding .srContent{
		width:647px;
		padding:0;
		}
		.srLanding .srContent h2{	
			padding-bottom:7px;
			background:url('/images/sr/spotlight-line.png') 0 100% no-repeat;
			}
		
	/* table styles on landing page */
	.sr .srLanding .wysiwygArea table, .sr .srLanding .wysiwygArea table tr,
	.sr .srContent .wysiwygArea table, .sr .srContent .wysiwygArea table tr {
                background:none;
                margin:20px 0 20px 0;
                padding:0;
				width:100%!important;
                }

	.srLanding .wysiwygArea table, .srContent .wysiwygArea table {
		font-size:0.92em;
		color:#6f6f6f;
		width:100%;
		}
		.srLanding .wysiwygArea th, .srContent .wysiwygArea th,
		.srLanding .wysiwygArea td, .srContent .wysiwygArea td {
			text-align:left;
			background:url('/images/sr/spotlight-line.png') 0 100% no-repeat;
			padding:6px 0 12px;
			font-size: 1em;
			vertical-align:top;
			}
		.srLanding td{
			vertical-align:top;
			}
		.srLanding th#commitment{
			width:325px;
			}
		.srLanding th#progress{
			width:125px;
			}
		.srLanding th#comments{
			width:197px;
			}
		
		.srLanding td img{
			margin-left:14px; /* for icons inside table */
			}
			
	.tableKey{
		margin:27px 0 0;
		font-size:0.83em;
		color:#666;
		overflow:hidden;
		}
		.tableKey dt{
			color:#426908;
			float:left;
			width:48px;
			}
		.tableKey dd{
			width:91px;
			float:left;
			display:block;
			padding:0 0 0 27px;
			margin:0;
			}
		.tableKey dd.green{
			background:url('/images/sr/approach/green.gif') 0 0 no-repeat;
			}
		.tableKey dd.yellow{
			background:url('/images/sr/approach/yellow.gif') 0 0 no-repeat;
			}
		.tableKey dd.red{
			background:url('/images/sr/approach/red.gif') 0 0 no-repeat;
			}
		.tableKey dd.ongoing{
			background:url('/images/sr/approach/ongoing.gif') 0 0 no-repeat;
			}
		.tableKey dd.ongoingOrange{
			background:url('/images/sr/approach/ongoing-orange.gif') 0 0 no-repeat;
			}
		
.divPrevNextPg{
	position:relative;
	height:19px;
	}
	.divPrevNextPg a{
		display:block;
		position:relative;
		height:19px;
		position:absolute;
		top:0;
		cursor:pointer;
		}
	.divPrevNextPg .prev{
		left:0;
		width:115px;
		}
	.divPrevNextPg .next{
		right:0;
		width:91px;
		}
		.divPrevNextPg a span{
			display:block;
			height:19px;
			position:absolute;
			top:0;
			left:0;
			background:url('/images/sr/navPages.jpg') 0 0 no-repeat;
			}
			.divPrevNextPg .prev span{
				width:115px;
				}
			.divPrevNextPg .next span{
				width:91px; background-position:-115px 0;
				}
	
	


/* FOOTER  
----------------------------------------------------- */
.sr .footer {
	background: none;
	/*padding: 7px 20px 20px;*/
	background:#fff; 
	}
	
	
	
	
	
/* sIFR styles
----------------------------------------------------- */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}
@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active .srIntro h1 {
	font-family: Verdana;
	visibility: hidden;
	font-size:75px;
	}
.sIFR-active .srHomeContent h3 {
	font-family: Verdana;
	visibility: hidden;
	font-size:14px;
	}
.sIFR-active .srIntro .leftCol p {
	font-family: Verdana;
	visibility: hidden;
	font-size:14px;
	}
	
.sIFR-active .srHeader h1 {
	font-family: Verdana;
	visibility: hidden;
	font-size:75px;
	}
.sIFR-active .srContent h2 {
	font-family: Verdana;
	visibility: hidden;
	font-size:24px;
	}
.sIFR-active .srBreadcrumbs span {
	font-family: Verdana;
	visibility: hidden;
	font-size:14px;
	}
	
.sIFR-active .srLanding .srContent h2 {
	font-family: Verdana;
	visibility: hidden;
	font-size:14px;
	}
}