/* CSS Document */
/* COLORS
people - orange: #ff7200;
environment - green: #7fc241;
technology - purple: #9a258f;
award - blue: #067ab4;
faq - teal - #40c8f4
stories - ltblue: #067ab4;
*/ 


body, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
#wrapper #content p, #wrapper #content li {
	font-size:13px;
	line-height:18px;
	color:#333;
}
#wrapper #side-content div.mod_f, #wrapper #side-content div.mod_a, #wrapper .col_230 div.mod_f, #wrapper .col_230 div.mod_a { border: 0 !important; }
#content {
	overflow:visible;
	display:block;
	/*padding-top:300px;*/
}
#content-wrapper {
	position:relative;
	float:left;
	width:944px;
	margin-top:20px;
	/*background-color:#6FF;*/
}
#main-content {
	padding-top: 30px;
	width: 662px;
	position:relative;
	float:right;
}
#side-content {
	float: left;
	/*margin-right: 3em;*/
	position: relative;
/*	top: -108px;*/
	width: 218px;
	z-index: 800;
}

#videos {
	margin-top:50px;
}
#materiality {
		margin-top:50px;
		position:relative;
}

#materiality table td .mat_cell {
	background-color:#ebebeb;
	width:130px;
	height:140px;
	padding:10px;
	margin:5px;
	border:5px solid #fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}
#materiality table td .left_tbl_hdr {
	padding-right:10px;
}
.left_tbl_hdr img {
	position:absolute;
	bottom:40px;
}
#materiality table td, table th {
	border:0;
	vertical-align:top;
	padding:0;
	margin:0;
}
#content #materiality li {
	font-size:12px;
	line-height:14px;
	margin:5px;
}
#materiality_footnote {
	margin-top:50px;
}
#mediakits li.active, #mediakits li.active li.active { font-weight:bold; }
#mediakits li ul {
	margin-top:5px !important;
	display:none;
}
#mediakits li.active ul { display:block; }
#mediakits li.active li { font-weight:normal; }
/*a, a strong { color: #067AB4; }*/
h1 {
	color: #333333;
	font-size: 2.7em;
	margin-top: 10px;
}
.section_header {
	margin-bottom:20px;
}

#main-content p.intro {
	font-size:18px;
	line-height:21px;
}
.accent1, .accent1 a { color:#ff7200; }
.video-box {
	border:1px solid #eee;
	margin:30px 12px 28px 0;
	width:100%;
	padding:6px 0 0;
}
.env a:link, .env a:visited {
	color:#6ebb1f;
}
.tech a:link, .tech a:visited {
	color:#81017e;
}
.unassigned a:link, .unassigned a:visited {
	color:#333;
}
.download_btn {
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/button_bg.png);
	background-repeat:repeat-x;
	cursor:pointer;
	float:left;
	width:135px;
	height:30px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color:#FFF;
	font-size:16px;
}
.form_col {
	float:left;
	width:45%;
	margin-right:10px;
}

/********Home Page Layout*********/
#people_community {
	width:662px;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/people_community_header.png);
	background-repeat:no-repeat;
	padding-top:70px;
	padding-left:20px;
	clear:both;
	margin-bottom:50px;
	position:relative;
	float:left;
}
#environment {
	width:662px;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/home_environment_header.png);
	background-repeat:no-repeat;
	padding-top:70px;
	padding-left:20px;
	clear:both;
	margin-bottom:50px;
	position:relative;
	float:left;
}
#technology {
	width:662px;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/home_technology_header.png);
	background-repeat:no-repeat;
	padding-top:70px;
	padding-left:20px;
	clear:both;
	margin-bottom:50px;
	position:relative;
	float:left;
}

#people_community p, #environment p, #technology p {
	width:75%;
	padding-left:10px;
	float:left;
}

