/* PAGE REGIONS AND BASE SETTINGS */ body { background: #ffffff; margin: 0; font-size: 100%; } img { border: 0; } #banner, #header, #page, #footer { clear: both; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8125em; /* 13px */ line-height: 1.3em; /* 17px */ } #skip { position: absolute; top: -500px; } #banner { background: #3f582f; color: #68686a; height: 30px; } #header { background: #fff; color: #68686a; padding-bottom: 1em; } #page { background: #fff; color: #68686a; } #left { width: 170px; float: left; overflow: visible; margin-bottom: 1em; } #left-inner { } #main { width: 660px; float: left; overflow: hidden; margin-bottom: 1em; } #main-inner { padding: 0 30px; } #right { width: 175px; float left; overflow: hidden; margin-bottom: 1em; } #right-inner { } #footer { background: #eaeaea; color: #ffffff; padding-top: 2em; } #banner-inner, #header-inner, #page-inner, #footer-inner { width: 1010px; margin: 0 auto; overflow: hidden; } h1.home { color: #cd5c21; font-size: 1.5em; } h1 {color: #caa508; font-weight: normal; font-size: 1.5em; text-transform: uppercase; margin: 0 0 1em;} h2 { font-weight: normal; font-size: 1.5em; clear: both; } h2 .date-1 { color: #caa508; font-weight: bold; } h2 .date-2 { color: #e2d004; font-weight: bold; } h2 .date-3 { color: #d4d28d; font-weight: bold; } /* BANNER */ #banner .join-now { color: #fdc01b; width: 290px; height: 30px; line-height: 24px; float: right; text-align: right; /*background: url('http://core.wraconferences.com/staging/assets/1058/1059/1065/join_now_bg.png');*/ padding-right:26px; text-transform: uppercase; font-size: 1.1em; } #banner .tel { color: #fff; padding-right: 1px;} /* HEADER */ #header img { float: left; } #header .date { float: left; padding: 60px 30px; } /*#header .date .inner { width: 200px; height: 0; padding-top: 60px; overflow: hidden; background: url('http://core.wraconferences.com/staging/assets/1058/1059/1065/date.png');}*/ #header .date .inner { width: 200px; height: 0; padding-top: 60px; overflow: hidden; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/date.png);} /* BLOCKS */ /*.standard-block { clear: both; width: 160px; background: url('http://core.wraconferences.com/staging/assets/1058/1059/1065/standard_block.png'); }*/ .standard-block { clear: both; width: 160px; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/standard_block.png); } .standard-block h2 {color: #fff; font-size: 10px; height: 39px; line-height: 39px; overflow: hidden; text-align: center; text-transform: uppercase; margin: 0; } .standard-block h3 {color: #cc612d; font-size: 14px; text-align: center; padding-bottom:6px; } .standard-block .content { padding: 0 5px 0 6px; } /*.block-closure { height: 15px; background: url('http://core.wraconferences.com/staging/assets/1058/1059/1065/standard_block_bottom.png') no-repeat; }*/ .block-closure { height: 15px; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/standard_block_bottom.png) no-repeat; } .electronic-brochure p { padding: 5px; margin: 0; text-transform: uppercase; text-align: center; font-size: 10px; line-height: 12px; } .electronic-brochure p a { display: block; font-size: 13px; line-height: 16px; text-decoration: none; font-weight: bold; color: #600404; } .co-host img, .gold-sponsor img {margin: 10px 0;} /* FORMS */ form { width: 360px; overflow: hidden;} form > div { margin: .5em 0;} form label { display: block; text-transform: uppercase; font-size: .8em;} /*form .required label { padding-left: 8px; background: url('http://core.wraconferences.com/staging/assets/1058/1059/1065/required_asterisk.png') no-repeat 0 6px; }*/ form .required label { padding-left: 8px; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/required_asterisk.png) no-repeat 0 6px; } form input.field { background: #f6f6f7; border: 1px solid #dbdada; height: 23px; padding: 5px; width: 330px; margin-right: 5px; font-size: 1.2em; } form input#phone-prefix { width: 60px;} form input#phone { width: 250px; } form textarea { background: #f6f6f7; border: 1px solid #dbdada; height: auto; width: 330px; margin-right: 5px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; } form input:focus, form textarea:focus { background: #fff; } /*form input.submit { float: right; margin-right: 20px; width: 72px; height: 0; padding-top: 27px; border: 0; overflow: hidden; background-image: url('http://core.wraconferences.com/staging/assets/1058/1059/1065/send_button.png'); }*/ form input.submit { float: right; margin-right: 20px; width: 72px; height: 0; padding-top: 27px; border: 0; overflow: hidden; background-image: url(http://core.theenergyexchange.co.uk/agile_assets/1065/send_button.png); } /* CONTACT US HCARDS */ h2.contact { font-size: 1em; font-weight: bold; text-transform: uppercase; margin-top: 2em; } .vcard { margin-bottom: 1em; font-size: .9em; } .vcard .fn { color: #cd5c21; text-transform: uppercase; font-weight: bold; font-size: .9em; } .vcard .title { } .vcard .org { } .vcard .tel { } .vcard .tel type { } .vcard .tel .value { } .vcard a.email { } /* SPEAKERS */ /* see below for jcarousel styling */ #speakers h2 { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/speakers_h2.png) no-repeat; color: #fff; font-size: 13px; padding-left: 10px; height: 22px; } #speakers h2 a { color: #ffffff; text-decoration:none;} #speakers .speaker-name { font-weight: bold; font-size: 10px; padding-right: 10px; } #speakers .speaker-title { font-size: 10px; padding-right: 10px; } #speakers .speaker-org { font-weight: bold; font-size: 10px; text-transform: uppercase; padding-right: 10px; } /* AGENDA */ .days .day { width: 170px; padding: 0 5px; float: left; overflow: hidden; } .days .day h2 { color: #000; margin: 0; font-weight: bold; font-size: 14px; } .days .day h2 sup { font-size: 9px; vertical-align: top;} #day-1 { background: #fef8de url(http://core.theenergyexchange.co.uk/agile_assets/1065/day1_bg.png) no-repeat; margin-right: 30px; } #day-2 { background: #fdfad9 url(http://core.theenergyexchange.co.uk/agile_assets/1065/day2_bg.png) no-repeat; margin-right: 30px; } #day-3 { background: #fdfcea url(http://core.theenergyexchange.co.uk/agile_assets/1065/day3_bg.png) no-repeat; } .days .day h3 { margin-top: 7px; font-size: 14px; } /*.days .day h3 a { margin-top: 7px; font-size: 14px; color: #caa508; text-decoration:none; }*/ #day-1 h3 { color: #caa508; } #day-1 h3 a { margin-top: 7px; font-size: 14px; color: #caa508; text-decoration:none; } #day-2 h3 { color: #e2d004; } #day-2 h3 a { margin-top: 7px; font-size: 14px; color: #e2d004; text-decoration:none; } #day-3 h3 { color: #d4d28d; } #day-3 h3 a { margin-top: 7px; font-size: 14px; color: #d4d28d; text-decoration:none; } .days .day ul { padding: 0; margin: 0; color: #58585a; } .days .day li { list-style: none; margin: 0 0 1em; padding: 0; } /* On the "Full Agenda" pages */ .days .link { width: 170px; padding: 0 5px; float: left; overflow: hidden; margin-bottom: 2em;} .days .link .date { color: #000; margin: 0; font-size: 14px; } .days .link .date sup { font-size: 9px; vertical-align: top;} #day-1.link { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/day1_link_bg.png) no-repeat; margin-right: 30px; } #day-2.link { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/day2_link_bg.png) no-repeat; margin-right: 30px; } #day-3.link { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/day3_link_bg.png) no-repeat; } #day-1.link a { display: block; color: #caa508; font-weight: bold; text-decoration: none; margin-top: 7px; font-size: 14px; } #day-2.link a { display: block; color: #e2d004; font-weight: bold; text-decoration: none; margin-top: 7px; font-size: 14px; } #day-3.link a { display: block; color: #d4d28d; font-weight: bold; text-decoration: none; margin-top: 7px; font-size: 14px; } .agenda-item { margin-bottom: 1em; } .agenda-item h3 { color: #000; font-weight: normal; font-size: 1em; margin: 0; padding: 3px 10px 5px; overflow: hidden; } #agenda-day1 .agenda-item h3 { background-image: url(http://core.theenergyexchange.co.uk/agile_assets/1065/calendar1_h3.png); } #agenda-day2 .agenda-item h3 { background-image: url(http://core.theenergyexchange.co.uk/agile_assets/1065/calendar2_h3.png); } #agenda-day3 .agenda-item h3 { background-image: url(http://core.theenergyexchange.co.uk/agile_assets/1065/calendar3_h3.png); } .agenda-item h3 .title { display: block; float:left; width: 500px } .agenda-item h3 .time { display: block; float:right; } .agenda-item .content { margin-top: 2px; padding: 10px; overflow: hidden; } #agenda-day1 .agenda-item .content { background: #fffae2; } #agenda-day2 .agenda-item .content { background: #fcf7bd; } #agenda-day3 .agenda-item .content { background: #fffae2; } .agenda-item .person-picture { float: left; margin-right: 10px; } .agenda-item .person-data { float: left; color: #000; } .agenda-item .person-name { font-weight: bold; } .agenda-item .person-title { } .agenda-item .person-org { font-weight: bold; text-transform: uppercase; } .agenda-item .content ul { padding: 0; } .agenda-item .content ul li { list-style: none; } .agenda-item .content ul li ul { padding-left: 20px; } /* NEWS */ .news { clear: both; padding-top: 1em; } .news h2 { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/news_h2.png) no-repeat; color: #fff; font-size: 13px; padding-left: 10px; height: 22px; } .news h2 a { color: #ffffff; text-decoration:none;} .news-item { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/news_item_bg.png) no-repeat bottom; padding: 5px 10px 1em; clear: both; margin-bottom: 1em; } a.news-more { text-align: right; clear:both; display: block; width: 570px; text-decoration: none; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/prev-vertical.png) no-repeat right; font-size: 11px; color: #cd5c21; height: 1em; padding-right: 18px;} a.view-all-news { display: block; float: right; padding-top: 15px; width: 100px; height: 0; overflow: hidden; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/news_view_all.png); } /* SPONSORS */ .sponsor-header { width: 100%; border-bottom: 1px dotted #999; padding-bottom: 5px; text-transform: uppercase; font-size: 1.2em; margin-top: 2em; } .sponsor { overflow: hidden; padding-bottom: 1em; border-bottom: 1px dotted #999; margin-bottom: 1em; } .sponsor-logo { float: left; } .sponsor-description p { margin-top: 0; } /* SPEAKERS */ .speaker { overflow: hidden; padding-bottom: .5em; border-bottom: 1px dotted #999; margin-bottom: .5em; } .speaker img { float: left; margin-right: 10px; } .speaker-data { font-size: .9em; padding-top: 10px; } .speaker-name { font-weight: bold; } .speaker-title { } .speaker-org { font-weight: bold; text-transform: uppercase; } /* SHARE YOUR KNOWLEDGE */ #share-your-knowledge { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/share_your_knowledge_bg.png); padding: 10px 20px 0 10px; color: #5e6e66; font-size: .9em; } #share-your-knowledge h2 { margin: 0; font-weight: bold; font-size: 1.25em; color: #fff; line-height: 30px; } #share-your-knowledge a { text-decoration: none; color: #cd5c21; } #share-your-knowledge p { margin-bottom: 0; } .share-your-knowledge-closure { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/share_your_knowledge_closure.png); height: 20px; margin-bottom: 2em; } /* FOOTER BLOCK */ .footer-block { float: left; } .footer-block h2 { font-size: 1em; margin: 0; color: #333333;} /* FOOTER LINKS */ #footer-links { float: left; margin: 50px 0 0 100px; padding: 0; overflow: hidden; } #footer-links ul { margin: 0; clear: left; } #footer-links li { list-style: none; float: left; } #footer-links li a { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/footer_links_separator.png) no-repeat 0 2px; padding-left: 15px; margin-left: 5px; text-decoration: none; color: #000; font-size: 10px; } #footer-links li.first a { background: none; padding: 0; margin: 0; } /* SUPERFISH MENU FLYOUTS */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; float: left; margin-bottom: 1em; } .sf-menu ul { position: absolute; top: -999em; z-index: 1; width: 150px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { position: relative; width: 140px; height: 28px; line-height: 20px; background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/ulmenu1_sel.png); display: block; color: #fff; text-decoration: none; padding-left: 30px; } .sf-menu a:link, .sf-menu a:visited { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/ulmenu1_unsel.png); } .sf-menu a:hover, .sf-menu a:active { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/ulmenu1_sel.png); } .sf-menu li.ulmenuL1Sel a:link, .sf-menu li.ulmenuL1Sel a:visited { background: url(http://core.theenergyexchange.co.uk/agile_assets/1065/ulmenu1_sel.png); } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 28px; z-index: 99; background-color: #fff; border: 1px solid #cc612d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter:alpha(opacity=85); -moz-opacity: .85; opacity: .85; } .sf-menu li:hover ul a, .sf-menu li.sfHover ul a { height: auto; display: block; font-size: .85em; font-weight: bold; padding: 0 5px; margin: 0; text-align:left; } .sf-menu li:hover ul a:link, .sf-menu li.sfHover ul a:link, .sf-menu li:hover ul a:visited, .sf-menu li.sfHover ul a:visited { background-image: none; color: #cc612d; } .sf-menu li:hover ul a:hover, .sf-menu li.sfHover ul a:hover, .sf-menu li:hover ul a:active, .sf-menu li.sfHover ul a:active { background-image: none; background-color: #cc612d; color: #fff; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 150px; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 150px; top: 0; } .sf-sub-indicator { padding-left: 1ex; } .sf-vertical, .sf-vertical li { width: 150px; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 170px; top: 0; } /* JCAROUSEL SKINS */ .jcarousel-skin-naogs .jcarousel-container { } .jcarousel-skin-naogs .jcarousel-container-horizontal { width: 520px; padding: 20px 40px; } .jcarousel-skin-naogs .jcarousel-container-vertical { width: 149px; height: 180px; padding: 40px 0; } .jcarousel-skin-naogs .jcarousel-clip-horizontal { width: 520px; } .jcarousel-skin-naogs .jcarousel-clip-vertical { width: 149px; height: 180px; } .jcarousel-skin-naogs .jcarousel-item { } .jcarousel-skin-naogs .jcarousel-item-horizontal { width: 130px; } .jcarousel-skin-naogs .jcarousel-item-vertical { height: 60px; } .jcarousel-skin-naogs .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-naogs .jcarousel-next-horizontal { position: absolute; top: 60px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(http://core.theenergyexchange.co.uk/agile_assets/1065/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-naogs .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-naogs .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-naogs .jcarousel-next-disabled-horizontal, .jcarousel-skin-naogs .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-naogs .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-naogs .jcarousel-prev-horizontal { position: absolute; top: 60px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(http://core.theenergyexchange.co.uk/agile_assets/1065/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-naogs .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-naogs .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-naogs .jcarousel-prev-disabled-horizontal, .jcarousel-skin-naogs .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-naogs .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-naogs .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 58px; width: 32px; height: 32px; cursor: pointer; background: transparent url(http://core.theenergyexchange.co.uk/agile_assets/1065/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-naogs .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-naogs .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-naogs .jcarousel-next-disabled-vertical, .jcarousel-skin-naogs .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-naogs .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-naogs .jcarousel-prev-vertical { position: absolute; top: 5px; left: 58px; width: 32px; height: 32px; cursor: pointer; background: transparent url(http://core.theenergyexchange.co.uk/agile_assets/1065/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-naogs .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-naogs .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-naogs .jcarousel-prev-disabled-vertical, .jcarousel-skin-naogs .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-naogs .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }