/* COLORS --------------------------------------------------------------------------*/ /* .color-turquoise { color: #008789; } .color-dark-green { color: #488800; } .color-light-green { color: #ACC32B; } .color-orange { color: #F68E46; } */ /* SHARED STYLES --------------------------------------------------------------------------*/ a.feature-link { padding: 0 0 0 16px!important; font-weight: bold; color: #000; background: transparent url(../images/assets/asset-link-turquoise.png) no-repeat left center; } .color-dark-green a.feature-link { background: transparent url(../images/assets/asset-link-dark-green.png) no-repeat left center; } .color-light-green a.feature-link { background: transparent url(../images/assets/asset-link-light-green.png) no-repeat left center; } .color-orange a.feature-link { background: transparent url(../images/assets/asset-link-orange.png) no-repeat left center; } a.link-button { text-decoration: none!important; font-weight: bold; padding: 3px 5px 3px 20px!important; margin: 10px 0 0 0!important; background: #037480 url(../images/assets/asset-link-bg-turquoise.gif) no-repeat left center; border: 1px solid #008789; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; } .color-dark-green a.link-button { background: #408705 url(../images/assets/asset-link-bg-dark-green.gif) no-repeat left center; border: 1px solid #55a415; } .color-light-green a.link-button { background: #778848 url(../images/assets/asset-link-bg-light-green.gif) no-repeat left center; border: 1px solid #90a158; } .color-orange a.link-button { background: #a5825f url(../images/assets/asset-link-bg-orange.gif) no-repeat left center; border: 1px solid #b98f66; } a.link-internal { color: #008789 !important;} a.link-glossary { color: #ACC32B !important;} a.link-external { color: #F68E46 !important;} .eventsubscribe-content { position:relative; width:200px; margin-top:8px; height:25px; background:#fff url(../images/input-shadow.gif) left top no-repeat; } input.eventsubscribe-field { border:0 none; text-shadow: 2px 2px 2px #ccc; background-color:transparent; font-size:12px; color:#333333; padding:4px 0 0 6px; width:120px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } input.eventsubscribe-submit { position:absolute; right:0px; top:0px; } /* LEAD HEADING --------------------------------------------------------------------------*/ .lead_heading { position: relative; border-top:solid 1px #E0E0E0; border-bottom:solid 1px #E0E0E0; margin:0 20px 10px 0; } .lead_heading h1 { width:410px; padding:30px 20px; color: #6F6F6F; float:left; } .lead_heading.fullwidth h1 { width:auto; } .lead_heading div.theme { float:right; padding: 0 0 0 50px; margin: 10px 0 0 0; width: 170px; } .lead_heading div.book-event { float:right; padding:10px 20px; border: 1px solid #E2E2E2; background:#EEEFF2 url(/site/images/assets/bg-asset-box-grey.gif) repeat-x top left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin: 8px 0; } .lead_heading div.book-event p { width:173px; } .lead_heading.swifter_delivery div { background: transparent url(../images/icons/swifter-small.png) no-repeat left top; } .lead_heading.market_acceleration div { background: transparent url(../images/icons/market-small.png) no-repeat left top; } .lead_heading.supporting_businesses div { background: transparent url(../images/icons/supporting-small.png) no-repeat left top; } .lead_heading div p { margin: 4px 0 4px 0; padding: 0; } .lead_heading div em { font-weight: bold; } .lead_heading div.theme a { padding: 0 0 0 17px; background: transparent url(../images/assets/asset-link-gray.png) no-repeat left center; font-weight: bold; color: #6F6F6F; text-decoration: none; } .lead_heading.color-turquoise h1, .lead_heading.color-turquoise em, .lead_heading.color-turquoise div.theme a { color: #008789; } .lead_heading.color-turquoise div.theme a { background-image: url(../images/assets/asset-link-turquoise.png); } .lead_heading.color-turquoise div.book-event { background-image: url(../images/assets/bg-asset-box-turquoise.gif); } .lead_heading.color-dark-green h1, .lead_heading.color-dark-green em, .lead_heading.color-dark-green a { color: #488800; } .lead_heading.color-dark-green div.theme a { background-image: url(../images/assets/asset-link-dark-green.png); } .lead_heading.color-dark-green div.book-event { background-image: url(../images/assets/bg-asset-box-dark-green.gif); } .lead_heading.color-light-green h1, .lead_heading.color-light-green em, .lead_heading.color-light-green div.theme a { color: #ACC32B; } .lead_heading.color-light-green div.theme a { background-image: url(../images/assets/asset-link-light-green.png); } .lead_heading.color-light-green div.book-event { background-image: url(../images/assets/bg-asset-box-light-green.gif); } .lead_heading.color-orange h1, .lead_heading.color-orange em, .lead_heading.color-orange div.theme a { color: #F68E46; } .lead_heading.color-orange div.theme a { background-image: url(../images/assets/asset-link-orange.png); } .lead_heading.color-orange div.book-event { background-image: url(../images/assets/bg-asset-box-orange.gif); } /* TEXT STYLES --------------------------------------------------------------------------*/ .text { margin:0 40px 0 20px; color:#636363; } .text h2 { padding-bottom:10px; padding-top:6px; } .text h3 { margin-bottom:12px; } .text h3 strong { font-weight: 300; } .text p { color:#636363; } .text a { color:#636363; } .text p.intro { font-size:18px; color:#008789; line-height:24px; } .text ul, .text ol { margin:0 0 12px 0; padding:0 0 0 20px; } .text ul li { font-size:13px; line-height:15px; list-style:disc; margin-bottom:8px; } .text ol li { font-size:13px; line-height:15px; list-style:decimal; margin-bottom:8px; } .text a.feature-link { text-decoration: none!important; } .text a.link-button { text-decoration: none!important; color: #fff;} .text table { border:1px solid #E0E0E0; border-bottom:none; border-right:none; width:100%; margin-bottom:20px; } .text td { background-color: #fff; font-size:13px; text-align:left; vertical-align:top; padding:4px; border:1px solid #E0E0E0; border-left:none; border-top:none; } .text th { font-size:13px; vertical-align:top; padding:4px; border:1px solid #E0E0E0; border-left:none; border-top:none; background-color:#4BA3A5; font-weight:bold; color:#fff; } div.article_secondary .text { margin:0 0 0 20px; } div.article_secondary .text h2, div.article_secondary .text h3, div.article_secondary .text h4, div.article_secondary .text h5 { font-size:14px; font-weight:bold; color:#008789; line-height:18px; border-bottom:1px solid #636363; margin:0 0 6px 0; } div.tertiary .text { width:200px; padding:0 10px 0 0; margin: 5px 20px; } div.hidden-text .revealer { padding: 0 20px 10px 20px; } div.hidden-text .revealer a { font-size: 13px; font-weight: normal; text-decoration: none; } div.hidden-text .revealer a:hover { text-decoration: underline; } /* ASSET BOXES --------------------------------------------------------------------------*/ /* Asset box globals */ div.asset-box { clear:both; position: relative; color: #636363; border: 1px solid #E2E2E2; background:#EEEFF2 url(../images/assets/bg-asset-box-grey.gif) repeat-x top left; } /* Colourations */ div.asset-box.color-turquoise { background: #BFE1E1 url(../images/assets/bg-asset-box-turquoise.gif) repeat-x top left; } div.asset-box.color-dark-green { background: #D1E1BF url(../images/assets/bg-asset-box-dark-green.gif) repeat-x top left; } div.asset-box.color-light-green { background: #EAF0CA url(../images/assets/bg-asset-box-light-green.gif) repeat-x top left; } div.asset-box.color-orange { background: #FDE3D1 url(../images/assets/bg-asset-box-orange.gif) repeat-x top left; } div.asset-box * { margin: 0; padding: 0; } div.asset-box a { text-decoration: none; } div.asset-box li { position: relative; padding: 8px 0; border-bottom: 1px solid #E2E2E2; } div.asset-box p { margin:0 0 12px 0; } /* div.asset-box li:hover { background: #FFF; cursor: pointer; } div.asset-box.color-turquoise li:hover { background: #BFE1E1; } div.asset-box.color-dark-green li:hover { background: #D1E1BF; } div.asset-box.color-light-green li:hover{ background: #EAF0CA; } div.asset-box.color-orange li:hover { background: #FDE3D1; } */ div.asset-box .title { font-size: 13px; font-weight: bold; line-height: normal; } div.asset-box .date { position: absolute; bottom: 8px; right: 0; font-size: 13px; font-weight: normal; color: #636363; } /* Main area asset boxes*/ div.article_main .asset-box, div.article_main_wide .asset-box { margin: 5px 20px 15px 0; padding: 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } div.article_main .asset-box li { padding-right: 130px; } div.article_main .asset-box.color-turquoise li { border-bottom: 1px solid #008789; } div.article_main .asset-box.color-dark-green li { border-bottom: 1px solid #488800; } div.article_main .asset-box.color-light-green li { border-bottom: 1px solid #ACC32B; } div.article_main .asset-box.color-orange li { border-bottom: 1px solid #F68E46; } div.article_main .asset-box h2, div.article_main_wide .asset-box h2 { font-size: 26px; line-height: 36px; color: #008789; } div.article_main .asset-box.color-turquoise h2, div.article_main_wide .asset-box.color-turquoise h2 { color: #008789; } div.article_main .asset-box.color-dark-green h2, div.article_main_wide .asset-box.color-dark-green h2 { color: #488800; } div.article_main .asset-box.color-light-green h2, div.article_main_wide .asset-box.color-light-green h2 { color: #ACC32B; } div.article_main .asset-box.color-orange h2, div.article_main_wide .asset-box.color-orange h2 { color: #F68E46; } div.article_main .asset-box h3 { font-size: 13px; } div.article_main .asset-box h3 a { color: #000; } /* additional columns */ div.column { float: left; padding-right: 20px;} div.box-in-a-box { margin: 5px 0; background: #fff; border:1px solid #d1d1d0; padding: 10px!important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* Text box */ div.asset-box.text-box h3 { font-size: 22px!important; color: #4e4e4e!important; } /* Text listing */ /* NO SPECIFIC STYLES FOR DEFAULT TEXT LISTINGS */ /* Alternate Text listing */ div.article_main .asset-box.text-listing-2 .title { padding: 0 130px 0 0; } div.article_main .asset-box.text-listing-2 .date { top: 8px; right: 0; } div.article_main .asset-box.text-listing-2 li { padding-right: 0; } /* Text with image */ div.article_main .asset-box.text-image-listing li { width: 100%; padding-right: 0; padding-bottom: 18px; } div.article_main .asset-box.text-image-listing P { margin:0; } div.article_main .asset-box.text-image-listing img { float: left; margin: 0 10px 0 0; } div.article_main .asset-box.image-asset div.captioned-image { border: 1px solid #E2E2E2; margin: 5px 0 5px 5px; float: right; } div.article_main .asset-box.image-asset.color-turquoise div.captioned-image { border-color: #008789; } div.article_main .asset-box.image-asset.color-dark-green div.captioned-image { border-color: #488800; } div.article_main .asset-box.image-asset.color-light-green div.captioned-image { border-color: #ACC32B; } div.article_main .asset-box.image-asset.color-orange div.captioned-image { border-color: #F68E46; } div.article_main .asset-box.image-asset div.captioned-image p { padding: 5px; font-weight: bold; background: #E2E2E2; } /* Secondary area (Right column) */ div.article_secondary .asset-box { margin: 5px 0 15px 20px; padding: 8px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font-size: 12px; } /* Colourations */ div.article_secondary .asset-box h2 { font-size: 15px; line-height:18px; padding:6px 0; font-weight: bold; color: #636363; /*border-bottom: 1px solid #008789;*/ } div.article_secondary .asset-box h3 { font-size: 13px; font-weight:bold; line-height:18px; } div.article_secondary .asset-box.color-turquoise h2 { border-color: #008789; } div.article_secondary .asset-box.color-dark-green h2 { border-color: #488800; } div.article_secondary .asset-box.color-light-green h2 { border-color: #ACC32B; } div.article_secondary .asset-box.color-orange h2 { border-color: #F68E46; } div.article_secondary .asset-box h3.title a { color: #008789; font-size: 12px; } div.article_secondary .asset-box.color-turquoise h3.title a { color: #008789; } div.article_secondary .asset-box.color-dark-green h3.title a { color: #488800; } div.article_secondary .asset-box.color-light-green h3.title a { color: #ACC32B; } div.article_secondary .asset-box.color-orange h3.title a { color: #F68E46; } div.article_secondary .asset-box li { border-bottom: 1px solid #008789; padding: 4px 0; } div.article_secondary .asset-box.color-turquoise li { border-bottom: 1px solid #008789; } div.article_secondary .asset-box.color-dark-green li { border-bottom: 1px solid #488800; } div.article_secondary .asset-box.color-light-green li { border-bottom: 1px solid #ACC32B; } div.article_secondary .asset-box.color-orange li { border-bottom: 1px solid #F68E46; } /* Image listings */ div.article_secondary .asset-box.image-listings h2 { border: 0; } div.article_secondary .asset-box.image-listings li { border: 1px solid #E2E2E2; margin: 0 0 5px 0; padding: 0; overflow: hidden; } div.article_secondary .asset-box.image-listings.color-turquoise li { border-color: #008789; } div.article_secondary .asset-box.image-listings.color-dark-green li { border-color: #488800; } div.article_secondary .asset-box.image-listings.color-light-green li { border-color: #ACC32B; } div.article_secondary .asset-box.image-listings.color-orange li { border-color: #F68E46; } div.article_secondary .asset-box.image-listings h3.title { background: #E2E2E2; line-height: 25px; padding: 0 0 0 5px; } div.article_secondary .asset-box.image-listings.color-turquoise h3.title { background: #BFE1E1; } div.article_secondary .asset-box.image-listings.color-dark-green h3.title { background: #D1E1BF; } div.article_secondary .asset-box.image-listings.color-light-green h3.title { background: #EAF0CA; } div.article_secondary .asset-box.image-listings.color-orange h3.title { background: #FDE3D1; } div.article_secondary .asset-box.image-listings h3.title a { color: #636363; } /* div.article_secondary .asset-box.image-listings.color-turquoise h3.title a { color: #008789; } div.article_secondary .asset-box.image-listings.color-dark-green h3.title a { color: #488800; } div.article_secondary .asset-box.image-listings.color-light-green h3.title a { color: #ACC32B; } div.article_secondary .asset-box.image-listings.color-orange h3.title a { color: #F68E46; } */ /* Adverts */ div.article_secondary .asset-box.advert { padding: 0; } div.article_secondary .asset-box.advert { background: transparent url(../images/assets/bg-advert-green-main.gif) repeat-x left top; border: 0; padding: 0; } div.article_secondary .asset-box.advert.color-turquoise { background: transparent url(../images/assets/bg-advert-turquoise-main.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-dark-green { background: transparent url(../images/assets/bg-advert-green-main.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-light-green { background: transparent url(../images/assets/bg-advert-light-green-main.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-orange { background: transparent url(../images/assets/bg-advert-orange-main.gif) repeat-x left top; } div.article_secondary .asset-box.advert div.foot-image { padding: 20px 0 0 0; background: url(../images/assets/bg-advert-green-footer.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-turquoise div.foot-image { background: url(../images/assets/bg-advert-turquoise-footer.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-dark-green div.foot-image { background: url(../images/assets/bg-advert-green-footer.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-light-green div.foot-image { background: url(../images/assets/bg-advert-light-green-footer.gif) repeat-x left top; } div.article_secondary .asset-box.advert.color-orange div.foot-image { background: url(../images/assets/bg-advert-orange-footer.gif) repeat-x left top; } div.article_secondary .asset-box.advert h2 { border: 0; color: #FFF; line-height: normal; padding: 5px 10px; } asset-box.advert h2 em { font-weight:normal; font-style:normal; } div.article_secondary .asset-box.advert p { line-height: normal; font-weight: normal; color: #FFF; margin:0; padding: 5px 10px; } /* Twitter feed */ div.article_secondary .asset-box.tweets h2 { border: 0; } div.article_secondary .asset-box.tweets img { float: left; } div.article_secondary .asset-box.tweets li { border: 0; } div.article_secondary .asset-box.tweets li p { margin: 0 0 0 58px; overflow: hidden; } div.article_secondary .asset-box.tweets em { font-size: 10px; } /* Flickr feed */ div.article_secondary .asset-box.feed-flickr { overflow: hidden } div.article_secondary .asset-box.feed-flickr li { float: left; width:96px; height:96px; overflow: hidden; border: 0; margin: 0; } div.article_secondary .asset-box.feed-flickr li.odd { margin: 0 5px 0 0; } div.article_secondary .asset-box.feed-flickr li.even {} div.article_secondary .asset-box.feed-flickr p { clear: both; } /* Tertiary area (Left column) */ div.tertiary .asset-box { margin: 10px 0 0 20px; padding: 8px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } /* Colourations */ div.tertiary .asset-box h2 { font-size: 15px; line-height:18px; padding:6px 0; font-weight: bold; color: #636363; /*border-bottom: 1px solid #008789;*/ } div.tertiary .asset-box.color-turquoise h2 { border-color: #008789; } div.tertiary .asset-box.color-dark-green h2 { border-color: #488800; } div.tertiary .asset-box.color-light-green h2 { border-color: #ACC32B; } div.tertiary .asset-box.color-orange h2 { border-color: #F68E46; } div.tertiary .asset-box h3.title a { color: #008789; font-size: 12px; } div.tertiary .asset-box.color-turquoise h3.title a { color: #008789; } div.tertiary .asset-box.color-dark-green h3.title a { color: #488800; } div.tertiary .asset-box.color-light-green h3.title a { color: #ACC32B; } div.tertiary .asset-box.color-orange h3.title a { color: #F68E46; } div.tertiary .asset-box li { border-bottom: 1px solid #008789; padding: 4px 0; } div.tertiary .asset-box.color-turquoise li { border-bottom: 1px solid #008789; } div.tertiary .asset-box.color-dark-green li { border-bottom: 1px solid #488800; } div.tertiary .asset-box.color-light-green li { border-bottom: 1px solid #ACC32B; } div.tertiary .asset-box.color-orange li { border-bottom: 1px solid #F68E46; } /* Image listings */ div.tertiary .asset-box.image-listings h2 { border: 0; } div.tertiary .asset-box.image-listings li { border: 1px solid #E2E2E2; margin: 0 0 5px 0; padding: 0; overflow: hidden; } div.tertiary .asset-box.image-listings.color-turquoise li { border-color: #008789; } div.tertiary .asset-box.image-listings.color-dark-green li { border-color: #488800; } div.tertiary .asset-box.image-listings.color-light-green li { border-color: #ACC32B; } div.tertiary .asset-box.image-listings.color-orange li { border-color: #F68E46; } div.tertiary .asset-box.image-listings h3.title { background: #E2E2E2; line-height: 25px; padding: 0 0 0 5px; } div.tertiary .asset-box.image-listings.color-turquoise h3.title { background: #BFE1E1; } div.tertiary .asset-box.image-listings.color-dark-green h3.title { background: #D1E1BF; } div.tertiary .asset-box.image-listings.color-light-green h3.title { background: #EAF0CA; } div.tertiary .asset-box.image-listings.color-orange h3.title { background: #FDE3D1; } div.tertiary .asset-box.image-listings h3.title a { color: #636363; } /* div.tertiary .asset-box.image-listings.color-turquoise h3.title a { color: #008789; } div.tertiary .asset-box.image-listings.color-dark-green h3.title a { color: #488800; } div.tertiary .asset-box.image-listings.color-light-green h3.title a { color: #ACC32B; } div.tertiary .asset-box.image-listings.color-orange h3.title a { color: #F68E46; } */ /* Adverts */ div.tertiary .asset-box.advert { background: transparent url(../images/assets/bg-advert-green-main.gif) repeat-x left top; border: 0; padding: 0; } div.tertiary .asset-box.advert.color-turquoise { background: transparent url(../images/assets/bg-advert-turquoise-main.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-dark-green { background: transparent url(../images/assets/bg-advert-green-main.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-light-green { background: transparent url(../images/assets/bg-advert-light-green-main.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-orange { background: transparent url(../images/assets/bg-advert-orange-main.gif) repeat-x left top; } div.tertiary .asset-box.advert div.foot-image { padding: 20px 0 0 0; background: url(../images/assets/bg-advert-green-footer.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-turquoise div.foot-image { background: url(../images/assets/bg-advert-turquoise-footer.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-dark-green div.foot-image { background: url(../images/assets/bg-advert-green-footer.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-light-green div.foot-image { background: url(../images/assets/bg-advert-light-green-footer.gif) repeat-x left top; } div.tertiary .asset-box.advert.color-orange div.foot-image { background: url(../images/assets/bg-advert-orange-footer.gif) repeat-x left top; } div.tertiary .asset-box.advert h2 { border: 0; color: #FFF; line-height: normal; padding: 5px 10px; } div.tertiary .asset-box.advert p { line-height: normal; font-weight: normal; color: #FFF; padding: 5px 10px; margin:0; } /* Twitter feed */ div.tertiary .asset-box.tweets h2 { border: 0; } div.tertiary .asset-box.tweets img { float: left; } div.tertiary .asset-box.tweets li { border: 0; } div.tertiary .asset-box.tweets li p { margin: 0 0 0 58px; overflow: hidden; } div.tertiary .asset-box.tweets em { font-size: 10px; } /* Flickr feed */ div.tertiary .asset-box.feed-flickr { overflow: hidden } div.tertiary .asset-box.feed-flickr li { float: left; width:96px; height:96px; overflow: hidden; border: 0; margin: 0; } div.tertiary .asset-box.feed-flickr li.odd { margin: 0 5px 0 0; } div.tertiary .asset-box.feed-flickr li.even {} div.tertiary .asset-box.feed-flickr p { clear: both; } /* ASSET BOX BUTTONS ----------------------------------------------------------------------------------------*/ /* Asset link (below articles) */ div.asset-box a.asset-link { clear: both; margin: 10px 0; padding: 0 0 0 16px; line-height: 24px; font-weight: bold; color: #000; background: transparent url(../images/assets/asset-link-turquoise.png) no-repeat left center; } div.asset-box.color-turquoise a.asset-link { background: transparent url(../images/assets/asset-link-turquoise.png) no-repeat left center; } div.asset-box.color-dark-green a.asset-link { background: transparent url(../images/assets/asset-link-dark-green.png) no-repeat left center; } div.asset-box.color-light-green a.asset-link { background: transparent url(../images/assets/asset-link-light-green.png) no-repeat left center; } div.asset-box.color-orange a.asset-link { background: transparent url(../images/assets/asset-link-orange.png) no-repeat left center; } /* Standard article link */ div.asset-box li p.article-link { padding: 20px 0; } div.asset-box li p.article-link a { font-weight: bold; padding: 3px 5px 3px 25px; margin: 10px 0 0 0; border: 1px solid #008789; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: transparent url(../images/assets/asset-link-bg-black.gif) no-repeat left center; color: #FFF; } div.asset-box.color-turquoise li p.article-link a { border-color: #008789; background: transparent url(../images/assets/asset-link-bg-turquoise.gif) no-repeat left center; color: #FFF; } div.asset-box.color-dark-green li p.article-link a { border-color: #488800; background: transparent url(../images/assets/asset-link-bg-dark-green.gif) no-repeat left center; color: #FFF; } div.asset-box.color-light-green li p.article-link a { border-color: #ACC32B; background: transparent url(../images/assets/asset-link-bg-light-green.gif) no-repeat left center; color: #FFF; } div.asset-box.color-orange li p.article-link a { border-color: #F68E46; background: transparent url(../images/assets/asset-link-bg-orange.gif) no-repeat left center; color: #FFF; } /* Advert links */ div.asset-box p.advert-button a { font-weight: bold; padding: 3px 5px 3px 25px; margin: 10px 0 0 0;background: transparent url(../images/assets/asset-link-bg-black.gif) no-repeat left center; border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; } div.asset-box.color-turquoise p.advert-button a { background: transparent url(../images/assets/asset-link-bg-turquoise.gif) no-repeat left center; border: 1px solid #008789; } div.asset-box.color-dark-green p.advert-button a { background: transparent url(../images/assets/asset-link-bg-dark-green.gif) no-repeat left center; border: 1px solid #269900; } div.asset-box.color-light-green p.advert-button a { background: transparent url(../images/assets/asset-link-bg-light-green.gif) no-repeat left center; border: 1px solid #91AD08; } div.asset-box.color-orange p.advert-button a { background: transparent url(../images/assets/asset-link-bg-orange.gif) no-repeat left center; border: 1px solid #D79900; } /* Video overlays */ div.feed-youtube a.video-overlay { position: absolute; top: 45%; left: 38%; } /* ASSET BOX ELEMENTS ----------------------------------------------------------------------------------------*/ /* Captioned images */ div.captioned-image.large { width: 665px; } div.captioned-image.medium { width: 410px; } div.captioned-image.small { width: 215px; } div.captioned-image p { padding: 5px; background: #E2E2E2; color: #636363; font-weight: bold; } div.article_main_wide div.captioned-image, div.article_main div.captioned-image { float: right; margin: 5px 20px 10px 10px; overflow: none; } div.article_secondary div.captioned-image { margin: 0 0 10px 20px; overflow: none; } div.tertiary div.captioned-image { margin: 10px 0 0 20px; overflow: none; } /* Quotes */ .article .quote { width: 215px; float: right; margin: 5px 20px 10px 10px; padding:0 0 8px 0; border-bottom:3px solid #636363; color:#636363; } .article_secondary .quote { width:auto; float:none; margin:5px 0 10px 20px; } .article .quote { font-size:16px; font-weight:bold;} .quote cite { display:block; font-size:12px; margin:8px 0 0 0; } .quote.color-turquoise { color: #008789; border-bottom:3px solid #008789; } .quote.color-dark-green { color: #488800; border-bottom:3px solid #488800; } .quote.color-light-green { color: #ACC32B; border-bottom:3px solid #ACC32B; } .quote.color-orange { color: #F68E46; border-bottom:3px solid #F68E46; } /* Contact form */ /* .contact-form input.user-input { width: 250px; } .contact-form textarea.user-input { width: 410px; } .contact-form dt { font-weight: bold; font-size:14px; margin:12px 0 6px 0; } .contact-form dd { margin: 5px 0px; font-size:14px; font-weight:normal; } .contact-form dd.error { color:#e20019; font-weight:normal; } .contact-form input.user-input,.contact-form textarea.user-input { font-family:Arial, Helvetica, sans-serif; border:0 none; border-top:1px solid #e4e4e4; background-color:#fff; color:#636363; font-size:16px; padding:8px 8px; width:530px; } .contact-form .contact-submit { margin:12px 0 0 0; } */ /* Contact forms */ div.asset-box.contact form { overflow: hidden; } div.asset-box.contact label { display: block; font-weight: bold; font-size:14px; margin:12px 0 6px 0; } div.asset-box.contact legend { display: none; } div.asset-box.contact select { font-family:Arial, Helvetica, sans-serif; background-color:#FFF; border: 1px solid #636363; color:#636363; font-size:16px; } div.asset-box.contact .text-input { font-family:Arial, Helvetica, sans-serif; border:0; border-top:1px solid #E4E4E4; background-color:#FFF; color:#636363; font-size:16px; padding:8px; width: 100%; } div.asset-box.contact textarea { font-family:Arial, Helvetica, sans-serif; border:0; border-top:1px solid #E4E4E4; background-color:#FFF; color:#636363; font-size:16px; padding:8px; margin: 0 20px 0 0; width: 98%; height: 150px; overflow: auto; } div.asset-box.contact p.error { color:#e20019; font-weight:normal; } /* BANNER ELEMENTS ----------------------------------------------------------------------------------------*/ .banners .controls { position:absolute; right:18px; top:18px; z-index: 11;} .banners .controls a { display: block; font-weight: bold; float: left; width: 25px; line-height: 25px; color: #FFF; background: transparent url(../images/assets/banner-switch-off-bg.png) no-repeat center center; margin: 0 0 0 2px; text-decoration: none; text-align: center; } div.banners .controls.color-turquiose a.active, div.banners .controls.color-turquiose a:hover, div.banners .controls.color-turquiose a:focus { color: #000; background: transparent url(../images/assets/banner-switch-on-tq.png) no-repeat center center; } div.banners .controls.color-dark-green a.active, div.banners .controls.color-dark-green a:hover, div.banners .controls.color-dark-green a:focus { color: #000; background: transparent url(../images/assets/banner-switch-on-lg.png) no-repeat center center; } div.banners .controls.color-light-green a.active, div.banners .controls.color-light-green a:hover, div.banners .controls.color-light-green a:focus { color: #000; background: transparent url(../images/assets/banner-switch-on-dg.png) no-repeat center center; } div.banners .controls.color-orange a.active, div.banners .controls.color-orange a:hover, div.banners .controls.color-orange a:focus { color: #000; background: transparent url(../images/assets/banner-switch-on-or.png) no-repeat center center; } .banner { position:absolute; top:0px; left:0px; } .banner-overlay { position: absolute; top: 18px; left: 18px; background: transparent url(../images/assets/header-quote-bg.png) repeat left top; width: 55%; padding: 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .banner-overlay h2 { color: #FFF; font-size: 30px; } div.banner .color-turquiose .banner-overlay h2 { color: #008789; font-size: 30px; } div.banner .color-dark-green .banner-overlay h2 { color: #488800; font-size: 30px; } div.banner .color-light-green .banner-overlay h2 { color: #ACC32B; font-size: 30px; } div.banner .color-orange .banner-overlay h2 { color: #F68E46; font-size: 30px; } .banner-overlay p.secondary { color: #FFF; font-style: italic; font-weight: bold; } div.banner .color-turquiose .banner-overlay p.secondary { color: #008789; } div.banner .color-dark-green .banner-overlay p.secondary { color: #488800; } div.banner .color-light-green .banner-overlay p.secondary { color: #ACC32B; } div.banner .color-orange .banner-overlay p.secondary { color: #F68E46; } .banner-overlay p.description { font-size: 14px; line-height: 20px; font-weight: bold; color: #FFF; } .banner p.link { position: absolute; bottom: 50px; right: 20px; } .banner p.link a { float: right; line-height: 20px; background: transparent url(../images/assets/asset-link-bg-black.gif) no-repeat left center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 30px 0 20px; font-weight: bold; text-decoration: none; color: #FFF; } div.banner .color-turquiose p.link a { color: #008789; } div.banner .color-dark-green p.link a { color: #488800; } div.banner .color-light-green p.link a { color: #ACC32B; } div.banner .color-orange p.link a { color: #F68E46; } /* FORM DEFAULTS ----------------------------------------------------------------------------------------*/ textarea { font-family:Arial, Helvetica, sans-serif; font-size: 13px; } /* SLIDESHOW ----------------------------------------------------------------------------------------*/ .image-group { width:215px; float:left; } .image-group img { float:left; margin:0 8px 8px 0; } /* DOWNLOAD LISTS ----------------------------------------------------------------------------------------*/ table.download-list { margin: 10px 0 0 0; font-size: 13px; width: 100%;} table.download-list thead { display: none; } table.download-list th.title { padding: 5px 10px 5px 0; } table.download-list th.filetype { padding: 5px 10px 5px 0; } table.download-list th.download { padding: 5px 0; } table.download-list td { border-bottom: 1px solid; } table.download-list td.title { padding: 5px 10px 5px 0; width: 250px; } table.download-list td.filetype { padding: 5px 10px 5px 0; width: 50px; } table.download-list td.download { padding: 5px 0; width: 86px; text-align: right; } table.download-list td.download a { padding: 0 0 0 16px; } div.asset-box.color-turquoise table.download-list td { border-color: #008789; } div.asset-box.color-dark-green table.download-list td { border-color: #488800; } div.asset-box.color-light-green table.download-list td { border-color: #ACC32B; } div.asset-box.color-orange table.download-list td { border-color: #F68E46; } div.asset-box.color-turquoise table.download-list td.download a { background: url(../images/assets/download-link-turquoise.png) no-repeat left center; } div.asset-box.color-dark-green table.download-list td.download a { background: url(../images/assets/download-link-dark-green.png) no-repeat left center; } div.asset-box.color-light-green table.download-list td.download a { background: url(../images/assets/download-link-light-green.png) no-repeat left center; } div.asset-box.color-orange table.download-list td.download a { background: url(../images/assets/download-link-orange.png) no-repeat left center; } /* MEMBERS LIST ----------------------------------------------------------------------------------------*/ div.member { float:left; width:187px; margin:0 20px 20px 20px; padding-bottom:34px; position: relative; } div.member img { border: 1px solid #cecece; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.member h3 { margin: 10px 0 4px 0; line-height: 18px; color: #555555; font-size: 14px; font-weight: bold; font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; } div.member p { color: #555555; font-size: 12px; } div.button-link { float: right; padding:30px 24px 0 0; } div.member p.button-link { position: absolute; bottom: 0; background: #383838 url(../images/assets/asset-link-bg-black.gif) top center no-repeat; border: 1px solid #a9a9a9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.member p.button-link a { text-decoration: none; display: block; font-weight: bold; padding:4px 12px 4px 25px; background: url(../images/assets/asset-link-white.png) 6px 6px no-repeat; color: #FFF; }