/*video scroller*/
#main-content .in-motion {
	padding:0 0 25px;
	width:600px;
	position:relative;
	margin:0 10px;
}
#content #main-content .in-motion h2 {
	padding:17px 10px 35px 9px;
	margin:0;
	background-image:none !important;
	color:#ff7200;
}
#main-content .in-motion ul {
	list-style:none outside;
	margin:0;
	padding:0;
	width:700px;
	overflow:hidden;
}
#main-content .in-motion li { list-style:none outside; /*margin:0 10px; padding:0; float:left; width:170px;*/ }
#main-content .in-motion li a { border:0; }
/* carousel */
.in-motion .carousel {
	width:520px !important;
	margin:0 60px 0 40px;
	height:150px;
	overflow:hidden;
}
.carousel li .videodesc { display:none; }
.in-motion .carousel li {
	width:160px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	height:150px;
	margin:0 !important;
}
.in-motion .carousel li, .in-motion .carousel li a, .in-motion .carousel li a p { color:#005b95; }
#content .in-motion .carousel li p {
	margin:5px 0 0;
	padding-right:0 !important;
}
.in-motion .forward, .in-motion .back {
	height:30px;
	height:30px;
	cursor: pointer;
	margin: 0 5px 0 0;
	position:absolute;
	top:40px;
}
.ie .in-motion .forward, .ie .in-motion .back { zoom:1; }
.in-motion .back {
	left:3px;
	z-index:20;
}
.in-motion .forward {
	right:0;
	z-index:30;
}
h1.intro {
	font-style:italic;
	font-size:22px;
	line-height:26px;
	color:#067ab4;
}
#wrapper #content .footnote-cs p {
	font-size:11px;
	line-height:14px;
}
/* side-content */
#content #side-content div h3 {
	font-size:22px !important;
	line-height:24px !important;
}
h3.underline, #content .faq h2 {
	background: url(/Common/about_us/images/about_us_lp/bg_title_h3.jpg) left bottom repeat-x;
	padding-bottom: 12px;
}
/* menu */
#mediakits ul li { list-style:none outside; }
#mediakits ul li ul {
	list-style:none outside;
	margin: 0 0 0 20px;
}
#mediakits li strong {
	background:url(/Common/global/images/about_us/icons/icn_open_accordion.png) no-repeat left 2px;
	padding-left:10px;
	cursor:pointer;
	color:#fff;
}
#mediakits li.active strong {
	background-image:url(/Common/global/images/about_us/icons/icn_close_accordion.png);
	cursor:pointer;
	color:#fff;
}
.header {
/*	left: 130px;
	position: absolute;
	top: 0;*/
	z-index: 890;
	width:944px;
	height:220px;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/header_bg_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
}
.header h2 {
	margin:0;
	padding:0;
}
.header h1 {
	margin:10px 0 0;
	padding:0;
}
.header h4 {
	margin:105px 0 0 145px;
	padding:0;
}
.read-more, .hide-more {
	color:#067ab4 !important;
	display:none;
	clear:both;
	cursor:pointer;
}
.link-list { display:block; }
.link-list ul {
	margin-left:50px;
}
#wrapper #content.link-list ul {
	list-style: none outside;
	margin:0;
	padding:0;
}
#wrapper #content .link-list ul li {
	list-style: none outside;
	margin:0;
	padding:0;
}
#main-content div.col, #main-content ul.col {
	width:30%;
	margin:0 0 20px;
	float:left;
}
/*frequently requested info*/
#fri_nav_buttons {
	width:630px;
	height:16px;
	padding:15px;
	margin-bottom:50px;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/fir_buttons_bg.png);
	background-repeat:repeat-x;
	border:1px solid #CCC;
}
#fri_nav_buttons ul.fri_nav_buttons li {
	display : block;
	float : left;
	padding : 0px 0px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:20px;
}
#fri_nav_buttons a:link{
	color:#067AB4;
}
#fri_nav_buttons a:visited{
	color:#067AB4;
}
#fri_nav_buttons li.active{
	font-weight:bold;
}
.fri_h1 {
	color:#ff7200;
}
.fri_h3 {
	color:#ff7200;
	font-weight:bold;
	margin-top:50px;
}
.fri_h4 {
	font-weight:bold;
	font-size:1.3em;
}
.fri_h5 {
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
.fri_h6 {
	font-style:italic;
	font-size:1.2em;
	margin-bottom:5px;
}
/*#main-content #fri_nav_button ul.fri_nav_buttons li a:link {
	color:#F33;
}*/
/*#fri_nav_button a:active {
	font-weight:bold;
}*/

/* grey boxed */

#wrapper div.col {
	background:url(/Common/about_us/images/citizenship_sustainability/csr_2012/home_bottom_buckets_bg.png) repeat-x left top;
	height:221px;
	width:283px;
	border:1px solid #ccc;
	padding-left:15px;
	padding-right:15px;
}
#main-content div.col img.left { margin:0 10px 10px; }
#main-content div.col h3 {
	color:#333;
	padding:15px 0px 14px;
	font-size:18px !important;
	line-height:120%;
	font-weight:normal;
}
#main-content div.col p {
	padding:0 8px 0 0;
	font-size:12px;
	line-height:15px;
}
#main-content div.col1 { float:left; margin-right:30px; }
#main-content div.col2 { float:left; }
#main-content div.col.full {
	float:none;
	width:100%;
}
/* homepage carousel */
#highlights {
	height: 220px;
	position: relative;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/header_bg_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:10;
	width: 944px;
	/*zoom:1; /*top:-15px; left:-15px; */
	/*margin:0;*/
	/*left:-15px;
	top:-15px;*/
}



