/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, /*b,*/ u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit; */vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End Reset */

/* Utility Styles */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cufon-loading #header ul a, .cufon-loading h1, .cufon-loading h2 {visibility: hidden !important;}
:-moz-any-link:focus {outline: none;}

/* Global Styles */
body {background: #f6f5f0 url(/images/bg-body-slice.png) center top repeat-y;color: #333333;font: normal 12px Arial, Verdana, sans-serif; min-width: 960px;}

h1 {font-family: Humanist521Light, Arial;font-size: 30px;margin-bottom: 16px;color: #666666;}
h2 {font-family: Humanist521Light, Arial;font-size: 14px;margin: 10px 0;color: #003a4d;}
h3 {font-family: Humanist521Light, Arial;font-size: 12px;font-weight: bold;margin: 10px 0;color: #333333;}

#content .content sup { font-size: 10px; vertical-align: super; }
#content .content sub { font-size: 10px; vertical-align: sub; }

span.italic {font-style:italic}
strong {font-weight: bold;}
a:hover {cursor: pointer;}
a:active {outline: none;}

/* Body Background Images */

/* Fix for ipad, devices that were shrinking body bgs */
@media only screen and (max-device-width: 1024px) {body {-webkit-background-size: 1400px 1800px;}}

body {background: #5A5126 url(/images/backgrounds/secondary.jpg) top center no-repeat; }
body.section-investors {background: #39542B url(/images/q1-2016.jpg) top center no-repeat;}
body.section-news-stories {background: #454136 url(/images/backgrounds/news-stories01.jpg) top center no-repeat;}
body.section-careers {background: #2C5F73 url(/images/backgrounds/careers.jpg) top center no-repeat;}
body.section-sustainability { background: #486e21 url(/images/bg-sustainability-landing.jpg) top center no-repeat; }
/* body.section-communities { background: #7d6250 url(/images/backgrounds/communities4.jpg) top center no-repeat; } */
/*body.section-communities { background: #39542b url(/images/backgrounds/communities.jpg) top center no-repeat; } */
/*body.section-communities { background: #774d3f url(/images/backgrounds/communities2.jpg) top center no-repeat; } 
body.section-communities { background: #403e24 url(/images/backgrounds/communities5.jpg) top center no-repeat; }*/
body.section-communities { background: #4b4f1a url(/images/backgrounds/communities6.jpg) top center no-repeat; } 

/* Header */
.top-bar {background-color: #104d65;height: 9px;width: 100%;}
#header {background: transparent url("/images/bg-header-tile.jpg") 0 0 repeat-x;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; -webkit-box-shadow: 3px 3px 8px -2px #585a5a;-moz-box-shadow: 3px 3px 8px -2px #585a5a;box-shadow: 3px 3px 8px -2px #585a5a;height: 94px;margin: 0 auto; margin-top: 17px;position: relative;width: 960px;z-index: 4;}a#logo {display: block;float: left; width: 136px;height: 48px;/*text-indent: -9999px;*/margin: 25px 49px 0 20px;}

/* Navigation Section */
#nav {float: left; height: 94px;width: 754px;}

/* Secondary Nav */
ul.nav-secondary {float: left;height: 24px; margin: 22px 0 2px 90px;}
ul.nav-secondary li {display: inline-block;padding: 0 30px 0 0;}
ul.nav-secondary li.last {padding-right: 12px;}
ul.nav-secondary li a:link, ul.nav-secondary li a:visited {color: #868686;font-size: 11px;	text-decoration: none;text-transform: uppercase;}
ul.nav-secondary li a.active, ul.nav-secondary li a:hover {color: #006d91 !important;}
ul.nav-secondary li ul {display: none;}

/* Search */
/* MT#2494300 changed left and right margins to auto*/
.search-box {border: 1px solid #b0b0b0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; float: left;height: 22px;margin: 13px auto 0 auto;width: 200px;}
.search-box input#search-input {background: transparent url("/images/bg-search-box.jpg") 0 0 repeat-x;border: 0 none;color: #666;float: left;font: normal 11px Arial, Verdana, sans-serif;height: 22px;line-height: 22px;padding: 0 5px 0 9px;width: 164px;}
.search-box input#search-query {background: transparent url("/images/bg-search-box.jpg") 0 0 repeat-x;float: left;height: 14px;padding-top: 4px;width: 21px;}

.hr { background-color: #d3dcdd; height: 1px; margin-left: 33px; width: 710px; }
.hr hr { display: none; }

/* Main Nav */ul.nav-main { height: 46px; margin-left: 33px; }
ul.nav-main li { float: left; }
ul.nav-main li.invest,ul.nav-main li.news,ul.nav-main li.work,ul.nav-main li.sustainability {background: url(/images/bg-menu-primary-divider.gif) no-repeat right -1px;}
ul.nav-main li a.primary { display: block; height: 46px; font-size: 16px; padding: 10px 21px 0 21px; color: #006d91; text-decoration: none;}
ul.nav-main li a.primary:hover, ul.nav-main li a.active, ul.nav-main li a.roll {background: transparent url(/images/bg-menu-active.jpg) no-repeat right 1px;}
ul.nav-main li.communities a.roll, ul.nav-main li.communities a.primary:hover, ul.nav-main li.communities a.active, ul.nav-main li.communities a.primary {background-position: 0 1px; padding: 10px 16px 0 21px; height: 36px; -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; }

/* Mega Dropdown */
.dropdown {background: url(/images/bg-menu-dropdown.png) left top no-repeat;color: #ffffff;-moz-border-radius: 6px 6px;-webkit-border-radius: 6px 6px;border-radius: 0 0 6px 6px;display: none; height: 285px;left: 0;position: absolute;top: 86px;width: 960px;z-index: 999;margin-top: 0px;	}
.dropdown .arrow {width: 16px;height: 10px;position: absolute;left: 293px;top: 6px;background: url(/images/bg-menu-active-arrow.png) no-repeat;}

ul.nav-main li.invest .dropdown {height: 300px;}
ul.nav-main li.invest .dropdown .arrow {left: 293px;}
ul.nav-main li.news .dropdown {height: 310px;}
ul.nav-main li.news .dropdown .arrow {left: 422px;}
ul.nav-main li.work .dropdown {height: 190px;}
ul.nav-main li.work .dropdown .arrow {left: 567px;}
ul.nav-main li.sustainability .dropdown {height: 190px;}
ul.nav-main li.sustainability .dropdown .arrow {left: 693px;}
ul.nav-main li.communities .dropdown {height: 240px;}
ul.nav-main li.communities .dropdown .arrow {left: 837px;}
ul.nav-main li .dropdown .dropdown-column-1 {float: left; width: 492px;}
ul.nav-main li .dropdown .dropdown-column-1 ul.ul-column {float: left;margin: 30px 0 5px 30px;width: 205px;}
ul.nav-main li.communities .dropdown .dropdown-column-1 ul.ul-column { width: auto;	}
.dropdown .dropdown-column-1 ul.ul-column li {float: none;margin-bottom: 25px;}
li.sustainability .dropdown .dropdown-column-1 ul.ul-column li {width: 170px;}
.dropdown .dropdown-column-1 ul.ul-column li.no-sub-items {margin-bottom: 8px;}
.dropdown .dropdown-column-1 ul.ul-column li a:link, .dropdown .dropdown-column-1 ul.ul-column li a:visited, .dropdown .dropdown-column-1 ul.ul-column li a:active { color: #ffffff;font: bold 14px Arial;text-decoration: none;}
.dropdown .dropdown-column-1 ul.ul-column li a:hover {color: #ee5907;}
.dropdown .dropdown-column-1 ul.ul-column li ul { padding: 6px 0 0 10px; }
.dropdown .dropdown-column-1 ul.ul-column li ul ul { display: none; }
.dropdown .dropdown-column-1 ul.ul-column li ul li { margin-bottom: 6px; }
.dropdown .dropdown-column-1 ul.ul-column li ul li a:link,
.dropdown .dropdown-column-1 ul.ul-column li ul li a:visited,
.dropdown .dropdown-column-1 ul.ul-column li ul li a:active { color: #a9c7d1;font: normal 12px Arial;}
.dropdown .dropdown-column-1 ul.ul-column li ul li a:hover { color: #ee5907; }
.dropdown .dropdown-column-2 {-moz-border-radius: 0 0 6px 0px;-webkit-border-radius: 0 0 6px 0px;border-radius: 0 0 6px 0px;	float: left;height: 100%;width: 468px;	}
.dropdown .dropdown-column-2 div.one-column, .dropdown .dropdown-column-2 div.two-column {padding-left: 30px;}
.dropdown .dropdown-column-2 strong {color: #ffffff;display: block;font: normal 20px Arial;margin: 23px 0 26px 28px;}
li.news .dropdown .dropdown-column-2 strong {margin: 23px 0 20px 28px;}
.dropdown .dropdown-column-2 div img {background-color: #8ca639;display: block;float: left;height: 75px;margin-right: 20px; width: 140px;}
.dropdown .dropdown-column-2 div.two-column div { float: left;margin-bottom: 30px;}
.dropdown .dropdown-column-2 div.one-column div.content { width: 395px;margin-bottom: 15px;}
.dropdown .dropdown-column-2 div.two-column div.content {width: 255px;height: 75px;}.dropdown .dropdown-column-2 div.two-column div.content a {}
.dropdown .dropdown-column-2 div div.content {color: #a9c7d1;/*height: 100px;*/}
.dropdown .dropdown-column-2 div div.content a:link, .dropdown .dropdown-column-2 div div.content a:visited, .dropdown .dropdown-column-2 div div.content a:active {background: transparent url("/images/icon-orange-plus.png") right 3px no-repeat !important;color: #ffffff;font: bold 13px Arial;padding-right: 15px;text-decoration: none;}
li.communities .dropdown .dropdown-column-2 div div.content a:link, .dropdown .dropdown-column-2 div div.content a:visited, .dropdown .dropdown-column-2 div div.content a:active {background: transparent url("/images/icon-orange-plus.png") right 3px no-repeat !important;margin-top: 0;padding-left: 0;	}
.dropdown .dropdown-column-2 div div.content a:hover { color: #ee5907; }
.dropdown .dropdown-column-2 div div.content p { padding-top: 6px; }
/* End Main Nav *

/* Content & Banner */
#content, #banner {width: 928px;margin: 0 auto;margin-top: 26px;margin-bottom: 20px;padding: 16px;}
#content {min-height: 500px;background-color: #ffffff;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; border: 1px solid #ccc;margin-bottom: 25px;}
#banner { height: 300px; }
#banner div { margin: 90px 0 0 330px; width: 545px; position: relative; }
span.quote-left { background: transparent url(/images/sprites.png) -284px -60px no-repeat; display: inline-block; height: 58px; width: 65px; margin-left: -36px; float: left; margin: 0 10px 0 0; }
span.quote-right {background: transparent url(/images/sprites.png) -349px -68px no-repeat; display: inline-block; height: 16px; width: 41px;}
span.quote-right-small {background: transparent url(/images/sprites.png) -349px -68px no-repeat; display: inline-block; height: 16px; width: 25px;}
span.quote-left-medium {background: transparent url(/images/sprites.png) -547px -68px no-repeat; display: inline-block; height: 40px; width: 53px;}

div.clearBoth{clear:both;}
div.clearLeft{clear:left;}

#banner h1 {font-size: 42px; color: #14445e;}
#banner p {font: 24px/24px Humanist521Light, Arial; color: #333333;}
a.callout-btn, .static-promo-home a, #banner a, #content .content .callout a.callout-btn, #content .content .callout annual-2011 a.callout-btn, #content .content .callout cr-2011 a.callout-btn, #slide-1 a, .home .slide a, form.searchjobs input.submit, #stock-chart-form input.submit, form.searchjobs a, #content #featured .featured-item .link-bottom-opportunities a, .careers .items a {display: block;position: absolute;background: url(/images/sprites.png) -110px -466px no-repeat;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; color: #ffffff;font: 18px/18px Arial;height: 25px;width: 205px;padding: 5px 0 0 13px;text-decoration: none;}

a.callout-btn, .static-promo-home a:hover, #banner a:hover, #content .content .callout a.callout-btn:hover, #slide-1 a:hover, .home .slide a:hover, form.searchjobs input.submit:hover, form.searchjobs a:hover,  #content #featured .featured-item .link-bottom-opportunities a:hover {background-position: -110px -501px;}


/* Code added to cascade button styles to the refreshed NGE page */
.nge-landing .slide a {display: block;position: absolute;background: url(/images/sprites.png) -110px -466px no-repeat;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; color: #ffffff;font: 18px/18px Arial;height: 25px;width: 205px;padding: 5px 0 0 13px;text-decoration: none;}
.nge-landing .slide a:hover {background-position: -110px -501px;}


.banner-map #banner {height: auto; padding: 0; width: 960px; margin-bottom: 0;}
.banner-map #content {margin-top: 20px;} 
.banner-map #banner iframe {width: 960px; height: 445px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; overflow: hidden;}
.page-encana-community-map.banner-map #banner iframe {height: 475px;}
/* End Banner */

/* Landing Page */
#content #featured {height: 310px;border-bottom: solid 1px #cccccc;padding-bottom: 17px;margin-bottom: 14px;}
#content #featured div, #content #buckets div.row div {float: left;width: 362px;}
#content #featured div.featured-item {padding: 0 15px;width: 590px;}
#content #featured div.featured-item.row-end {margin-left: 15px;border-left: solid 1px #cccccc;width: 362px;padding: 0 0 0 15px;}
#content #featured div.featured-item.stories {width: 520px; }
#content #featured div.stock {width: 500px; padding: 0 0 0 15px; }
#content #featured h2 {font: 32px/32px Humanist521Light, Arial;color: #333333;margin: 0 0 15px 0;}
#content #featured h3 {font: 20px/20px Humanist521Light, Arial;color: #333333;margin: 5px 0 0 0;}
#content #featured #stock-chart {float: none;margin-bottom: 15px;width: 280px;height: 234px;}
#content #featured .ticker {float: right;width: 200px;height: 260px;margin-top: 40px;}
#content #featured div.news-releases { width: 360px; }
#content #featured div.news-releases ul li {float: left;}
#content #featured div.news-releases div.news-date{border: 1px solid #003a4d;width: 60px;text-transform: uppercase;font-size: 20px;color: #003a4d;text-align: center;padding: 3px;line-height: 28px;margin: 0 10px 0 0;float: left;}
#content #featured div.news-releases div.news-date span {font-weight: bold;font-size: 30px;display: block;}
#content #featured div.news-releases ul.news-items p {color: #666666;}
#content #featured div.news-releases .items a {background: none;padding: 0;font-size: 12px;}
#content ul#buckets {list-style: none; padding: 0; width: auto; margin: 0;}
#content #buckets li {background: url(/images/sprites.png) 10px -642px no-repeat;padding: 30px 14px 0 12px;border-right: solid 1px #cccccc;margin-bottom: 18px;width: 280px;display: inline-block;vertical-align: top;height: 220px;}
#content #buckets li ul li {height: auto;}
#content #buckets li.has-image { background: none; padding-top: 0; height: 310px;}
#content #buckets li.row-end {border: none; padding-right: 0;}
#content #buckets.secondary li {width: 316px; padding: 0 15px 0 0;}
#content #buckets.secondary li.row-end {padding: 0 0 0 15px;}
#content #buckets img {display: block; margin-bottom: 20px;}
#content #buckets h2, #content #profiles h2 {color: #333333; font: normal 20px Arial; margin-top: 0;}
#content #buckets p, #content #buckets a, #content #featured a {font-size: 12px;}
#content #buckets a:hover, #content #featured a:hover {color: #666666;}
#content #buckets p {color: #999999; margin-bottom: 7px; line-height: 20px;}
#content #buckets .has-image a, #content #featured a, .home #buckets a.featured, #content p.bigarrow a {background: url(/images/bg-arrow-right-large.png) right 2px no-repeat;padding: 0 25px 0 0;font-size: 14px;}
#content #featured a.no-arrow {background: none; font-size: 12px; float: right; padding: 0;}
#content #buckets .has-image a:hover, #content #featured a:hover, #content p.bigarrow a:hover {background-position: right -16px; color: #666666;}
.home #buckets a.featured:hover {color: #e15204;}
#content #buckets li a.twitter, #content #buckets li a.email, #content #buckets li a.facebook {display: inline-block; height: 20px; padding: 5px 0 0 35px; line-height: 16px;}
#content #buckets li a.email { background: url(/images/sprites.png) -888px -101px no-repeat; }
#content #buckets li a.twitter {background: url(/images/sprites.png) -888px -133px no-repeat;} 
#content #buckets li a.facebook {background: url(/images/sprites.png) -888px -165px no-repeat; }  
#content #buckets .top-news, #content #buckets .connect {padding: 0; list-style: none;}
#content #buckets .connect li {padding: 6px 0;}
#content #buckets li ul li {font-size: 11px;color:  #999999;margin: 0;padding: 0;min-height: 0;border: none;background: none;}
#content #buckets ul.top-news li { margin-bottom: 8px;}
#content #buckets ul.top-news li a {display:  block;color:  #14445E;margin-bottom: 5px;font-size: 12px;line-height: 15px;}
#content #buckets ul.top-news li a:hover {color: #666666;}
#content #buckets div:last-child {padding-right: 0;border-right: none;}
#content #columns .content a.has-no-image {background-image:none; font-size:12px;}
/* End Landing Page */

/* Main Content Block */
#content .content {float: right; width: 678px; margin-top: 0px; min-height: 450px; padding-bottom: 20px;padding-top: 16px; background: transparent url(/images/bg-content-slice.jpg) right top repeat-y;}
.one-wide-column #content .content { margin: 0px 0 0 14px; width: 640px; float: left; width: 915px;}
.one-wide-column-insider #content .content { margin: 0px 0 0 0; background:none; float:left;width: 915px;}
body.landing #content .content {float: none; width: 100%; margin: 0; background: 0 none; padding-top: 0; }
.no-extend-related #content .content { background: 0 none; }
#content .content p, #content .content ul li, #content .content ol li {margin-bottom: 9px; line-height: 18px; color: #666666;}
.news-release-details #content .content pre, .news-release-details #content .content pre p {color: #666666; font-family: monospace; width: 648px;}
.news-release-details #content .content pre  {white-space: pre-wrap}
.news-release-details #content .content pre p {white-space: normal;}
#content .content dl li {margin-bottom: 0;}
#content .content ol li ul li {margin-right: 20px;}
#content .content p {width: 420px;}
.no-extend-related #content .content p {width: auto; margin-right: 30px;}
.one-wide-column #content .content p {width: 640px;}
.one-wide-column #content .content .related p {width: auto;}
#content .content p.disclaimer {font-size: 10px; color: #999999;}
#content .content p.disclaimer a {font-size: 10px; }
#content .content ul p {width: auto;}
#content a { font-size: 12px; color: #e15204; text-decoration: none; }
#content ul, #content ol {margin-bottom: 10px;}
#content .content dl ul,#content .content dl ol {margin-bottom: 0;}
#content ol {list-style: decimal; margin-left: 15px;}
#content li {margin-top: 7px; color: #666666; }
#content .content img.detail {margin: 0 0 25px 0;}
#content .content ol, #content .content ul { margin-bottom: 15px; width: 410px; }
#content .content ul ul {width: 380px;}
.no-extend-related #content .content ol, .no-extend-related #content .content ul {width: auto;}
#content a:hover {color: #666666;}
#content .content ol { padding-left: 16px; margin-left: 0; list-style: decimal outside none; } 
#content .content ul,#content .community-news ul { padding-left: 20px; list-style: disc outside none; }
#content .content .related ol, #content .content .related ul { list-style: none; padding-left: 0; width: auto; }
#content .content dl dt, #content .content dl dd {color: #666666;  line-height: 18px;}
#content .content dl.faq-list { width: 410px; }
#content .content dl.faq-list dt { font-weight:bold; padding-bottom: 4px; }
#content .content dl.faq-list dd { padding-bottom: 20px; }

/** Smaller Orange Callout button in middle rail - example: investors/contact **/
#content .content div.copy-callout {border-bottom: 1px solid #cecece; padding: 0 0 30px 0; width: 423px; margin: 15px 20px 20px 0;}
#content .content p.copy-callout {padding: 0 0 10px 0; margin: 8px 0 2px 0;}
#content .content .copy-callout a.callout-btn, form input.submit {display: block;position: absolute;background: url(/images/sprites.png) -136px -411px no-repeat;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; color: #ffffff;font: 12px Arial;height: 15px;width: 150px;padding: 3px 0 2px 13px;text-decoration: none;}
#content .content .copy-callout a.callout-btn:hover {background-position: -136px -439px;}

/* Breadcrumb, Text/Print, and Share Icons */
#content #pane-nav { border-bottom: solid 4px #cccccc; width: 913px; height: 27px; padding: 0 0 0 15px; }
#content #pane-nav ul li {display: inline;}
#content #pane-nav div {float: left;}
#content #pane-nav div.breadcrumb {width: 683px; margin: -5px 0 0 0; }
#content #pane-nav div.text-print {width: 85px;}

/* Overrides for Default AddThis icons */
#content #pane-nav div.share {width: 120px; float: right;}
#content #pane-nav div.share .addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {margin-right: 0;}
#content #pane-nav div.share .addthis_default_style .at300b, .addthis_default_style .at300m {padding: 0; margin: 0 2px 0 3px; width: 16px;}
#content #pane-nav div.share .addthis_default_style a {background: transparent url(/images/share-icons.png) no-repeat 0 0;}
#content #pane-nav div.share .addthis_default_style .at300bs {background: none;}
#content #pane-nav div.share .addthis_default_style .addthis_button_twitter {background-position: -22px -18px;}
#content #pane-nav div.share .addthis_default_style .addthis_button_twitter:hover {background-position: -22px 0; opacity: 1; }
#content #pane-nav div.share .addthis_default_style .addthis_button_facebook {background-position: 0 -18px;}
#content #pane-nav div.share .addthis_default_style .addthis_button_facebook:hover {background-position: 0 0; opacity: 1; }
#content #pane-nav div.share .addthis_default_style .addthis_button_email {background-position: -43px -18px;}
#content #pane-nav div.share .addthis_default_style .addthis_button_email:hover {background-position: -43px 0; opacity: 1; }
#content #pane-nav div.share .addthis_default_style .addthis_button_compact {background-position: -85px -18px; margin: 0 0 0 3px;}
#content #pane-nav div.share .addthis_default_style .addthis_button_compact:hover {background-position: -85px 0; opacity: 1; }
#content #pane-nav div.share span.share-title {color: #999999; padding: 0 5px 0 0; float: left; font-size: 11px; margin: 3px 0 0 0;}
#content #pane-nav div.breadcrumb ul {margin: 0;}
#content #pane-nav div.breadcrumb li { display: inline-block; background: url(/images/sprites.png) -887px -1px no-repeat; padding: 0 6px 5px 17px; margin: 0; line-height: 25px; }
#content #pane-nav div.breadcrumb li:first-child { background: none; padding-left: 0; }
#content #pane-nav div.breadcrumb li, #content #pane-nav div.breadcrumb li a { color: #999999; text-decoration: none; font-size: 11px; }
#content #pane-nav div.breadcrumb li a:hover {color: #E15204;}
#content #pane-nav div.text-print ul, #content #pane-nav div.text-print li {margin: 0;}
#content #pane-nav div.text-print a { display: inline-block; text-align: left; text-indent: -9999px; background: url(/images/sprites.png) no-repeat; height: 19px; width: 19px; }
#content #pane-nav div.text-print a#resize-small {background-position: -155px -31px; width: 17px;}
#content #pane-nav div.text-print a#resize-large {background-position: -175px -31px; width: 29px;}
#content #pane-nav div.text-print a.print {background-position: -204px -31px;}
#content #pane-nav div.text-print a#resize-small:hover {background-position: -155px -53px; width: 17px;}
#content #pane-nav div.text-print a#resize-large:hover {background-position: -175px -53px; width: 29px;}
#content #pane-nav div.text-print a.print:hover {background-position: -204px -53px;}

/* Section Nav */
/* First Level */
#content .section-nav {float: left;width: 205px; margin-top: 25px; padding: 0 30px 0 14px;}
#content .section-nav li { padding: 10px 0 10px 0;  border-bottom: solid 1px #cccccc; margin: 0; }
#content .section-nav li a { display: inline-block; font-size: 12px; color: #666666; text-decoration: none; }
#content .section-nav li a:hover {color: #003a4d; font-weight: bold;}
#content .section-nav li.active > a { color: #003a4d; font-weight: bold; }
#content .section-nav li.collapsible.active a {background: transparent url(/images/subnav-blue-arrow.gif) no-repeat right 6px; padding-right: 15px;}
/* Second Level */
#content .section-nav li ul li { border-bottom: none; padding: 4px 0 4px 11px;}
#content .section-nav li.collapsible ul { display: none; }
#content .section-nav li.collapsible.active ul { display: block; margin: 9px 0 0 0; }
#content .section-nav li.active a:hover {color: #003a4d; font-weight: bold !important;}
#content .section-nav li.collapsible.active a:hover {color: #003a4d; font-weight: normal;}
#content .section-nav li.collapsible.active ul li a {background: none; padding: 0 0 0 5px; color: #999999;}
#content .section-nav li.collapsible.active ul li a:hover {color: #003a4d; font-weight: normal !important;}
#content .section-nav li.collapsible.active ul li.active a, 
#content .section-nav li.collapsible.active ul li.active ul li.active a  {color: #003a4d; font-weight: normal;}
/* Third Level */
#content .section-nav li.collapsible.active ul li ul {display: none;}
#content .section-nav li.collapsible.active ul li ul li {color: #999999; display: block; padding-left: 20px; background: url(/images/bg-section-nav-list-item.jpg) 8px 4px no-repeat;}
#content .section-nav li.collapsible.active ul li.active ul {display: block; /*margin: 0;*/}
#content .section-nav li.collapsible.active ul li.active ul li.active {/*list-style-type: disc; list-style-position: inside;*/ color: #003a4d;}
#content .section-nav li.collapsible.active ul li.active ul li a {color: #999999; width: 160px;}
#content .section-nav li.collapsible.active ul li.active ul li a:hover {color: #003a4d; font-weight: normal;}
#content .section-nav li.active ul li.active { background: transparent; padding: 4px 0 4px 
10px; line-height: 14px; }
#content .section-nav li.collapsible.active li a.current {display: inline-block; width: 90%; margin: 0 0 0 -20px; padding: 5px 0 5px 25px; background-image: linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -o-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -moz-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -webkit-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -ms-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.49, rgb(241,238,231)), color-stop(0.95, rgb(254,254,254)) );}

body.no-bg-left-nav #content .section-nav li.collapsible.active li a.current {background-image:none!important;}

#content .section-nav ul.atlanticsub {display: none;}
#content .section-nav ul.djmenu {display: none;}
#content .section-nav ul.piceancemenu {display: none;}
/* End Section Nav */

/* Right-rail "Related" Content */
#content .content .related { float: right; width: 203px; padding: 15px 15px 25px 15px; }
#content .content .related a {line-height: 15px;}
#content .content .related a.mapthumb {display: block; margin: -15px 0 15px -15px;}
#content .content .related div * {margin-left: 1px;}
#content .content .related div h3, #content .content .related div h3 * {margin-left: 0;}
#content .content .related h3 {font: 18px Humanist521Light, Arial !important; color: #333333; margin: 0 0 10px 0;}
#content .content .related h3.divider { border-top: 1px solid #dbdbdb; margin-top: 17px; padding-top: 25px; }
#content .content .related img.dyk-image {margin: 5px 0 10px 0;}
#content .content .related div {margin: 0 0 35px 0;}
#content .related li a.twitter, #content .related li a.email, #content .related li a.rss, #content .related li a.facebook, #content .related li a.youtube, #content .related li a.linkedin {display: inline-block; background: url(/images/sprites.png) -888px -101px no-repeat; height: 20px; padding: 5px 0 0 35px;} 
#content .related li a.twitter {background-position: -888px -134px;}
#content .related li a.rss {background-position: -889px -200px;}
#content .related li a.facebook {background-position: -888px -168px;}
#content .related li a.youtube {background-position: -888px -231px;}
#content .related li a.linkedin {background-position: -889px -262px;}
#content .content .related p {width: 210px;}
#content .content .related ul {margin: 0 0 20px 0;}
#content .content .related li {margin: 5px 0;}
#content .related p.title { color: #003a4d; margin: 10px 0 5px 0; line-height: 15px; font-size: 12px;}
#content .related p.date {color: #999999; margin: 0 0 15px 0; line-height: 15px; font-size: 12px;}
#content .content .related p.title a { color: #003a4d; }
#content .content .related p.title a:hover {color: #666666;}

/* Right Rail includes have thumb lists and PDF lists as well */
#content .content .related .thumb-list li {min-height: 55px; width: 205px; float: none; padding: 0;}
#content .content .related .thumb-list li img {margin: 0 10px 10px 0; width: 74px; height: 44px;}
#content .content .related .pdf-list {margin: 0;}

/* Callout Block */
#content .content .callout { height: 264px; width: 677px; margin-bottom: 25px; margin-top: 0px; background: #fff url(/images/bg-callout-default.jpg) right 0px no-repeat; }
#content .content .callout div { padding: 70px 0 0 28px; }
#content .content .callout img {float: right; margin: 15px 55px 0 0;}#content .content .callout p {margin: 20px 0; color: #484848; width: 360px;}
#content .content .callout p.title {font: 24px/24px Humanist521Light, Arial; color: #14445e; margin: 0 0 8px 0;}
#content .content .callout p.subtitle {font: 18px/18px Humanist521Light, Arial; color: #333333; margin: 0 0 5px 0;}
.no-top-callout-related #content .content .callout { height: 354px; width: 678px; margin-bottom: 25px; margin-top: -70px; background: #fff url(/images/bg-callout-default.jpg) right 90px no-repeat; }
.no-top-callout-related #content .content .callout div { padding: 170px 0 0 28px; }
.no-top-callout-related #content .content .callout img {float: right; margin: 105px 55px 0 0;}
.annual-report-main #content .content .annual-2011 {height: 265px; width: 678px; margin-top: 10px; background: #fff url(/images/investors/financial-information/annual-main-img.jpg) no-repeat; }

/* Generic Content Styles */
#content .content h2 {color: #333333; margin: 22px 0 10px 0; font-size: 18px; }
#content .content h3 {color: #333333; font-weight: bold; font-size: 12px; }
#content .content a.pdf {padding-left: 20px; height: 15px; background: url(/images/sprites.png) -885px -298px no-repeat;}

/* Apple Overlay for Modal Windows */
/* the overlayed element */
.apple_overlay {display:none;background-color: #ffffff;background-image: url(/images/modal-bg.gif);-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;width:640px;padding:15px;}

/* default close button positioned on upper right corner */
.apple_overlay .close {background-image:url(/images/modal-close.png);position:absolute; left:-18px; top:-18px;cursor:pointer;height:35px;width:35px;}

.apple_overlay { background-color: #000; background-image: url(/images/2px.png) !important;}
.apple_overlay p.overlay-title { color: #fff; font: bold 14px Arial !important; padding: 15px 0; }
.apple_overlay p { color: #999; font: normal 12px Arial; padding-bottom: 15px; }

/* Additional CSS to make sure the style is consistent when opened from the right-rail */
#content #columns .content .related .apple_overlay .player-wrap p.overlay-title { color: #fff; width:100%; padding-bottom:5px;}
#content #columns .content .related .apple_overlay .player-wrap p.overlay-description { width:100%; padding:0;}
#content #columns .content .related .apple_overlay .player-wrap { margin:0;}

/* Accordion Style */
#content .content .accordion { padding: 0; list-style: none; margin: 10px 0 40px 0; }
#content .content .accordion li { margin: 0; width: 424px;}
#content .content .accordion li.first a.heading {border-top: solid 1px #cccccc;}
#content .content .accordion li.open, #content .content #tabs .accordion li.open {border-bottom: solid 1px #cccccc;}
#content .content .accordion li.open .accordion-content {display: block;}
#content .content .accordion li.close .accordion-content {display: inline}
#content .content .accordion li .accordion-content {padding: 6px 0 15px 10px;}
#content .content .accordion li.open a.heading {background-position: 15px -28px;}
#content .content .accordion a.heading span {color: #999999;}
#content .content .accordion a.heading {display: block; border-bottom: solid 1px #cccccc; color: #333333;
text-decoration: none; padding: 9px 0 9px 30px; background: #f6f5f0 url(/images/bg-arrow-small-orange.gif) 15px 14px no-repeat;}
#content .content .accordion a.heading:hover {background-color: #e8e3d6;}
#content .content #tabs .accordion a.heading table thead {border-bottom: none; border-top: none;}
#content .content #tabs .accordion a.heading table thead td {padding: 0; border-top: none; border-bottom: none;}
#content .content .accordion li ol li {width: auto; margin-bottom: 7px;} 
#content .content .accordion li ul li{width: 380px; margin-bottom: 7px;}
.no-extend-related #content .content .accordion li ul li{width: auto; margin-right: 30px;}

#content .content table thead td {color: #333333; padding: 10px 0; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #f6f5f0;}
#content .content table thead h2, #content .content table thead h3 {margin: 0;}
#content .content table tbody h2, #content .content table tbody h3 {margin: 0;}
#content .content table tbody td {color: #666666; padding: 10px 0; background-color: transparent; border-right: none;}
#content .content table td.rowlabel {font-weight: bold; /*padding: 10px 0 10px 10px;*/}
#content .content table td p {width: auto;}

/* Operations Content Table */
#content .content table.operations thead {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #f6f5f0;}
#content .content table.operations thead td {color: #333333;}
#content .content table.operations td {color: #666666; padding: 10px 0; text-align: center; }

/* Standard Form Styling */
#content .content form {border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 20px 0; margin: 20px 0; width: 420px;}
form label { display: block; margin: 0 10px 0 0; width: 120px; text-align: right; padding-top: 0; color: #333333;}
form fieldset {padding: 10px 0; display: block; }
form fieldset input, form fieldset textarea {font-size:12px; font-family: Arial; width: 275px; height: 22px; padding-top:3px; display: block; border: solid 1px #cccccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: inset 1px 1px 1px 0 #cccccc; -moz-box-shadow: inset 1px 1px 1px 0 #cccccc; box-shadow: inset 1px 1px 1px 0 #cccccc;}
form fieldset textarea {height: 50px; resize: none;}
form fieldset input.phone,form fieldset input.date,form fieldset input.number {width: 135px;}
form fieldset label.radio, form fieldset input.radio {display: inline; width: auto;}
form input.submit {border: none;position: relative;text-align: left;width: 100px;background-position: -200px -411px;height: 20px;cursor: hand;cursor: pointer;padding-top: 2px; margin-left: 130px;}
/* KOMIE ROAD EMAIL SUBMIT STYLES */
#content .content form.komie-road-email-form {padding:0; margin:0;}
#content .content form.komie-road-email-form p {padding:0; margin:0;}
#content .content form.komie-road-email-form input {font-size:11px; color:#666666;}
#content .content form.komie-road-email-form input.submit-komie-mail {margin:0; color:#ffffff;}
#content .content form.komie-road-email-form input.submit-komie-mail:hover {cursor:default; background-position:-200px -411px;}
#content .content form.komie-road-email-form .error {color:red;}
#content .content form.komie-road-email-form .require {color:#ff0000;}
#content .related li a.email-two-lines {height:25px;padding:0 0 0 30px;}
form input.submit:hover {background-position: -200px -439px;}
.shareholder form input.submit {margin-left: 0;} /*Support for Shareholder.com form */
form input.error, form div.error, form textarea.error {border: solid 1px #ff0000;}
form label.error, form div.error {color: #ff0000; margin-top: 0; margin-bottom: 10px;color: red; margin-top: 0; margin-bottom: 10px;clear: left; width: 275px; margin-left: 130px; text-align: left;}
form fieldset.radio label.error, form fieldset.radio div.error {margin-left: 0;}
form div.error {margin: 10px 0; padding: 10px; width: 381px;}
form label.radio {float: left; margin-right: 5px; width: auto; padding-top: 7px;}
form input.radio,form input.checkbox {float: left; margin-right: 20px; width: auto; border: none;}
form p {margin-left: 130px;}
form fieldset div label,form fieldset div input {float: left;}
form fieldset div {margin-bottom: 6px;}
form fieldset div a {display: block; margin: 6px 0 0 20px; float: left;}
form fieldset div a.removelink {position: absolute; margin-left: 300px;}
form p a#addname {display: block;padding: 3px 5px;background-color: #F6F5F0;border: solid 1px #cccccc;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: 120px;}
form fieldset div.reverse input.checkbox {margin-left: 110px; margin-right: 10px;}
form fieldset div.reverse label {text-align: left; width: 275px; padding-top: 7px; color: #666666; margin:0;}
#ui-datepicker-div { display: none; }

table.sarps input {width: 100px;}
#content .content table.sarps td {padding-right: 10px;}

/* List: Image on left, with content on right */
#content .content ul.thumb-list { margin: 20px 0 15px 0; padding: 0; list-style: none; }
#content .content ul.thumb-list img { float: left; margin: 0 15px 10px 0; }
#content .content ul.thumb-list li { font-size: 11px; padding: 18px 0; float: left; margin: 0; width: 414px;}
#content .content ul.thumb-list h2, #content .content ul.thumb-list h2 a {font-family: Arial; font-size: 14px; margin: 0 0 5px 0; color: #003a4d;}
#content .content ul.thumb-list h2 a:hover {color: #666666;}
#content .content ul.thumb-list li p { margin-bottom: 9px; font-size: 12px; line-height: 14px; color: #999999; }
#content .content ul.thumb-list p.wrapping-bullet {padding-bottom:8px;}
#content .content ul.thumb-list li p.duration {display: none;}
#content .content ul.thumb-list li div p a {margin-bottom: 0;}
#content .content ul.thumb-list li div a { margin-bottom: 8px; display: block;}
#content .content ul.thumb-list li div { float: left; min-height: 100px; width: 224px;}

/* List: Image on left, with content on right - Specefically for Archived corporate resposibility reports */
#content .content ul.thumb-list-cr-reports { margin: 20px 0 15px 0; padding: 0; list-style: none; }
#content .content ul.thumb-list-cr-reports img { float: left; margin: 0 15px 10px 0; }
#content .content ul.thumb-list-cr-reports li { font-size: 11px; padding: 18px 0; float: left; margin: 0; width: 414px;}
#content .content ul.thumb-list-cr-reports h2, #content .content ul.thumb-list h2 a {font-family: Arial; font-size: 14px; margin: 0 0 5px 0; color: #003a4d;}
#content .content ul.thumb-list-cr-reports h2 a:hover {color: #666666;}
#content .content ul.thumb-list-cr-reports li p { margin-bottom: 9px; font-size: 12px; line-height: 14px; color: #999999; }
#content .content ul.thumb-list-cr-reports li p.duration {display: none;}
#content .content ul.thumb-list-cr-reports li div p a {margin-bottom: 0;}
#content .content ul.thumb-list-cr-reports li div a { margin-bottom: 8px; display: block;}
#content .content ul.thumb-list-cr-reports li div { float: left; min-height: 100px;}

/* List: PDF downloads, with icon on left */
#content .content ul.pdf-list { list-style: none; padding-left: 0; margin: 0 0 25px 0;}
#content .content ul.pdf-list li {margin: 7px 0 7px 0; display: block;}
#content .content ul.pdf-list li a { padding: 0 0 5px 20px; display: inline-block; /*NEEDS TO BE INLINE-BLOCK FOR PROPER MULTI-LINE INDENT */ margin: 0; height: auto; min-height: 15px; background: url(/images/sprites.png) -885px -298px no-repeat;}
#content a.no-icon {background: none !important; padding-left: 0 !important; }
#content a.no-icon-padding {background: none !important;}
#content a.listen {background: url(/images/sprites.png) -564px -8px no-repeat !important;}

/* List: Links, no icons */
#content .content ul.link-list {list-style: none; padding: 0;}

/* List: PDF download, with orange icon on right (Encana in the news page)*/
#content .content ul.pdf-list-orange li a, a.external-link { padding-right: 20px; display: inline-block; height: 15px; background: transparent url(/images/pdf-external-icon.gif) top right no-repeat; }
#content .content ul.pdf-list-orange li a:hover, a.external-link:hover { background: transparent url(/images/pdf-external-icon-hover.gif) top right no-repeat; }

#content .content ul.pdf-list-orange p.date {color: #999999; font-size: 12px; margin: 0 0 10px 0;}
#content .content ul.pdf-list-orange h3 {font: 13px Arial; color: #003a4d; margin-bottom: 6px; margin-top: 25px;}

/* Lists where items appear in two columns */
#content .content ul.two-column {width: 400px; list-style: none; padding: 0;}
#content .content ul.two-column li {float: left; width: 180px; margin-right: 10px;}

/* Tabbed Items (Partly configured through jQuery UI Tabs) */
#content #tabs {margin-top: 20px; background:none; border:none;}
#content #tabs div {border: solid 1px #cccccc;padding: 20px 20px 25px 20px;margin-bottom: 10px;}
#content #tabs div div {padding: 0; border: none;}
#content #tabs ul {margin-bottom: 0;padding: 0;list-style: none;width: auto;}
#content #tabs li { border: solid 1px #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 5px; margin-top: 0; margin-bottom: 0;background-image: linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -o-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -moz-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -webkit-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -ms-linear-gradient(bottom, rgb(241,238,231) 49%, rgb(254,254,254) 95%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.49, rgb(241,238,231)), color-stop(0.95, rgb(254,254,254)) ); }
#content #tabs li.ui-state-active { border-bottom: none; background: none; background-color: #ffffff; }
#content #tabs li.ui-state-active a { color: #666666; }
#content #tabs div ul li {border: none; background: none;}
#tabs table { width: 100%; }

#tabs table td {vertical-align: middle; text-align: center; }
#tabs table colgroup.labels, 
#tabs table td.row-label  {text-align: left;width: auto;background-color: transparent;}
#tabs table colgroup.column1 {border-left: solid 1px #cccccc;border-right: solid 2px #cccccc;}
#tabs table colgroup.column2 {border-left: solid 2px #cccccc;border-right: solid 1px #cccccc;}
#content #tabs table thead {border-bottom: solid 1px #cccccc;background-color: transparent;}
#content #tabs table thead h3 {color: #333333; font-size: 15px; font-family: Arial; font-weight: bold; margin: 0;}
#tabs table thead td { padding: 4px 0; }
#tabs table tbody td {width: 55px;height: 38px;border-right: dashed 1px #cccccc;background-color: #f5f4ef;}

#tabs table tbody td a.pdf {display: block;height: 15px;width: 15px;padding: 0 !important;background: url(/images/sprites.png) -885px -298px no-repeat;text-indent: -9999px;margin: 0 auto;}

/* News Release brief list display */
.home #buckets .date, .section-news-stories.landing #featured .date {border: solid 1px #ffffff;height: 50px;width: 50px;padding: 6px 5px 2px 5px;float: left;margin-right: 15px;font: 30px/28px Helvetica,Arial;color: #ffffff;font-weight: normal;text-align: center;}
.home #buckets .date span, .section-news-stories.landing #featured .date span {display: block;font: normal 20px/20px Helvetica,Arial;color: #ffffff;text-transform: uppercase;}
.section-news-stories.landing #featured .date, .section-news-stories.landing #featured .date span {color: #000000;}
.section-news-stories.landing #content #featured .date {border-color: #000000;width: auto;margin-bottom: 10px; }
.news-release-details h3 {font-family: Humanist521Light, Arial !important;font-size: 34px !important;margin-top: 0;margin-bottom: 25px !important;color: #666666 !important;text-align: left !important;}
.news-release-details #content .content table tbody td { padding-right: 6px; vertical-align: top; }
.news-release-details #content .content table.d649543 tbody td {padding-right: 0;}

/* Ticker */
#ticker {background-color: #03272f;border-top: 1px solid #29474e;min-height: 32px;padding: 10px 0 0 0;width: 100%;	z-index: 10;}
#ticker .ticker-content {color: #80b4c5;font-size: 11px;margin: 0 auto;width: 942px;}
#ticker .ticker-content a {text-decoration: none; color: #80b4c5;}
#ticker .ticker-content div, #ticker .ticker-content p { float: left; padding-top: 6px; }
#ticker .ticker-content p.symbol {padding-top: 5px; }
#ticker .ticker-content p.stock { padding-top: 1px; }
#ticker .ticker-content p.stock span.stock-change {margin: 0 0 0 8px; padding: 0 0 0 13px;}
#ticker .ticker-content p.stock span.up {background: transparent url(/images/bg-footer-arrow.gif) no-repeat 0 -21px;}
#ticker .ticker-content p.stock span.down { background: transparent url(/images/bg-footer-arrow.gif) no-repeat 0 3px;}
#ticker .stock-name {color: #ffffff;font: normal 13px Arial;padding-right: 6px;text-transform: uppercase;}
#ticker .stock-price {color: #ffffff;font: normal 18px Arial;padding-right: 0;	}
#ticker .stock-currency {color: #ffffff;font: normal 10px Arial;text-transform: uppercase;	}#ticker .stock-up {background: transparent url("/images/sprite-orange-arrow.png") 0 3px no-repeat;height: 5px;margin-left: 10px;padding-left: 12px;width: 8px;}#ticker .stock-down {background: transparent url("/images/sprite-orange-arrow.png") -13px 4px no-repeat;height: 5px;margin-left: 10px;padding-left: 12px;width: 8px;}
#ticker .ticker-content .ticker-pipe {background-color: #29474e;height: 20px;margin: 3px 16px 0 20px;width: 1px;padding: 0;}#ticker p.stock-notes { margin: 2px 0 0 32px; }

/* Footer */
#footer {background-color: #303537;border-top: 1px solid #454a4b;padding: 15px 0 10px;width: 100%;z-index: 10;}
#footer .footer-content { margin: 0 auto; width: 942px; }#footer .footer-nav { float: left; width: 600px; margin-top: 2px;}
#footer .footer-nav ul li { display: inline; padding-right: 17px; }
#footer .footer-nav ul li a:link, #footer .footer-nav ul li a:visited, #footer .footer-nav ul li a:active { color: #acaeaf; text-decoration: none; }#footer .footer-nav ul li a:hover { color: #ffffff; }
#footer .footer-nav p.copyright { color: #646869; font: normal 11px Arial; padding-top: 8px; }
/* Footer Social Links */.social-nav { float: right; width: 180px; }.social-nav p { color: #cbc8be; float: left; padding-top: 2px; width: 65px; }
.social-nav ul { height: 18px;  }
.social-nav ul li { float: left; }.social-nav ul li a { background: transparent url("/images/sprite-social.png") 0 0 no-repeat; display: block; height: 18px; text-indent: -99999px; }
.social-nav ul li#social-nav-facebook a { background-position: 0 0; width: 18px; margin-right: 5px; }
.social-nav ul li#social-nav-facebook a:hover { background-position: 0 -29px; }
.social-nav ul li#social-nav-twitter a { background-position: -23px 0; width: 19px; margin-right: 5px; }
.social-nav ul li#social-nav-twitter a:hover { background-position: -23px -29px; }
.social-nav ul li#social-nav-linkedin a { background-position: -46px 0; width: 18px; padding-right: 5px; }
.social-nav ul li#social-nav-linkedin a:hover { background-position: -46px -29px; }
.social-nav ul li#social-nav-youtube a { background-position: -70px 0; width: 19px; padding-right: 5px; }
.social-nav ul li#social-nav-youtube a:hover { background-position: -70px -29px; }
.social-nav ul li#social-nav-rss a { background-position: -93px 0; width: 19px;}
.social-nav ul li#social-nav-rss a:hover { background-position: -93px -29px; }

/* Template: template-two-column-wide */
.template-two-column-wide #content a { font-size: 12px; }
.template-two-column-wide #content .content { color: #666; float: left; margin: 0px 0 0 14px; width: 900px; }
.template-two-column-wide #content .content h1 { font-size: 36px; }.template-two-column-wide #content .content ul.list-details { color: #999; display: block; width: 434px; }
.template-two-column-wide #content .content ul.list-details strong { color: #003a4d; font: normal 14px Arial; padding-bottom: 8px; }
.template-two-column-wide #content .content ul.list-details li { float: left; margin-right: 17px; width: 200px; }
.template-two-column-wide #content .content ul.list-details li ul li { list-style: disc; margin-left: 15px; margin-bottom: 15px; padding: 0 0 0 -12px; width: 190px; }

/* Callout Area */
.template-two-column-wide #content .content .callout { background: 0 none; border-top: 2px solid #ccc; height: 367px; padding-top: 2px; width: 900px; }
.template-two-column-wide #content .content .callout #video-large { float: left; height: 367px; margin: 0 9px 0 0; width: 602px; }
#video-large object, #video-large embed {width: 600px;height: 370px;}
#video-small object, #video-small embed {width: 420px;height: 265px;}  
.template-two-column-wide #content .content .callout div { background: #dfeaf1 url(/images/bg-stripes.gif); float: left; min-height: 320px; padding: 0; width: 239px; }
.template-two-column-wide #content .content .callout div#video-description { padding: 25px; }.template-two-column-wide #content .content .callout div p {width: auto; color: #999999;}

/* Alternating Text/Image columns */
.template-two-column-wide #content .content .row-text-left, .template-two-column-wide #content .content .row-text-right { margin: 10px 0 15px; }

/* Text */
.template-two-column-wide #content .content .column-text p { line-height: 20px; padding-right:0; }
.template-two-column-wide #content .content .column-text .title-inline { color: #003a4d; }
.template-two-column-wide #content .content .row-text-left .column-text { float: left; margin-right: 14px; width: 434px; }.template-two-column-wide #content .content .row-text-right .column-text { float: right; padding-left: 15px; width: 437px; }.template-two-column-wide #content .content .row-text-right .column-text h2 { margin-top: 0; }
.template-two-column-wide #content .content .row-text-right .column-text { float: right; padding-left: 15px; width: 437px; }
.template-two-column-wide #content .content .row-text-right .column-text h2 { margin-top: 0; }
.template-two-column-wide #content .content .row-text-full .column-text-left { float: left; margin-right: 14px; width: 420px; border-right:1px solid #ccc; padding-right:14px; }
.template-two-column-wide #content .content .row-text-full .column-text-right { float: right; padding-left: 15px; width: 435px; }
.template-two-column-wide #content .content .row-text-right .column-text-left h2, .template-two-column-wide #content .content .row-text-right .column-text-right h2 { margin-top: 0; }
.template-two-column-wide #content .content .row-text-full .column-text-left p, .template-two-column-wide #content .content .row-text-full .column-text-right p { line-height: 20px; padding-right:0; }

/* Image */
.template-two-column-wide #content .content .column-image img.quote { margin: 30px 0 0 40px; }.template-two-column-wide #content .content .row-text-left .column-image { float: right; width: 452px; }.template-two-column-wide #content .content .row-text-right .column-image { float: left; margin-right: 14px; width: 434px; }
.template-two-column-wide #content .content .row-text-left .column-image img, .template-two-column-wide #content .content .row-text-right .column-image img { display: block; padding-bottom: 35px; }.template-two-column-wide #content .content .row-text-left .column-image img {padding-left: 15px;}
.template-two-column-wide #content .content .row-text-full .column-text-right img.image-right { float: right; padding-left: 15px; }
.template-two-column-wide #content .content .row-text-right .column-image img.caption {padding-bottom:5px; }
.template-two-column-wide #content .content .row-text-right .column-image p.caption-text {padding-bottom:20px; }

/* Community News and Events */
.template-two-column-wide #content .community-news .column-text p { line-height: 20px; padding-right:0; }
.template-two-column-wide #content .community-news .column-text .title-inline { color: #003a4d; }
.template-two-column-wide #content .community-news .column-right { float:right; width:434px; padding-right:14px; }
.template-two-column-wide #content .community-news .column-right.border {border-left: 1px solid #cccccc; padding: 0 14px 0 15px;}
.template-two-column-wide #content .community-news .column-right .center-image { text-align:center; margin:15px 0; }
.template-two-column-wide #content .community-news .column-left { float:left; width:434px; padding-left:14px;}.template-two-column-wide #content .community-news .column-left p, 
.template-two-column-wide #content .community-news .column-right p {line-height: 20px; padding-right:0; color:#666; margin-bottom:9px;}
.template-two-column-wide #content .community-news .column-left.border {border-right: 1px solid #cccccc; padding: 0 15px 0 14px;}
.template-two-column-wide .community-news { border-top: 1px solid #ccc; margin-top: 0; padding: 20px 0 30px; width: 930px; }
.template-two-column-wide .community-news h2 { color: #333; font-size:18px !important; margin:0 0 10px 0 !important;}
.template-two-column-wide .community-news h3 { color: #003a4d; font: normal 14px Arial; padding-bottom: 8px; }
.template-two-column-wide .community-news a.view-more { background: transparent url("/images/icon-orange-plus.png") right 3px no-repeat; color: #e15204; padding-right: 15px; text-decoration: none; }
.template-two-column-wide .community-news .news-listing { color: #999; float: left; padding: 0 60px 0 15px; width: 389px; }
.template-two-column-wide .community-news .news-listing-wide { color: #999; float: left; padding: 0 0 0 15px; width:915px; }
.template-two-column-wide .news-item-with-image .news-item-image { float: left; width: 171px;}
.template-two-column-wide .news-item-with-image .news-item-image img { background-color: #ccc; height: 87px; width: 161px; }
.template-two-column-wide .news-item-with-image .news-item-content { float: left; width: 215px;}
.template-two-column-wide .news-item-content strong.title { color: #666; }
.template-two-column-wide .news-item, .news-item-with-image { padding-bottom: 25px; }
.template-two-column-wide .community-news .feature-listing { border-left: 1px solid #ccc; color: #666; float: left; padding: 0 15px; width: 435px; }
.template-two-column-wide .community-news .feature-listing img { display: block; height: 207px; padding-bottom: 28px; width: 434px; }
.template-two-column-wide .community-news .feature-listing p { line-height: 18px; padding-bottom: 20px; }

/* Reference */
.template-two-column-wide #content .reference { background-color: #f6f5f0; border-top: 4px solid #666; display: block; padding: 0 0 15px 0; margin: 0; width: 930px; }
.template-two-column-wide #content .reference a.reference-callout { background: url(/images/bg-arrow-right-large.png) right 2px no-repeat; color: #e15204; font-size: 14px; padding: 0 25px 0 0; }
.template-two-column-wide #content .reference .ref-content { background: #f6f5f0 url(/images/bg-reference-slice.png) center top repeat-y; margin: 20px 0 0; width: 100%; }
.template-two-column-wide #content .reference .ref-content .col { float: left; margin: 0 15px; width: 280px; }.template-two-column-wide #content .reference .ref-content .col p.heading { color: #333; font: normal 18px Humanist521Roman, Arial; padding-bottom: 18px; }.template-two-column-wide #content .reference .ref-content .col p.ul-title { color: #003a4d; padding-bottom: 5px; }
.template-two-column-wide #content .reference .ref-content .col ul { padding-bottom: 15px; width: auto;}.template-two-column-wide #content .reference .ref-content .col ul li { padding-bottom: 5px; }
.template-two-column-wide #content .reference .ref-content .col div.listing { padding-bottom: 20px; }
.template-two-column-wide #content .reference .ref-content .col div.listing p { padding-bottom: 3px; }
.template-two-column-wide #content .reference .ref-content .col div.listing p.title { color: #003a4d; font-size: 12px; }
.template-two-column-wide #content .reference .ref-content .col div.listing p { color: #999; }

/* Template: template-tiled - example found at /News-Stories/Our-Stories */
.template-tiled #content .content { float: left; margin: 0 0 0 0; width: 931px; padding-top: 2px; }
.template-tiled #content .content h1 { font-size: 40px; color: #ffffff; }

/* Subnav Area Area */
.template-tiled #content .content .callout {background: 0 none; border-top: 2px solid #ccc; width: 931px; }
.template-tiled #content .content .callout .green-submenu { padding: 15px 30px 30px 30px; float: left; margin: 0 3px 0 0; width: 401px; height: 260px; background: transparent url(/images/news-stories/our-stories/bg-submenu.jpg) top center repeat-x; }
.template-tiled #content .content .callout .green-submenu ul {margin: 0;}
.template-tiled #content .content .callout .green-submenu li {float: left; width: 180px; margin: 0 20px 0 0; border-bottom: 1px solid #b1c491; padding: 10px 0;}
.template-tiled #content .content .callout .green-submenu li.no-border {border-bottom: none;}
.template-tiled #content .content .callout .green-submenu li a { color: #ffffff; font-size: 14px; float: none; padding: 0;}
.template-tiled #content .content .callout div { padding: 0;  }
.template-tiled #content .content .callout img {margin: 0; float: left;}
.template-tiled #content .content .callout p {color: #ffffff; line-height: 20px; font-size: 13px; margin: 10px 0; }
.template-tiled #content .content .callout .green-submenu a.view-all {color: #ffffff; font-size: 13px; font-weight: bold; margin: 20px 0 0 0; float: left; width: 100px; clear:left;}
.template-tiled #content .content .callout .green-submenu a.view-all:hover { background: transparent url(/images/bg-arrow-right-medium-white.gif) no-repeat right 3px; padding-right: 25px; }
/* Active States for Subnav Pages */
body.our-people #content li.our-people a, body.environment #content li.environment a, body.safety #content li.safety a, 
body.community #content li.community a, body.innovation #content li.innovation a, body.natural-gas #content li.natural-gas a { font-size: 80px; }

/* Mosiac Images */
.template-tiled #content ul {list-style: none; margin: 0; padding: 0; width: auto;}
.template-tiled #content .story-items li {float: left; margin: 0 3px 0 0;}
.template-tiled #content .story-items li.row-end {margin: 0;}
.template-tiled .story-items.top {float: left;}
.template-tiled .story-items.bottom {width: 931px; float: left; margin: 3px 0 0 0;}

.template-tiled .story { overflow: hidden; position: relative; }
.template-tiled .story.small {margin: 3px 0 0 0;}
.template-tiled .story .caption { width: 100%; height: 100%; background: #006d91; position: absolute; left: 0; display: none; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.template-tiled .story .caption a { text-decoration: none; padding: 5px; display:block;}
.template-tiled #content .story .caption p { padding: 20px; margin: 0; color:#ffffff; font: bold 18px Arial;}
.template-tiled #content .story .caption img { float: none; }

/* Bucket Search Jobs form */
form.searchjobs label { display: block; color: #ffffff; margin: 15px 0 8px 0; text-align: left; }
form.searchjobs select { width: 80%; display: block;}
form.searchjobs input.submit {position: absolute;margin-top: 15px;cursor: pointer;cursor: hand;width: 150px;font-size: 14px;padding: 0 0 0 10px;margin-left: 0;text-align: left;background-position: -190px -464px;border: none;}

/* Sitemap Page */
.page-sitemap #content .content ul {width: auto; display: block !important;list-style: none; padding: 10px 0; margin: 10px 0; border-top: solid 1px #cccccc;}
.page-sitemap #content .content ul ul {border: none; padding: 0; margin: 0;}
.page-sitemap #content .content li { float: left; width: 160px; list-style: none; margin: 3px 20px 0 0;}
.page-sitemap #content .content li ul li {float: none; width: auto; margin: 3px 0; }
.page-sitemap #content .content ul li a.primary {font-weight: bold; color: #666666;}

/* About this Site Page */
.page-about-site #content .content ul.two-column {width: 650px;}
.page-about-site #content .content ul.two-column li {width: 300px;}
.page-about-site #content .content ul.two-column li img {float: left; margin: 0 15px 15px 0;}

/* Glossary Page */
body.page-glossary #content .content {width: 914px;}
body.page-glossary #content .content p.glossary-text {width: 650px;}
body.page-glossary #content .content table td {padding: 10px;}
body.page-glossary #content .content table td p {margin-bottom: 0;}
body.page-glossary #content .content table td p * {padding:1px 4px 1px 2px; border-right: solid 1px #333333;}
body.page-glossary #content .content table td p .first {padding-left: 0;}
body.page-glossary #content .content table td p .last {border-right: none;}

/* Contact Us Page */
body.section-contact #content .content .contact-item {border-bottom: 1px solid #cccccc; width: 660px; padding: 0 0 20px 0; margin: 0 0 20px 0;}
body.section-contact #content .content  ul {margin: 0; padding: 0; list-style-type: none; width: 660px;}
body.section-contact #content .content .contact-item li {float: left; width: 330px;}
body.section-contact #content .content .contact-item ul li h3 {margin: 0 0 10px 0;}

/* Disclaimer Overlay */
.disclaimer-overlay { display: none; width: 600px !important;  height: auto; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px; }
.disclaimer-overlay h1 { color: #003a4d; font: normal 14px Arial; }
.disclaimer-overlay h2 { color: #333; font: bold 12px Arial; margin-bottom: 4px; }
.disclaimer-overlay p { padding-bottom: 10px; }
.disclaimer-overlay div.btns { margin: 32px 0 20px; }
.disclaimer-overlay button,
.disclaimer-overlay a { color: #e15204; text-decoration: none; }
.disclaimer-overlay button.btn, 
.disclaimer-overlay a.btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff !important; display: block; float: left; height: 21px; line-height: 21px; margin-right: 10px; text-align: center; text-decoration: none; vertical-align: middle; width: 136px; 	}
.disclaimer-overlay button { border: 0 none; color: #fff; cursor: pointer; font: normal 11px Arial; text-transform: uppercase; }
.disclaimer-overlay a.btn-agree, .disclaimer-overlay button.btn-agree  { background-color: #e15204; }
.disclaimer-overlay a.btn-decline, .disclaimer-overlay button.btn-decline { background-color: #999; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* Styles for Detection dialog */
#detect-dialog-ir h2 {color: #ffffff; font-family: Humanist521Light,Arial; font-size: 56px; margin-bottom: 16px;}
#detect-dialog-ir p {color: #ffffff; font-family: Humanist521Light,Arial; font-size: 40px;}


/* CUFON RELATED */
#content .content a.cufon-link-h2 {font-size:18px;}

/* Usefull classes */
.float-left {float:left;}
.float-right {float:right;}

/*Footnote styles */
.content .footnote-list {color:#999; font-size:10px;}
.content .footnote-list ul {margin:0; padding-left: 15px;}
.content .footnote-list ul li {list-style-type: none; line-height: 14px;}
.content .footnote-list ul li span {margin-left:-15px;}	

/* Captcha Styles for forms */
#recaptcha_widget { display:visible; }
#recaptcha_widget .recaptcha_image_cont { width:385px; margin:0 auto; border:1px solid #ccc; padding:5px; position:relative; }
#recaptcha_widget .recaptcha_image_cont #recaptcha_image { margin:0 auto; }
#recaptcha_widget .recaptcha_image_cont .recaptcha_refresh_btn { cursor: pointer; position:absolute; top:0; right:0; }

#recaptcha_widget #recaptcha_form_cont { margin:10px 0 0 0; }
#recaptcha_widget #recaptcha_form_cont .recaptcha_only_if_image { margin:0 0 0 5px; }

.highlight {background:yellow;}