/* CSS Document */
html, body {height:100%;}
body {margin:0; padding:0; background:url(../images/common/bg-page-5.jpg) no-repeat top center fixed #3ec0fc; font-family:"Open Sans", Verdana, Geneva, sans-serif; font-size:75%; color:#696a6c;}
body.popup-legal, body.popup-eisa, body.popup-join-us {background:none;}
input.text, select, textarea {width:240px; border:1px solid #ccc; padding:2px; font-size:9pt; font-family:"Open Sans", Verdana, Geneva, sans-serif; }
textarea {height:120px}
img {border:none;}
a:focus {outline: 0;}
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;}
#container {width:965px; margin-left:auto; margin-right:auto; padding:0 18px 0px 17px; background:url(../images/common/bg-container.png) repeat-x #c7c8ca; position:relative;}
#container.home {width:965px; height:900px; background:url(../images/common/bg-home-container.png) no-repeat #c7c8ca; position:relative;}
#container video {margin-top:20px;}
#header {background:url(../images/common/temp-header.png) no-repeat; width:965px; height:88px; position:relative;}
#header #stock-quote {width:200px; position:absolute; top:25px; right:100px; text-align:right; font-size:11px;}
#header #stock-quote span.symbol {color:#0083b5; margin-right:6px; margin-left:2px;}
#header #stock-quote span.stock-up {color:#090;}
#header #stock-quote span.stock-down {color:#F00;}
#header #stock-quote span.stock-unchanged {}
#header #social {width:200px; position:absolute; right:2px; top:18px; text-align:right; }
#header #social img {display:none; margin-left:1px; width:19px; height:19px; }
#header #social img#print-page {display:inline; margin-left:5px;}
#header #social a {color:#7abcd8; text-decoration:none; font-size:9px;}
#header #go-home {position:absolute; top:15px; width:195px; height:60px; cursor:pointer;}
#masthead {height:72px;}
#masthead.about {background:url(../images/common/masthead-about.png) no-repeat;}
#masthead.exploration {background:url(../images/common/masthead-exploration.png) no-repeat;}
#masthead.operations {background:url(../images/common/masthead-operations.png) no-repeat;}
#masthead.investors {background:url(../images/common/masthead-investors.png) no-repeat;}
#masthead.responsibility {background:url(../images/common/masthead-responsibility.png) no-repeat;}
#masthead.careers {background:url(../images/common/masthead-careers.png) no-repeat;}
/*----- Internal Content Styles -----*/
#internal-content {background:url(../images/common/bg-internal-content.png) no-repeat; padding-top:32px; width:792px; float:left; min-height:620px; height:100% !important; height:620px;}
#left-panel {float:left; padding-left:20px; width:160px; min-height:100px;}
#left-panel h3 {font-size:90%; color:#064975; font-weight:bold; margin:0; margin-bottom:4px; text-transform:uppercase;}
#left-panel img {margin-bottom:10px;}
#left-panel img.no-bottom-space {margin-bottom:0;}
#left-panel p {margin:0; color:#2f97c3;}
#left-panel p.note {color:#ff0000;}
ul#left-nav {list-style:none; margin-left:-20px; padding:0; /* font-size:80%; added 2012-02-16 */ font-size:88%; line-height:normal;}
ul#left-nav li {padding-left:23px; min-height:15px; padding-top:5px; color:#848586; text-transform:uppercase;}
ul#left-nav li.active {background:url(../images/common/bg-left-nav-active.png) no-repeat;}
ul#left-nav li.ghana {padding-left:35px;}
ul#left-nav li.sub {padding-left:35px; padding-top:2px; text-transform:none;}
ul#left-nav a:link, ul#left-nav a:visited {color:#848586; text-decoration:none;}
ul#left-nav a:hover, ul#left-nav a:active {color:#044874; text-decoration:underline;}
ul#left-nav li.active a {color:#044874; text-decoration:none;}
ul#left-nav li.section-home a {color:#231f20;}
ul#left-nav li ul {list-style:none; margin:0; margin-left:-43px; padding:0;}
ul#left-nav li ul li {margin-left:35px;}
div.sidebar {margin-top:48px; color:#2f97c3; margin-bottom:24px;}
div.sidebar p {padding-right:12px; /* font-size:85%; line-height:normal; added 2012-02-16 */ font-size:88%; line-height:1.6em;}
div.sidebar p:last-child {border-bottom:1px solid #636466; padding-bottom:4px; }
div.sidebar h3 {border-bottom:1px solid #636466; padding-bottom:4px;}
div.stats p {padding-top:8px; padding-bottom:8px; border-bottom:1px solid #636466;}
div.stats p strong {font-weight:normal; color:#044874;}
div.who-is-kosmos-video img {margin:0; padding:0; margin-top:12px;}
div.sidebar ul {list-style:none; margin:0; padding:0; margin-top:6px; font-size:85%; line-height:normal;}
div.sidebar ul li {background:url(../images/common/green-arrow.png) 0 3px no-repeat; margin:0; padding-left:12px; padding-bottom:4px;}
div.sidebar ul.hse {list-style-type:square; margin-left:18px;}
div.sidebar ul.hse li {background:none; padding:0 0 4px 0; margin:0;}
div.sidebar a:link, div.sidebar a:visited {font-size: 88%;line-height: 1.6em; color:#0084B3; text-decoration:none;}
div.sidebar a:hover, div.sidebar a:active {color:#636466; text-decoration:underline;}
#sidebar-responsibility p.caption a {line-height:normal;}
#sidebar-responsibility p.caption {line-height:.9375; margin-top:-10px; margin-bottom:32px; font-size:1.125em; padding:0; border-bottom:none;}
body#responsibility-main li.responsibility-main,
body#business-principles li.business-principles,
body#hses li.hses,
body#business-ethics li.business-ethics,
body#transparency li.transparency,
body#society-communities li.society-communities,
body#our-people li.our-people,
body#human-rights li.human-rights {background:url(/images/common/bg-left-nav-active.png) no-repeat;}
body#hses-policy li.hses-policy,
body#hses-mgmt-system li.hses-mgmt-system,
body#health-safety li.health-safety,
body#environment li.environment,
body#security li.security {background:url(/images/common/bg-left-nav-active.png) no-repeat; margin-left:21px; padding-left:37px;}
/*----- Floating Kosmology Tab -----*/
#kosmology-tab {width:230px; height:125px; background:url(../images/common/left-kosmology-tab.png) no-repeat; margin-left:-38px; z-index:100; margin-top:60px;}
#kosmology-tab p.headline {color:#073e79; font-size:12px; text-transform:uppercase; padding:18px 55px 0px 40px; margin:0; letter-spacing:1px; font-weight:bold;}
#kosmology-tab p.fact {color:#fff; font-size:11px; line-height:15px; margin-left:40px; margin-right:45px; margin-top:6px;}
#content-panel {float:left; margin-left:32px; width:530px;/*added 2012-02-16 */ font-size:105%;}
#content-panel.popup-legal {float:none; padding:32px; width:536px; margin:0; font-size:80%;}
#content-panel.popup-eisa {float:none; padding:32px; width:536px; margin:0; font-size:90%;}
#content-panel.popup-join-us {float:none; padding:32px; width:336px; margin:0; font-size:100%;}
#content-panel img.map_small {float:right; margin-left:20px; margin-bottom:20px;}
#content-panel img.right {float:right; margin-left:20px; margin-bottom:20px; margin-top:5px;}
#content-panel img.left {float:left; margin-right:20px; margin-bottom:20px; margin-top:5px;}
#content-panel div.key-stats {width:330px; font-size:85%; margin-bottom:24px;}
#content-panel div.key-stats .row {clear:left; border-bottom:1px solid #939598; overflow:hidden; margin-bottom:0;}
#content-panel div.key-stats .left-col {float:left; width:140px; color:#0084b3; text-transform:uppercase; padding-top:6px; padding-bottom:6px; margin-bottom:0;}
#content-panel div.key-stats .right-col {float:right; color:#636466; width:190px; padding-top:6px; padding-bottom:6px; margin-bottom:0;}
#content-panel div.key-stats div.row:last-child {border:0;}
div.temp-image {float:right; width:246px; height:196px; background-color:#f5f5f5; border:2px solid #ccc; margin-left:40px; margin-bottom:40px;}
div.temp-image p {text-align:center; margin-top:50px; font-size:1em; color:#000; font-weight:bold;}
#content-panel p {margin-top:0; margin-bottom:12px; line-height:1.6em;}
#content-panel div.testimonial {clear:left; border-bottom:1px solid #636466; padding-top:24px; padding-bottom:24px; overflow:hidden;}
#content-panel div.testimonial-photo {width:135px; margin-right:24px; float:left;}
#content-panel div.testimonial-text {float:left; width:370px;}
#content-panel div.testimonial p.testimonial {font-style:italic;}
#content-panel div.testimonial p.testimonial-name {color:#636466; font-size:85%; margin:0;}
#content-panel div.testimonial p.testimonial-name span.name {color:#00a147; font-weight:bold;}
#content-panel div.testimonial:last-child {border-bottom:none;}
#content-panel h1 {font-size:1.5em; color:#044874; margin-top:0; margin-bottom:18px;}
#content-panel h2 {font-size:1em; color:#00a147; margin-top:24px; margin-bottom:6px; text-transform:uppercase;}
#content-panel h3 {font-size:1em; color:#231f20; margin-top:12px; margin-bottom:0;}
#content-panel.leadership h2 {font-size:1em; color:#00a147; margin-top:12px; margin-bottom:0px; text-transform:uppercase;}
#content-panel.leadership h3 {font-size:1em; color:#636466; margin-top:0px; margin-bottom:12px;}
#content-panel ul {list-style:none; margin:0; padding:0; margin-bottom:12px; line-height:1.5em;}
#content-panel ul.thumbNav li {background:url(../images/common/green-arrow.png) 0 3px no-repeat; margin:0; padding-left:12px; padding-bottom:4px;}
#content-panel a:link, #content-panel a:visited {color:#0083b5; text-decoration:none;}
#content-panel a:hover, #content-panel a:active {color:#000; text-decoration:underline;}
#content-panel div.row {width:100%; overflow:hidden; clear:left; margin-bottom:24px;}
#content-panel div.half-col {width:48%;}
#content-panel div.third-col {width:33%;}
#content-panel div.fourth-col {width:25%;}
#content-panel.bios div h3 {font-size:.8em;}
#content-panel div.leadership {font-size:85%; float:left; min-height:225px;}
#content-panel div.leadership h2, #content-panel div.leadership h3 {padding-right:12px;}
#content-panel div.leadership img {width:101px; height:124px; -ms-interpolation-mode: bicubic;}
#content-panel div.left {float:left;}
#content-panel div.right {float:right;}
div.pop-photo {width:160px; padding-right:10px; padding-left:10px; float:left;}
div.pop-photo img {width:135px; height:165px; margin-top:12px;}
div.pop-photo h2 {font-size:.85em; color:#00a147; margin-top:12px; margin-bottom:0px; text-transform:uppercase;}
div.pop-photo h3 {font-size:.85em; color:#636466; margin-top:0px; margin-bottom:12px;}
div.pop-bio {width:400px; float:left; padding-right:24px; font-size:1em; line-height:1.5em;}
#right-sidebar {width:171px; float:right; padding-top:32px; font-family:"Open Sans", Arial, Helvetica, sans-serif; }
img.button-join-us {margin-top:4px;}
#ir-sidebar h3 {color:#007fb3; text-transform:uppercase; margin:0; font-size:100%; letter-spacing:normal;}
#ir-sidebar ul {list-style:none; margin:0; padding:0; /* font-size:90%; added 2012-02-16 */ font-size:100%;}
#ir-sidebar ul li {padding-top:2px; margin:0;}
#ir-sidebar a:link, #ir-sidebar a:visited {color:#454648; text-decoration:none;}
#ir-sidebar a:hover, #ir-sidebar a:active {color:#007fb3;}
#careers-sidebar {margin-top:32px; padding-right:20px;}
#careers-sidebar h3 {color:#00a247; text-transform:uppercase; font-size:100%; letter-spacing:normal; margin:0;}
#careers-sidebar p {color:#454648; margin:0; font-size:90%;/* font-size:100%; padding-right:12px; added 2012-02-16 */}
#careers-sidebar a {color:#231f20; font-weight:bold; text-decoration:none;}
#careers-sidebar a:hover {color:#00a247;}
#assets-sidebar {width:170px; height:294px; /* was 60 */ margin-top:40px; background:url(../images/common/bg-sidebar-assets.png) no-repeat;}
#assets-sidebar p {padding:166px 32px 24px 12px; color:#fff; font-size:11px; line-height:14px;}
#rotating-sidebar {width:161px; /* was 60 */ margin-top:40px;}
#rotating-sidebar div.top {width:161px; height:155px;}
#rotating-sidebar div.mid {background:url(../images/rotating_sidebars/sidebar_bg.png) repeat-y; padding:10px 21px 5px 10px;}
#rotating-sidebar div.mid p {color:#fff; margin:0; padding:0; font-size:90%; line-height:normal; /* font-size:100%; line-height:1.5em; added 2012-02-16 */}
#rotating-sidebar div.mid a:link,#rotating-sidebar div.mid a:visited {color:#fff;}
#rotating-sidebar div.mid a:hover,#rotating-sidebar div.mid a:active {color:#3ec0fc;}
#rotating-sidebar div.mid a.more:link, #rotating-sidebar div.mid a.more:visited {color:#3ec0fc; font-weight:bold; text-decoration:none;}
#rotating-sidebar div.mid a.more:hover,#rotating-sidebar div.mid a.more:active {color:#fff;}
#rotating-sidebar div.bottom {background:url(../images/rotating_sidebars/sidebar_bottom.png) no-repeat; width:161px; height:26px;}
#home-banners {position:relative;}
div.caption {position: absolute; top: 30px; left: 24px; width: 305px; color: white; font-family:'Open Sans', sans-serif; font-weight:400; font-size:31px; line-height:35px; display: none; z-index:101;}
/*--DARK SITE STYLES --*/
#home_message {width:930px; height:227px; padding:15px; position:relative; background: url(../images/homepage/bg-maxted-hero.png) top right no-repeat; color:#fff;}
#home_message h1 {font-weight:400; font-size:30px; margin-bottom:0;}
#home_message h2 {font-weight:300; font-size:15px; line-height:1.2; margin-top:5px;}
#home_message p {font-weight:400; font-size:15px; line-height:26px; width:540px;}
#home_message a:link, #home_message a:visited {color:#00a247; text-decoration:none; text-transform:uppercase;}
#home_message a:hover, #home_message a:active {color:#2f97c3; text-decoration:none; text-transform:uppercase;}
#home_message #caption {width:140px; text-align:right; position:absolute; right:230px; bottom:20px; font-size:12px; line-height:14px;}
#home_message #caption span {color:#00a247; text-transform:uppercase; font-weight:600;}
/*--END DARK SITE STYLES--*/
#home-main {position:absolute; top:380px; left:308px; width:640px;}
#home-main p {margin:0; padding:0; font-size:120%; color:#0083b5; line-height:180%; margin-bottom:24px;}
#home-main p span {color:#00a247; font-weight:bold; text-transform:uppercase; font-size:100%;}
#home-doorways {position:relative; width:640px; height:140px; border-bottom:1px solid #939598;}
#home-doorways div {float:left; /* margin-right:18px; width:146px; */ width:164px; height:116px; cursor:pointer; font-size:105%;}
#home-doorways div.exploration {background:url(../images/homepage/doorway-exploration.png) no-repeat;}
#home-doorways div.exploration-text {display:none; position:absolute; top:120px; left:0; width:640px; height:178px; background:url(../images/homepage/bg-text-exploration.png) no-repeat;}
#home-doorways div.exploration:hover + div.exploration-text {display:block;}
#home-doorways div.operations {background:url(../images/homepage/doorway-operations.png) no-repeat;}
#home-doorways div.operations-text {display:none; position:absolute; top:120px; left:0; width:640px; height:178px; background:url(../images/homepage/bg-text-operations.png) no-repeat;}
#home-doorways div.operations:hover + div.operations-text {display:block;}
#home-doorways div.responsibility {background:url(../images/homepage/doorway-responsibility.png) no-repeat;}
#home-doorways div.responsibility-text {display:none; position:absolute; top:120px; left:0; width:640px; height:178px; background:url(../images/homepage/bg-text-responsibility.png) no-repeat;}
#home-doorways div.responsibility:hover + div.responsibility-text {display:block;}
#home-doorways div.careers {background:url(../images/homepage/doorway-careers.png) no-repeat; width:148px; margin-right:0;}
#home-doorways div.careers-text {display:none; position:absolute; top:120px; left:0; width:640px; height:178px; background:url(../images/homepage/bg-text-careers.png) no-repeat;}
#home-doorways div.careers:hover + div.careers-text {display:block;}
#home-doorways div.expanded-text p {padding-top:40px; font-size:1em; color:#636466; width:560px;}
#home-doorways div:hover +div.news {display:hidden;}
#home-news {width:370px; padding-right:30px; border-right:1px solid #939598; float:left; margin-top:12px; }
.is-cms #home-news {display:none;}
#home-news h3 {color:#00a247; font-size:100%; margin-bottom:4px; margin-top:0; line-height:normal; text-transform:uppercase; cursor:pointer;}
#home-news div.news-item {clear:left; line-height:normal; margin-bottom:4px; overflow:hidden;}
#home-news div.news-item div.news-date {color:#2f97c3; font-size:100%; float:left; width:60px;}
#home-news div.news-item div.news-headline {color:#636466; font-size:100%; float:right; width:310px; line-height:normal; cursor:pointer;}
#home-news div.news-item div.news-headline:hover {text-decoration:underline;}
#home-kosmology {float:left; margin-left:22px; width:215px; margin-top:12px;}
#home-kosmology h3 {color:#00a247; font-size:100%; margin-bottom:4px; margin-top:0; line-height:normal; text-transform:uppercase; cursor:pointer;}
#home-kosmology p {color:#636466; font-size:100%; line-height:normal;}
#home-kosmology a:link, #home-kosmology a:visited {text-decoration:none; color:#636466;}
#home-kosmology a:hover, #home-kosmology a:active {text-decoration:underline; color:#2f97c3;}
/* Legacy of Success Map Styles */
#success-map {position:relative; margin-top:12px; width:530px; height:353px; background:url(../images/maps/legacy-of-success_map.png);}
div.map-text {width:510px; height:46px; padding-top:8px; background:url(../images/maps/bg_slotmachine.png) no-repeat;position: absolute; top:10px; left:10px;}
div.map-text p {padding-left:10px; padding-right:10px; line-height:normal;}
div.map-text p.lower {padding-top:10px;}
#success-map #north-sea {position:absolute; top:114px; left:238px; width:18px; height:18px;}
#success-map #north-sea-image {display:none;}
#success-map #north-sea-image img {position:absolute; left:164px; top:113px;}
#success-map #north-sea:hover + #north-sea-image {display:block;}
#success-map #ghana {position:absolute; top:276px; left:229px; width:18px; height:18px;}
#success-map #ghana-image {display:none;}
#success-map #ghana-image img {position:absolute; left:154px; top:208px;}
#success-map #ghana:hover + #ghana-image {display:block;}
#success-map #guinea {position:absolute; top:286px; left:250px; width:18px; height:18px;}
#success-map #guinea-image {display:none;}
#success-map #guinea-image img {position:absolute; left:271px; top:211px;}
#success-map #guinea:hover + #guinea-image {display:block;}
#success-map #vietnam {position:absolute; top:245px; left:495px; width:18px; height:18px;}
#success-map #vietnam-image {display:none;}
#success-map #vietnam-image img {position:absolute; left:421px; top:180px;}
#success-map #vietnam:hover + #vietnam-image {display:block;}
#success-map #malaysia {position:absolute; top:278px; left:490px; width:18px; height:18px;}
#success-map #malaysia-image {display:none;}
#success-map #malaysia-image img {position:absolute; left:417px; top:211px;}
#success-map #malaysia:hover + #malaysia-image {display:block;}
#success-map #gulf {position:absolute; top:231px; left:22px; width:18px; height:18px;}
#success-map #gulf-image {display:none;}
#success-map #gulf-image img {position:absolute; left:42px; top:158px;}
#success-map #gulf:hover + #gulf-image {display:block;}
#success-map #columbia {position:absolute; top:288px; left:64px; width:18px; height:18px;}
#success-map #columbia-image {display:none;}
#success-map #columbia-image img {position:absolute; left:83px; top:222px;}
#success-map #columbia:hover + #columbia-image {display:block;}
#success-map #mauritania {position:absolute; top:232px; left:185px; width:18px; height:18px;}
#success-map #mauritania-image {display:none;}
#success-map #mauritania-image img {position:absolute; left:110px; top:163px;}
#success-map #mauritania:hover + #mauritania-image {display:block;}
#success-map #senegal {position:absolute; top:251px; left:185px; width:18px; height:18px;}
#success-map #senegal-image {display:none;}
#success-map #senegal-image img {position:absolute; left:110px; top:248px;}
#success-map #senegal:hover + #senegal-image {display:block;}
#footer {clear:left; background:url(../images/common/bg-internal-footer.png) no-repeat; height:80px; font-size:90%; padding-bottom:12px;}
#footer ul#footer-nav {list-style:none; padding-top:30px; margin:0; width:510px; float:left;}
#footer ul#footer-nav li {padding:0; margin:0; display:inline; float:left; padding-right:10px; margin-right:1px; background:url(../images/homepage/bg-footer-nav.png) no-repeat right;}
#footer ul#footer-nav li.last {background:none;}
#footer ul#footer-nav li a {color:#636468; text-decoration:none;}
#footer #copyright {float:left; width:200px; text-align:right; padding-top:30px;}
#footer #copyright a {color:#333; text-decoration:none;}
#home-footer ul#fnav {list-style:none; padding:0; margin:0; width:460px; float:left;}
#home-footer ul#fnav li {padding:0; display:inline; float:left; padding-right:10px; margin-right:1px; background:url(../images/homepage/bg-footer-nav.png) no-repeat right;}
#home-footer ul#fnav li.last {background:none;}
#home-footer ul#fnav li a {color:#636468; text-decoration:none;}
#home-footer #copyright {float:right; width:110px; text-align:right; padding-top:30px; margin-left:200px;}
#home-footer #copyright a {color:#333; text-decoration:none;}
/*SOCIAL ICONS IN FOOTER*/
#copyright p {margin:0 0 12px 0; float:right; line-height:13px;}
#copyright ul {float:right; list-style-type:none; margin:0 0 10px 0; padding:0;}
#copyright ul li {float:left; margin-left:8px;}
#copyright ul li a {display:block; width:20px; height:20px;}
#copyright ul li a.youtube {background:url(../images/common/youtube-color.jpg) no-repeat;}
#copyright ul li a.linkedin {background:url(../images/common/linkedin-color.jpg) no-repeat;}
#copyright ul li a.twitter {background:url(../images/common/twitter-color.jpg) no-repeat;}
#copyright ul li a.youtube, #copyright ul li a.linkedin, #copyright ul li a.twitter {background-position:0 0px;}
#copyright ul li a.youtube:hover, #copyright ul li a.linkedin:hover, #copyright ul li a.twitter:hover {background-position:0 -20px;}
.italic {font-style:italic; font-size:90%;}
/* temp styles */
.note {color:#ff0000;}
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
NAV
\*------------------------------------*/
#nav{
list-style:none;
/* Clear floats
float:left;
width:100%;*/
/* Bring the nav above everything else--uncomment if needed.
position:relative;
z-index:5;
*/
position:absolute; right:0px; bottom:0px; font-size:80%; color:#00a147; text-transform:uppercase; font-weight:bold; letter-spacing:normal;
z-index:20;
}
#nav li{
float:left;
position:relative;
padding-right:20px; margin-right:8px; background:url(../images/common/bg-top-nav.png) no-repeat right;
}
#nav li.last {margin-right:0; background:none;}
#nav a{
display:block;
color:#00a147;
text-decoration:none;
}
#nav a:hover{
color:#044874;
}
/*--- DROPDOWN ---*/
#nav ul{
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,.85); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
padding:6px;
padding-top:10px;
margin-left:-4px;
}
#nav ul ul{
position:relative;
left:-0; /* Hide off-screen when not needed (this is more accessible than display:none;) */
padding-left:6px;
padding-top:2px;
margin-left:0px;
background:none;
}
#nav ul ul li{
padding-top:2px; text-transform:none;
}
#nav ul li{
padding:0;
margin:0;
padding-top:5px; /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
letter-spacing:normal;
background:none;
font-weight:normal;
display:block;
}
#nav ul a{
/* white-space:nowrap; Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
width:100%;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
color:#044874;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
#nav li:hover ul li a{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
display:block;
color:#636466;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
color:#00a651;
}
#content-panel a.green-button, #profile-sheet-box a.pdf-button, #position-statement-box a.pdf-button, #business-principles-box a.pdf-button, #annual-report16-box a.pdf-button, #ceo-letter-box a.pdf-button, #hses-standard-box a.pdf-button {text-decoration:none; display:inline-block; float:left; width:72px; height:19px; padding:8px 0; margin:7px 10px 0 0; border:none; background:url(../images/common/bg-buttons-green.gif) no-repeat; font-size:10px; text-transform:uppercase; color:#fff; font-weight:bold; /* letter-spacing:1px; */ text-align:center; cursor:pointer;}
#content-panel a.green-button:hover, #profile-sheet-box a.pdf-button:hover, #business-principles-box a.pdf-button:hover, #ceo-letter-box a.pdf-button:hover, #position-statement-box a.pdf-button:hover, #hses-standard-box a.pdf-button {background-position:0 -100px;}
div.choose-language {color:#0083b5; float:left; margin-right:36px;}
#profile-sheet-box {min-width:465px;}
#profile-sheet-box p {color:#0083b5; position:relative; top:12px;margin-bottom:22px; }
#profile-sheet-box img {float:left; width:75px; margin-right:25px;}
#business-principles-box, #ceo-letter-box {min-width:365px;}
#business-principles-box p, #ceo-letter-box p {color:#0083b5; position:relative; top:22px; margin-bottom:72px; }
#business-principles-box img, #ceo-letter-box img {float:left; width:137px; margin-right:55px; margin-bottom:10px;}
#annual-report16-box, #ceo-letter-box {min-width:365px;}
#annual-report16-box p, #ceo-letter-box p {color:#0083b5; position:relative; top:22px; margin-bottom:172px; }
#annual-report16-box img, #ceo-letter-box img {float:left; width:137px; margin-right:15px; margin-bottom:0px;}
#annual-report16-box a {float:left; }
#hses-standard-box {min-width:435px;}
#hses-standard-box p {color:#0083b5; position:relative; left:0px; top:20px; margin-bottom:120px; }
#hses-standard-box img {float:left; margin-right:25px; margin-bottom:10px;}
#video-frame {border:1px solid #ccc; background:url(../video/poster.jpg) no-repeat; margin:20px 0; padding:0; }
#video-frame a {outline:none;}
object, embed {outline: none !important;}
.nobr {white-space:nowrap;}
table#hse {
width: 410px;
border: 0;
border-spacing: 0;
padding: 0 0 0 10px;
}
.leftcol {
float: left;
width: 346px;
font-size: 11px;
color: #0084b3;
text-transform: uppercase;
}
.rightcol {
text-align:right;
float: right;
width: 50px;
}
.head {
width: 400px;
font-size: 11px;
font-weight: bold;
color: #231f20;
margin-top: 12px;
padding-top: 10px;
margin-bottom: 0;
border-top:solid 1px;
border-top-color:#231f20;
}
.foot {
width: 400px;
font-size: 9px;
color: #000000;
padding-top: 10px;
border-top:solid 1px;
border-top-color:#231f20;
}
.border {
border-top:solid 1px;
border-top-color:#231f20;
}
table#society {
width: 250px;
border: 0;
border-spacing: 0;
padding: 0 0 0 10px;
}
.leftcol2 {
width: 148px;
height: 20px;
float: left;
margin-left: 0;
font-size: 11px;
color: #0084b3;
text-transform: uppercase;
}
.rightcol2 {
width: 88px;
height: 20px;
text-align:right;
float: right;
}
.head2 {
font-size: 11px;
font-weight: bold;
color: #231f20;
margin-top: 12px;
padding-left: 0;
padding-top: 0px;
margin-bottom: 0;
border-top:solid 1px;
border-top-color:#231f20;
}
table#tablefooter {
width: 238px;
border: 0;
margin-top: 10px;
margin-bottom: 0px;
}
.footleft2 {
font-size: 9px;
padding-left:0;
color: #000000;}
.footright2 {
font-size: 9px;
color: #000000;
margin-left: 0;
}
table#people {
width: 280px;
border: 0;
border-spacing: 0;
padding: 0 10px 0 10px;
}
.leftcol3 {
width: 220px;
float: left;
font-size: 11px;
color: #0084b3;
text-transform: uppercase;
}
.rightcol3 {
width: 36px;
text-align:right;
float: right;
}
.tophead3 {
font-size: 1em;
font-weight: bold;
color: #00a147;
margin-bottom: 0;
text-transform: uppercase;
}
.head3 {
font-size: 11px;
font-weight: bold;
color: #231f20;
margin-top: 12px;
padding-top: 10px;
margin-bottom: 0;
border-top:solid 1px;
border-top-color:#231f20;
}
.foot3 {
font-size: 9px;
color: #000000;
padding-top: 10px;
border-top:solid 1px;
border-top-color:#231f20;
}
.border2 {
border-bottom:solid 1px;
border-bottom-color:#231f20;
border-top:solid 1px;
border-top-color:#231f20;
}
.border3 {
border-bottom:solid 1px;
border-bottom-color:#231f20;
}
.people-top {
background-image:url(../responsibility/img/hr-table-bg-top.png);
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
}
.people-middle {
width:280px;
margin:0;
padding:0;
background-color: #e6e7e8;
}
.people-bottom {
background-image:url(../responsibility/img/hr-table-bg-bottom.png);
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
}
.society-top {
background-image:url(../responsibility/img/social-table-bg-top.png);
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
}
.society-middle {
width:260px;
margin:0;
padding:0;
background-color: #e6e7e8;
}
.society-bottom {
background-image:url(../responsibility/img/social-table-bg-bottom.png);
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
}
.hses-top {
background-image:url(../responsibility/img/hses-table-bg-top.png);
background-repeat:no-repeat;
height:15px;
margin:25px 0 0 0;
padding:0;
}
.hses-middle {
width:420px;
margin:0;
padding:0;
background-color: #e6e7e8;
}
.hses-bottom {
background-image:url(../responsibility/img/hses-table-bg-bottom.png);
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
}
#correspondence-links {
margin-top: 16px;
}
/*-----------Transparency - SEC Links--------------*/
#transparency-sec-links {
padding:24px;
}
#transparency-sec-links h2 {
font-size: 1.25em;
color: #00a147;
margin-top: 0px;
margin-bottom: 6px;
text-transform: uppercase;}
#transparency-sec-links h3, #correspondence-links h3 {
font-size:1em;
color:#231f20;
margin-top:12px;
margin-bottom:0;
}
#transparency-sec-links ul, #correspondence-links ul {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 12px;
line-height: 1.5em;
}
#transparency-sec-links li, #correspondence-links li {
background: url(../images/common/green-arrow.png) 0 3px no-repeat;
margin: 0;
padding-left: 12px;
padding-bottom: 4px;
}
#transparency-sec-links a:link, #transparency-sec-links a:visited, #correspondence-links a:link, #correspondence-links a:visited {
color: #0083b5;
text-decoration: none;}
#transparency-sec-links a:hover, #transparency-sec-links a:active, #correspondence-links a:hover, #correspondence-links a:active {
color:#000;
text-decoration:underline;}