.header {
	z-index: 890;
	width:944px;
	height:220px;
	background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/header_bg_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
}



#highlights .sharethis {
	display: block !important;
	/*left: 515px;*/
	position: absolute;
	/*top: 325px;*/
	z-index: 300;
	bottom:10px;
	right:5px;
	/*white-space:nowrap;*/
}
.header .sharethis {
	display: block !important;
	position: absolute;
/*	left: 350px;
	top: 257px;*/
	bottom:10px;
	right:5px;
	z-index: 300;
}
.shareText { display:none; }
#highlights-content {
	width: 974px;
	position: relative;
	float: left;
	z-index: 100;
	background:transparent;
}
#highlights-content h1 {
	text-align: center;
	color: #005b95;
	font-size: 3.3em;
	font-weight: bold;
	margin-bottom: 10px;
}
#highlights-content h2 {
	text-align: center;
	color: #ff7200;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#highlights-content .main-banner { float: left; }
.highlights-banner {
	position: relative;
	z-index: 100;
}
#highlights-menu {
	left: 270px;
	position: absolute;
	top: 180px;
	width: 125px;
	z-index: 500;
}
#highlights-menu ul {
	margin: 0 !important;
	position:relative;
}
#highlights-menu li {
	z-index: 1000;
	overflow:hidden;
	position:relative;
	color:#fff;
	float:left;
	margin-right:10px;
}
#highlights-menu a {
	padding: 0;
	display:block;
	position: relative;
	z-index: 100000;
	text-indent:-999px;
	zoom:1;
	color:#fff;
	width:14px;
	height:15px;
	background:url(/Common/about_us/images/citizenship_sustainability/csr_2012/highlights_nav_off.png) no-repeat center center;
}
#highlights-menu div { width: 155px; }
#highlights-menu a.activeSlide { background-image:url(/Common/about_us/images/citizenship_sustainability/csr_2012/highlights_nav_on.png); }
#highlights:after, #highlights-menu:after {
	clear: both;
	content:'';
	display: table;
}
#wrapper #side-content div.mod_f { margin-left:5px !important; }
#wrapper #side-content div.gradient { margin-left:0 !important; }
#wrapper #side-content div.gradient, #wrapper #side-content div.mod_f { width:225px !important; }
div.gradient h3, div.gradient p, div.gradient ul, div.gradient form { margin-left:10px; }
#wrapper #side-content div.gradient {
	background:url(/Common/about_us/images/citizenship_sustainability/csr_2012/bkg_gradient.png) repeat-x bottom left !important;
	border:1px solid #eee !important;
}
.brief-box {
	clear:both;
/*	padding:1em 2em !important;
	margin:3em 0 2em !important;*/
	width:660px;
	border:1px solid #999;
	background:none;
	margin-top:50px;
}
#content .brief-box h3, #content .faq h2 {
	color:#067ab4;
	font-style:italic;
	font-size:27px;
	line-height:120%;
}
#content #main-content .brief-box p {
	color:#808080;
	font-size:15px;
	line-height:120%;
	margin-right:2em;
	margin-left:15px;
}
#content #main-content .brief-box ul { padding-left:1.5em !important; }
#content #main-content .brief-box ul, #content #main-content .brief-box li {
	list-style:square outside !important;
	color:#808080;
	font-style:normal;
	margin-left:20px;
}
#content #main-content h2.accent1 {
	font-size:30px !important;
	line-height:1;
	margin: 1.25em 0 5px;
	padding:0;
}
/* = page specific 
/* landing page 7735*/
#lp7735 #main-content .featured h2.accent1 {
	font-size:26px !important;
	line-height:110%;
	margin:0 0 5px;
	padding:0;
}
#lp7735 #side-content {  }
#lp7735 #main-content ul.featured {
	list-style:none outside;
	margin:0 15px;
	padding:0;
}
#lp7735 #main-content ul.featured:after, #side-content:after, .totop:after {
	clear: both;
	content:'';
	display: table;
}
#lp7735 #main-content ul.featured li {
	list-style:none outside;
	margin:2em 0 0;
	padding:2em 0 0;
	background: url(/Common/about_us/images/about_us_lp/bg_title_h3.jpg) left top repeat-x !important;
}
#lp7735 #main-content ul.featured li:first-child {
	margin-top:0;
	padding-top:0;
	background-image:none !important;
}
#lp7735 #main-content ul.featured img.left { margin:0 2em 2em 0; }
/*#lp7735 div.col { width:49% }*/
/*#lp7735 div.col2 h3 { padding:2px 30px 0 10px; }*/
#lp7735 div.col, div.col, .video-box, .brief-box, .gradient, #fri_nav_buttons {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
/* faq */
#content .faq ul.bullet { margin-left:20px; }
#content .faq h3 { clear:both; }
.totop { float:right; margin-right:20px;}

#wrapper .faq h3, .faq h3 {
	clear:both !important;
	margin:0 0 10px;
	padding:25px 0 0;
}
.faq h4 {
	font-weight:bold;
	margin-bottom:5px;
}
table {
	border:0;
	margin:10px 0;
	padding:0;
	width:auto;
}
table tr {
	border:0;
	vertical-align:top;
	margin:0;
	padding:0;
}
table td, table th {
	border:0;
	vertical-align:top;
	padding:2px 15px 2px 0;
	margin:0;
}
.left {
	float:left;
}
/* ie styles */
/* =ie7 */
.ie7 #highlights {
	left:-10px;
	top:0;
}
.ie7 #content {
	margin-top:-10px;
	margin-left:15px;
	position:relative;
	z-index:12;
}
.ie7 .header {
	top:17px;
	padding-left:10px;
}
/* =ie8 */
.ie8 #highlights {
	left:-11px;
	top:0;
}
.ie8 #main-content { margin-left:10px; }
.ie8 #content {
	margin-top:-10px;
	margin-left:15px;
	position:relative;
	z-index:12;
}
.ie8 .ie-top-shadow { z-index:10; }
.ie8 .header {
	top:17px;
	padding-left:10px;
}