/* Tag Resets */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; font-family: inherit; font-size: 100%; font-style: normal; margin: 0; padding: 0; text-align: left; }
/* Body */
body { background: #fff url('../img/bgd-body.gif') repeat-x top center; color: #64757d; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; color: #465461; font-size: 1.2em; }
/* General Tags */
a { color: #0174a3; cursor: pointer; outline: none; text-decoration: underline; }
a:hover { color: #465461; }
em { font-style: italic; }
table { border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; top: 0.25em; }
/* Floats */
.left { float: left; }
.right { float: right; }
.clearer { height: 0; clear: both; margin: 0; padding: 0; white-space: nowrap; }
/* Template */
#wrapper { width: 960px; margin: 0 auto; }
#header { width: 960px; height: 82px; }
#header .logo { display: block; float: left; }
#header-nav { width: 292px; height: 80px; float: left; margin: 0 38px 0 75px; }
#header-nav img { display: block; float: left; margin-top: 11px; }
#header-nav-list li { display: inline; }
#header-search { width: 300px; float: left; margin-top: 12px; overflow: hidden; zoom: 1; background: url('../img/bgd-input-search.gif') no-repeat top left;}
#header-search .input { width: 223px; height: 23px; background: transparent; border: 0; float: left; margin-bottom: 10px; padding: 7px 0 0 10px; vertical-align: top; }
#header-search .search-button { display: block; float: left; vertical-align: top; }
#header-search p { height: 25px; clear: both; display: block; font-size: 1.9em; letter-spacing: 0.025em; text-align: right; }
#header-search p img { vertical-align: top; margin-top: 3px; }
#menu { width: 960px; height: 36px; background: #009ddc url('../img/bgd-menu.jpg') no-repeat; margin-bottom: 20px; zoom: 1; }
#nav li { display: inline; }
#home-banner { width: 960px; height: 213px; background: url('../img/bgd-banner.jpg') no-repeat bottom center; overflow: hidden; zoom: 1; }
#banner-text { width: 305px; float: left; font-size: 2.2em; padding: 23px 0 0 10px; }
#banner-text p { margin-bottom: 25px; }
#banner-text strong { letter-spacing: 1;}
#banner-flash { width: 630px; height: 185px; float: right; font-size: 1.3em; }
#banner-flash ul { list-style-type: disc; margin: 25px 0 0 15px; }
#banner-flash li { margin-bottom: 8px; }
#home-bar { width: 960px; height: 197px; margin-bottom: 20px; padding: 22px 0 0; }
#looking-for { width: 322px; height: 176px; background: url('../img/bgd-looking-for.gif') repeat-y top right; color: #939ca3; font-size: 1.2em; float: left; padding: 0 0 0 10px; }
#looking-for .title { margin-bottom: 30px; }
#top-faqs { list-style-type: disc; margin-top: 20px; margin-left: 15px; }
#top-faqs li { margin-bottom: 11px;}
#case-studies { width: 605px; height: 176px; float: right; padding: 0 0 0 23px; }
#case-studies .title { margin-bottom: 30px; }
#home-silver-bar { min-height: 332px; background: url('../img/bgd-home-silver.gif') repeat-x; margin-bottom: 26px; overflow: hidden; zoom: 1; }
#home-silver-wrap { width: 960px; margin: 0 auto; }
#home-signup { width: 331px; height: 269px; background: url('../img/bgd-home-signup.jpg') no-repeat top right; float: left; font-size: 1.4em; margin-top: 37px; padding: 26px 0 0; }
#home-signup a { color: #fff; }
#home-signup ul { width: 250px; height: 97px; background: #455660; display: block; line-height: 1.6em; list-style-position: inside; list-style-type: disc; padding: 27px 25px 0; }
#home-news { width: 629px; float: right; font-size: 1.2em; line-height: 1.6em; }
#home-news h2 { color: #1e84ac; font-size: 1.2em; font-weight: normal; line-height: 1.3em; margin-bottom: 8px; }
#home-news p { margin-bottom: 10px; }
#home-container { width: 950px; height: 152px; margin: 0 auto; overflow: hidden; zoom: 1; }
#contact-promo { width: 345px; height: 124px; float: left; }
#contact-promo img { display: block; }
#team-promo { width: 595px; height: 124px; float: left; font-size: 1.3em; }
#team-promo ul { list-style-type: disc; margin: 0 0 0 15px; }
#partners { margin-top: 20px; }
#partners li { display: inline; }
#footer-wrapper { background: #455660 url('../img/bgd-footer-wrapper.jpg') repeat-x top center; display: block; position: relative; }
#footer { width: 960px; background: #455660; color: #c8c8c8; font-size: 1.2em; margin: 0 auto; padding: 23px 0 0; overflow: hidden; zoom: 1; }
#footer a { color: #c8c8c8; font-weight: bold; }
#footer a:hover { color: #fff; }
#call-action-wrapper { height: 44px; background: #f4f5f7; }
#call-action { width: 960px; height: 29px; background: #f4f5f7; font-size: 1.2em; margin: auto; overflow: hidden; zoom: 1; padding: 15px 0 0; }
#call-action ul { float: left; }
#call-action li { background: url('../img/bgd-call-action-li.gif') no-repeat right; display: inline; padding-right: 15px; margin-right: 55px; }
#call-action a { color: #007ba9; text-decoration: none; }
#call-action a:hover { color: #435762; }
#call-action p { width: 200px; color: #455660; display: block; float: right; text-align: right; }
#legals { width: 600px; float: left; margin-bottom: 30px; }
#legals p img { margin-right: 32px; vertical-align: middle; }
#footer-search { width: 300px; float: right; overflow: hidden; zoom: 1; }
#footer-search .input { width: 223px; height: 23px; background: url('../img/bgd-input-footer-search.gif') no-repeat bottom right; border: 0; float: left; padding: 7px 0 0 10px; vertical-align: top; }
#footer-search .search-button { display: block; float: left; vertical-align: top; }
#footer-col-01 { width: 312px; float: left; }
#footer-col-01 img { display: block; }
#footer-col-02, #footer-col-03 { width: 185px; float: left; margin-right: 30px; }
#footer-col-04 { width: 185px; float: left; }
#footer .break { margin-bottom: 22px; }
#footer ul { margin: 5px 0 25px 15px; }
#footer ul li { list-style-type: disc; padding: 3px 0; }
#footer ul li a { font-weight: normal; }
#footer ul li ul { margin-top: 0; margin-bottom: 0; }
#footer ul li ul li { list-style-type: disc; }
/* Main Menu Items */
a.nav-left,
a.nav-middle { height: 36px; cursor: pointer; display: block; float: left; margin-right: 1px; text-indent: -10000px; }
a.nav-right { height: 36px; cursor: pointer; display: block; float: left; text-indent: -10000px; }
#link-how { width: 218px; background: url('../img/nav-how.png') 0 0; }
#link-funding { width: 115px; background: url('../img/nav-funding.png') 0 0; }
#link-tools { width: 201px; background: url('../img/nav-tools.png') 0 0; }
#link-news { width: 166px; background: url('../img/nav-news.png') 0 0; }
#link-resources { width: 132px; background: url('../img/nav-resources.png') 0 0; }
#link-contacts { width: 123px; background: url('../img/nav-contacts.png') 0 0; }
/* Menu Dropdowns */
.drop-down-menu { width: 264px; margin: 36px 0px 0px 0px; display: none; font-size: 1.3em; position: absolute; z-index: 1030; }
.drop-down-menu a { display: block; font-weight: bold; text-decoration: none; overflow: hidden; zoom: 1; }
.drop-down-menu a span { display: block; float: left; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
.drop-down-menu a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
.drop-down-menu li { border-bottom: 1px solid #f1f1f2; padding: 13px 0; }
.drop-down-menu li.end { border-bottom: 0px solid #f1f1f2; padding: 13px 0 0; }
.top { width: 264px; height: 13px; background: url('../img/bgd-medium-top.png') no-repeat; }
.middle { width: 224px; background: url('../img/bgd-medium-middle.png') repeat-y; padding: 0 20px; }
.bottom { width: 264px; height: 18px; background: url('../img/bgd-medium-bottom.png') no-repeat; }
/* Latest Tabs Script */
ul.latest-tab-nav { list-style: none; margin: 0 !important; padding: 0; }
ul.latest-tab-nav li { display: inline; }
ul.latest-tab-nav li a { width: 312px; height: 29px; color: #027aae; display: block; float: left; font-size: 1.4em; font-weight: bold; margin-right: 29px; padding: 4px 0 0; text-align: center; text-decoration: none;background:rgb(229, 229, 231); font-size:1.2em;margin-top: 12px; margin-right:0;height:21px;}
ul.latest-tab-nav li a.end { margin-right: 0; }
ul.latest-tab-nav li a.selected { background: #f1f1f3 url(../img/bgd-latest-tabs.jpg) no-repeat top center; color: #475562; font-size:1.4em; margin-top: 8px ;height:29px;padding: 8px 0 0;}
ul.latest-tab-nav li a:hover { color: #2d2d2d; }
ul.latest-tab-nav li a:focus { outline: 0; }
#tab-latest-news { padding: 70px 0 0 20px; }
#tab-latest-events { padding: 70px 0 0 20px; }
#tab-latest-documents { padding: 70px 0 0 20px; }
.latest-col { width: 182px; float: left; margin-right: 20px; }
.latest-col-home { width: 182px; float: left; margin-right: 20px; }
.latest-col-last { margin-right: 0px; }
.latest-switcher { clear: both; margin-top: -12px; padding-left: 225px; position: relative; text-align: center; overflow: hidden; zoom: 1; }
.latest-switcher .dot { float: left; margin: 11px 10px 0 0; cursor: pointer; }
.file-icon { float: left; margin: 0 10px 20px 0; }
/* News Control */
#resources-control { width: 624px; background: url('../img/bgd-home-silver.gif') repeat-x top center; line-height: 1.6em; overflow: hidden; zoom: 1; }
#news-control { width: 624px; background: url('../img/bgd-home-silver.gif') repeat-x top center; line-height: 1.6em; overflow: hidden; zoom: 1; }
#news-control h2 { color: #1e84ac; font-weight: normal; line-height: 1.3em; margin-bottom: 8px; }
#news-control p { margin: 0; padding-bottom: 5px; }
.news-control-single { width: 624px; line-height: 1.6em; margin: 20px 0 0; overflow: hidden; zoom: 1; }
.news-control-single h2 { color: #1e84ac; font-weight: normal; line-height: 1.3em; margin-bottom: 8px; }
.news-control-single p { margin: 0; padding-bottom: 5px; }
.news-control .latest-col { width: 180px; float: left; margin-right: 22px; }
#control-switcher { clear: both; margin-top: -30px; padding-left: 211px; position: relative; text-align: center; overflow: hidden; zoom: 1; }
#control-switcher .dot { float: left; margin: 11px 10px 0 0; cursor: pointer; }
.control-switcher { clear: both; padding-left: 211px; position: relative; text-align: center; overflow: hidden; zoom: 1; }
.control-switcher .dot { float: left; margin: 11px 10px 0 0; cursor: pointer; }
#news-control ul.latest-tab-nav { list-style: none; margin: 0; padding: 0; }
#news-control ul.latest-tab-nav li { display: inline; }
#news-control ul.latest-tab-nav li a { width: 190px; height: 29px; color: #027aae; display: block; float: left; font-size: 1.4em; font-weight: bold; margin-right: 26px; padding: 8px 0 0; text-align: center; text-decoration: none; }
#news-control ul.latest-tab-nav li a.dots { background: url('../img/bgd-latest-tabs-dots.gif') no-repeat top right; }
#news-control ul.latest-tab-nav li a.end { margin-right: 0; margin-left: 2px; }
#news-control ul.latest-tab-nav li a.selected { background: #f1f1f3 url(../img/bgd-latest-tabs.jpg) no-repeat top center; color: #475562; }
#news-control ul.latest-tab-nav li a:hover { color: #2d2d2d; }
#news-control ul.latest-tab-nav li a:focus { outline: 0; }
#news-control #tab-latest-news { padding: 70px 0 20px 20px; }
#news-control #tab-latest-events { padding: 70px 0 20px 20px; }
#news-control #tab-latest-documents { padding: 70px 0 20px 20px; }
/* Buttons */
.btn-login { width: 73px; height: 23px; background: url('../img/btn-login.jpg') 0 0; color: #0373a1; display: block; float: left; font-size: 1.2em; margin-top: 12px; padding: 6px 0 0 13px; text-decoration: none; }
a:hover.btn-login { background-position: -86px 0; color: #302b2f; }
.btn-register { width: 78px; height: 23px; background: url('../img/btn-register.jpg') 0 0; color: #0373a1; display: block; float: left; font-size: 1.2em; margin-top: 12px; padding: 6px 0 0 13px; text-decoration: none; }
a:hover.btn-register { background-position: -91px 0; color: #302b2f; }
.btn-find-out-how { width: 130px; height: 32px; background: url('../img/btn-find-out-how.jpg') 0 0; display: block; text-indent: -10000px; }
a:hover.btn-find-out-how { background-position: -130px 0; }
.btn-get-in-touch { width: 125px; height: 32px; background: url('../img/btn-get-in-touch.jpg') 0 0; display: block; float: left; margin-right: 19px; text-indent: -10000px; }
a:hover.btn-get-in-touch { background-position: -124px 0; }
.btn-faqs-get-in-touch { width: 125px; height: 32px; background: url('../img/btn-get-in-touch.jpg') 0 0; display: block; margin: 0 0 30px; text-indent: -10000px; }
a:hover.btn-faqs-get-in-touch { background-position: -124px 0; }
.btn-recruitment { width: 125px; height: 32px; background: url('../img/btn-recruitment.jpg') 0 0; display: block; float: left; text-indent: -10000px; }
a:hover.btn-recruitment { background-position: -124px 0; }
.btn-all-news-articles { width: 120px; height: 25px; background: url('../img/btn-all-news-articles.jpg') 0 0; color: #0373a1; display: block; float: right; font-size: 1em; margin-right: 10px; padding: 5px 0 0 13px; text-decoration: none; }
a:hover.btn-all-news-articles { background-position: -133px 0; color: #302b2f; }
.btn-latest-left { width: 30px; height: 31px; background: url('../img/btn-latest-left.jpg') 0 0; display: block; float: left; margin-right: 18px; text-indent: -10000px; }
a:hover.btn-latest-left { background-position: -30px 0; }
.btn-latest-right { width: 30px; height: 31px; background: url('../img/btn-latest-right.jpg') 0 0; display: block; float: left; margin-left: 8px; text-indent: -10000px; }
a:hover.btn-latest-right { background-position: -30px 0; }
.btn-latest-left-white { width: 30px; height: 31px; background: url('../img/btn-latest-left-white.jpg') 0 0; display: block; float: left; margin-right: 18px; text-indent: -10000px; }
a:hover.btn-latest-left-white { background-position: -30px 0; }
.btn-latest-right-white { width: 30px; height: 31px; background: url('../img/btn-latest-right-white.jpg') 0 0; display: block; float: left; margin-left: 8px; text-indent: -10000px; }
a:hover.btn-latest-right-white { background-position: -30px 0; }
.btn-more-news { width: 95px; height: 25px; background: url('../img/btn-more-news.jpg') 0 0; color: #0373a1; display: block; font-size: 1em; padding: 5px 0 0 13px; text-decoration: none; }
a:hover.btn-more-news { background-position: -108px 0; color: #302b2f; }
.btn-read-all-faqs { width: 110px; height: 23px; background: url('../img/btn-read-all-faqs.jpg') 0 0; color: #0373a1; display: block; font-size: 1em; padding: 7px 0 0 13px; text-decoration: none; }
a:hover.btn-read-all-faqs { background-position: -123px 0; color: #302b2f; }
.btn-all-downloads { width: 109px; height: 25px; background: url('../img/btn-all-downloads.jpg') 0 0; color: #0373a1; display: block; float: right; font-size: 1em; margin-right: 10px; padding: 5px 0 0 13px; text-decoration: none; }
a:hover.btn-all-downloads { background-position: -121px 0; color: #302b2f; }
.btn-view-third-party { width: 215px; height: 27px; background: url('../img/btn-large.jpg') 0 0; color: #0373a1; display: block; font-size: 1.1em; font-weight: bold; padding: 9px 0 0 13px; text-decoration: none; }
a:hover.btn-view-third-party { background-position: -228px 0; color: #302b2f; }
.btn-waste-wood { width: 215px; height: 27px; background: url('../img/btn-large.jpg') 0 0; color: #0373a1; display: block; font-size: 1.1em; margin: 0 0 30px; padding: 9px 0 0 13px; text-decoration: none; }
a:hover.btn-waste-wood { background-position: -228px 0; color: #302b2f; }
.btn-month-left { width: 78px; height: 23px; background: url('../img/btn-month-left.jpg') 0 0; color: #0373a1; display: block; float: left; font-size: 1.1em; margin: 0 0 0 10px; padding: 7px 0 0 30px; position: relative; text-decoration: none; }
a:hover.btn-month-left { background-position: -108px 0; color: #302b2f; }
.btn-month-right { width: 64px; height: 23px; background: url('../img/btn-month-right.jpg') 0 0; color: #0373a1; display: block; float: right; font-size: 1.1em; margin: 0 10px 0 0; padding: 7px 0 0 13px; position: relative; text-decoration: none; }
a:hover.btn-month-right { background-position: -77px 0; color: #302b2f; }
.btn-login-page { width: 95px; height: 23px; background: url('../img/btn-more-news.jpg') 0 0; color: #0373a1; display: block; font-size: 1em; font-weight: bold; margin: 20px 0 20px; padding: 7px 0 0 13px; text-decoration: none; }
a:hover.btn-login-page { background-position: -108px 0; color: #302b2f; }
.btn-view-calendar { width: 108px; height: 23px; background: url('../img/btn-view-calendar.jpg') 0 0; color: #0373a1; display: block; font-size: 1em; margin: 10px 0 0; padding: 7px 0 0 13px; text-decoration: none; }
a:hover.btn-view-calendar { background-position: -121px 0; color: #302b2f; }
.btn-generic { width: 120px; height: 23px; background: url('../img/btn-generic.png') 0 0; color: #0373a1; display: block; font-size: 1em; font-weight: bold; margin: 20px 0 20px; padding: 6px 0 0 13px; text-decoration: none; }
a:hover.btn-generic { background-position: -133px 0; color: #302b2f; }
/* Our Partners Rollovers */
.partner-business-council,
.partner-business-in-the-community,
.partner-wrap,
.partner-why-waste,
.partner-carbon-trust { height: 78px; display: block; float: left; text-indent: -10000px; }
.partner-business-council { width: 175px; background: url('../img/partner-business-council.jpg') 0 0; margin-right: 75px; }
a:hover.partner-business-council { background-position: -175px 0; }
.partner-business-in-the-community { width: 75px; background: url('../img/partner-business-in-the-community.jpg') 0 0; margin-right: 75px; }
a:hover.partner-business-in-the-community { background-position: -75px 0; }
.partner-wrap { width: 175px; background: url('../img/partner-wrap.jpg') 0 0; margin-right: 68px; }
a:hover.partner-wrap { background-position: -175px 0; }
.partner-why-waste { width: 73px; background: url('../img/partner-why-waste.jpg') 0 0; margin-right: 63px; }
a:hover.partner-why-waste { background-position: -73px 0; }
.partner-carbon-trust { width: 75px; background: url('../img/partner-carbon-trust.jpg') 0 0; margin-right: 59px; }
a:hover.partner-carbon-trust { background-position: -75px 0; }
/* JQuery Selectbox */
div.selectbox-wrapper { width: 288px !important; background: #fff; border-top: 0px solid #ccc; border-right: 1px solid #dcdedd; border-bottom: 1px solid #dcdedd;
border-left: 1px solid #dcdedd; margin: 0; padding: 0; position: absolute !important; z-index: 5 !important; }
div.selectbox-wrapper ul { list-style-type: none; margin: 0; padding: 0; }
div.selectbox-wrapper ul li.selected { background-color: #eaf2fb; }
div.selectbox-wrapper ul li { border-bottom: 1px solid #e7e7e7; color: #0f7aa6; cursor: pointer; display: block; list-style-type: none; margin: 0; padding: 10px 0 10px 15px; }
.selectbox { width: 275px; height: 23px; background: url('../img/bgd-dropdown.jpg') no-repeat right; border: none;
color: #63747e; cursor: pointer; display: block; font-size: 1em; margin: 0; padding: 7px 0 0 15px; text-align: left; }
#looking-for select { background: url('../img/bgd-dropdown.jpg') no-repeat right; }
/* JQuery Case Studies */
.stepcarousel {
position: relative; /* leave this value alone */
overflow: scroll; /* leave this value alone */
width: 525px; /* Width of Carousel Viewer itself */
height: 120px; /* Height should enough to fit largest content's height */
margin: auto; }
.stepcarousel .belt {
position: absolute; /* leave this value alone */
left: 0;
top: 0; }
.stepcarousel .panel {
width: 165px; /* Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
float: left; /* leave this value alone */
overflow: hidden; /* clip content that go outside dimensions of holding panel DIV */
margin: 0 14px 0 0; /* margin around each panel */ }
.stepcarousel .panel-last { margin-right: 0; }
.stepcarousel .panel img { display: block; margin-bottom: 10px; }
.stepcarousel .panel span { display: block; margin: 0 10px; }
.news-box { width: 157px; height: 116px; background: url('../img/bgd-news-panel.jpg') 0 0; color: #c9c9cb; display: block; font-size: 1.4em; font-weight: bold; padding: 4px 4px 0; text-decoration: none; }
a:hover.news-box { background-position: -165px 0; color: #2e2d2b; }
/* jQuery carousel for latest news */
.stepcarousel1 {
position: relative; /* leave this value alone */
overflow: scroll; /* leave this value alone */
width: 590px; /* Width of Carousel Viewer itself */
height: 230px; /* Height should enough to fit largest content's height */ }
.stepcarousel1 .belt-news { position: absolute; /* leave this value alone */ left: 0; top: 0; }
.stepcarousel2 {
position: relative; /* leave this value alone */
overflow: scroll; /* leave this value alone */
width: 585px; /* Width of Carousel Viewer itself */
height: 230px; /* Height should enough to fit largest content's height */ }
.stepcarousel2 .belt-news { position: absolute; /* leave this value alone */ left: 0; top: 0; }
/* Lightbox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font-size: 10px; background: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/* Page Content */
#breadcrumb { font-size: 1.2em; margin-left: 10px; }
#breadcrumb a { color: #0174a3; }
#breadcrumb a:hover { color: #465461; }
#content-wrapper { overflow: hidden; zoom: 1; }
/*#sidebar { width: 260px; color: #455660; float: left; font-size: 1.2em; padding: 0 20px 0 10px; overflow:hidden; }*/
#sidebar { width: 260px; color: #455660; float: left; font-size: 1.2em; padding: 0 20px 0 10px;}
#sidebar .title , #content .title { margin-bottom: 12px; }
#sidebar .break { height: 50px; background: #fff url('../img/bgd-submenu-hr.gif') no-repeat; border: 0px solid #fff; color: fff; display: block; margin: 0; }
#sidebar-right { width: 260px; color: #455660; float: left; font-size: 1.2em; padding: 30px 10px 0 30px; }
#sidebar-right .title { margin-bottom: 12px; }
#sidebar-right .break { height: 50px; background: #fff url('../img/bgd-submenu-hr.gif') no-repeat; border: 0px solid #fff; color: fff; display: block; margin: 0; }
#sidebar-right ul { margin: 5px 0 0; }
#sidebar-right li { list-style-position: inside; list-style-type: disc; margin-bottom: 7px; }
#sidebar-right a { text-decoration: none; }
#submenu { width: 302px; background: #fff; margin: 0 0 0 0; padding: 20px 0 30px 0; position: relative; }
#submenu .title { margin-left: 10px; }
/*#submenu li a.top { width: 274px; height: 28px; background: url('../img/bgd-submenu-li-top.jpg') no-repeat; color: #0373a1; display: block; padding: 12px 0 0 20px; text-decoration: none; }
#submenu li a:hover.top { background-position: -588px 0; color: #465461; }
*/
#submenu li a { width: 274px; height: 27px; background: url('../img/bgd-submenu-li.jpg') no-repeat; color: #0373a1; display: block; padding: 10px 0 0 20px; text-decoration: none; }
#submenu li a:hover { background-position: -588px 0; color: #465461; }
/*
#submenu li a.bottom { width: 274px; height: 28px; background: url('../img/bgd-submenu-li-bottom.jpg') no-repeat; color: #0373a1; display: block; padding: 12px 0 0 20px; text-decoration: none; }
#submenu li a:hover.bottom { background-position: -588px 0; color: #465461; }
#submenu li a.on { background-position: -294px 0; color: #fff; }
#submenu li a:hover.on { background-position: -294px 0; color: #fff; }
#submenu li a.small { width: 264px; height: 21px; background: url('../img/bgd-submenu-small.jpg') no-repeat; margin: 0; padding: 7px 0 0 30px; }
#submenu li a.small-on { width: 264px; height: 21px; background: url('../img/bgd-submenu-small.jpg') -294px 0; color: #fff; margin: 0; padding: 7px 0 0 30px; }
#submenu li a.small-bottom { width: 264px; height: 24px; background: url('../img/bgd-submenu-small-bottom.jpg') no-repeat; margin: 0; padding: 6px 0 0 30px; }
#submenu li a.small-bottom-on { width: 264px; height: 24px; background: url('../img/bgd-submenu-small-bottom.jpg') -294px 0; color: #fff; margin: 0; padding: 6px 0 0 30px; }
#submenu li a.small span,
#submenu li a.small-on span,
#submenu li a.small-bottom span,
#submenu li a.small-bottom-on span { margin-left: 10px; }
*/
ul.related { margin: 5px 0 30px; }
.related li { list-style-position: inside; list-style-type: disc; margin-bottom: 7px; }
.related a { text-decoration: none; }
/* Page Content */
#content { width: 630px; float: right; background: url('../img/bgd-content.gif') repeat-y top left; font-size: 1.2em; margin-bottom: 30px; padding: 20px 10px 30px 26px; }
#content h1 { color: #455560; font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 10px; }
#content h2.blue { color: #0074A1; font-size: 1.8em; text-decoration: none; }
#content h2.blue a { display: block; font-weight: normal; text-decoration: none; overflow: hidden; zoom: 1; }
#content h2.blue a span { display: block; float: left; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
#content h2.blue a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
#content p { line-height: 1.5em; padding: 10px 0 15px; }
#content ul { margin: 10px 0 23px 15px; }
#content li { list-style-type: disc; margin-bottom: 7px; }
#content .break { width: 630px; height: 52px; background: url('../img/bgd-content-hr.jpg') no-repeat; }
#content .gallery { margin-bottom: 10px; overflow: hidden; zoom: 1; }
#content .gallery img { display: block; float: left; margin-right: 20px; }
#content .column-01, #content .column-02 { width: 190px; color: #0074A1; float: left; list-style-position: inside; margin: 0 20px 0 0; }
#content .column-03 { width: 190px; color: #0074A1; float: left; list-style-position: inside; margin: 0; }
#content .column-01 a, #content .column-02 a, #content .column-03 a { color: #0074a1; text-decoration: none; }
#content-left { width: 622px; float: left; font-size: 1.2em; margin-bottom: 30px; padding: 20px 0 30px 10px; }
#content-left h1 { font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 10px; }
#content-left p { line-height: 1.5em; padding: 10px 0 15px; }
#content-left ul { margin: 10px 0 23px 15px; }
#content-left li { list-style-type: disc; margin-bottom: 7px; }
#content-left .break { width: 630px; height: 52px; background: url('../img/bgd-content-hr.jpg') no-repeat; }
/* What we do Smarter Ways to work Pages */
#what-we-do-wrapper { overflow: hidden; zoom: 1; }
#what-we-do-wrapper ul { margin: 0; padding: 0; }
#what-we-do-wrapper li { height: 26px; border-bottom: 1px solid #e7e7e7; list-style-type: none; margin: 0; padding: 10px 0 0; }
#what-we-do-wrapper li.top { height: 26px; background: url('../img/bgd-list-top-shadow.jpg') no-repeat top center; border-bottom: 1px solid #e7e7e7; list-style-type: none; margin: 0; padding: 30px 0 0; }
#what-we-do-wrapper h2 { font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 20px; }
#what-we-do-wrapper h3 { color: #037bac; font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 10px; }
#what-we-do-wrapper .latest-col h2 { color: #037bac; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; }
.what-we-do-thumb { margin: 38px 0 10px; }
.what-we-do-col-01 { width: 300px; float: left; margin: 0 20px 30px 0; }
.what-we-do-col-02 { width: 300px; float: left; margin-bottom: 30px; }
.what-we-do-col-01 a, .what-we-do-col-02 a { text-decoration: none; }
.what-we-do-col-01 a, .what-we-do-col-02 a { text-decoration: none; overflow: hidden; zoom: 1; }
.what-we-do-col-01 a span, .what-we-do-col-02 a span {display: inline; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
.what-we-do-col-01 a:hover span, .what-we-do-col-02 a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
#what-we-do-wrapper .latest-switcher { clear: both; margin-top: 30px; padding-left: 225px; position: relative; text-align: center; overflow: hidden; zoom: 1; }
#what-we-do-wrapper .latest-switcher .dot { float: left; margin: 11px 10px 0 0; cursor: pointer; }
.ways-to-work-thumb { margin: 5px 0 30px; }
/* Meet the team Page */
.team-section img {margin-top: 15px;margin-bottom: 15px;}
.team-thumb { margin: 5px 0 25px; }
.team-member-01 { width: 290px; color: #64757f; float: left; margin-right: 35px; }
.team-member-02 { width: 290px; float: left; }
.team-member-01 h2,
.team-member-02 h2 { border-bottom: 1px solid #e7e7e7; color: #64757f; font-size: 1.8em; }
.photo { width: 107px; background: #fff; float: left; height: 160px;}
/* News Page */
.title-events { margin-top: 484px; }
.news-thumb { margin: 38px 0 35px; }
/* jQuery carousel for latest news */
.stepcarouselnewspage {
position: relative; /* leave this value alone */
overflow: scroll; /* leave this value alone */
width: 605px; /* Width of Carousel Viewer itself */
height: 230px; /* Height should enough to fit largest content's height */
margin: auto; }
.stepcarouselnewspage .belt-news { position: absolute; /* leave this value alone */ left: 0; top: 0; }
/* News Archive/Story Page */
.archive-item-top a, .archive-item a { display: block; text-decoration: none; }
.archive-item-top a span, .archive-item a span { display: block; float: left; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
.archive-item-top a:hover span, .archive-item a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; text-decoration: underline; }
.archive-item-top { height: 25px; background: url('../img/abgd-archive-item-top.jpg') no-repeat top center; border-top: 0px solid #e7e7e7; border-bottom: 0px solid #e7e7e7; padding: 10px 15px 0 0; overflow: hidden; zoom: 1; }
.archive-item-top .date { float: right; }
.archive-item { height: 25px; border-bottom: 1px solid #e7e7e7; padding: 10px 15px 0 0; overflow: hidden; zoom: 1; }
.archive-item .date { float: right; }
p.paging { text-align: right; }
p.news-date { color: #455660; font-size: 1.2em; font-weight: bold; line-height: 0; padding: 0 0 3px !important; }
/* Events calendar */
#calendar { width: 620px; background: url('../img/bgd-calendar.gif') no-repeat top; margin: 14px 0px 20px 0px; padding: 10px 0px 10px 0px; text-align: center; color:#455560; }
/*------ RULES TO REMOVE ELEMENTS NOT REQUIRED -- SILVERBEAR TO REMOVE FROM CONTROL ------*/
#ctl00_ContentPlaceHolder2_calendarSpanning1_mainCalendarToolbar,
#ctl00_ContentPlaceHolder2_calendarSpanning1_lblFilter,
#ctl00_ContentPlaceHolder2_calendarSpanning1_ddlFilter,
#ctl00_ContentPlaceHolder2_calendarSpanning1_Image1,
#calendar br{display:none;}
/* Get in Touch Page */
#get-in-touch { width: 600px; height: 57px; background: url('../img/bgd-get-in-touch.jpg') no-repeat; color: #fff; font-size: 1.8em; margin: 38px 0 4px; padding: 30px 0 0 20px; }
#get-in-touch-col-01 { width: 312px; height: 130px; background: url('../img/bgd-content.gif') repeat-y top right; color: #657924; float: left; line-height: 1.4em; }
#get-in-touch-col-01 .title { margin-bottom: 20px; }
#get-in-touch-col-02 { width: 288px; height: 130px; color: #657924; float: right; }
#get-in-touch-col-02 .title { margin-bottom: 17px; }
#get-in-touch-col-02 strong { font-size: 1.5em; font-weight: normal; }
#get-in-touch-col-02 p { margin: 0 0 13px; padding: 0; }
/* Resources Page */
.resources-thumb { margin: 38px 0 30px; }
/* Resources Links Page */
#links-wrapper { overflow: hidden; zoom: 1; }
#links-wrapper ul { margin: 0; padding: 0; }
#links-wrapper li { height: 26px; border-bottom: 1px solid #e7e7e7; list-style-type: none; margin: 0; padding: 10px 0 0; }
#links-wrapper li.top { height: 26px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; list-style-type: none; margin: 10px 0 0; padding: 10px 0 0; }
.links-col-01 { width: 300px; float: left; margin: 0 20px 50px 0; }
.links-col-02 { width: 300px; float: left; margin-bottom: 50px; }
.links-col-01 a, .links-col-02 a { text-decoration: none; }
.links-col-01 a, .links-col-02 a { display: block; text-decoration: none; overflow: hidden; zoom: 1; }
.links-col-01 a span, .links-col-02 a span {display: block; float: left; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
.links-col-01 a:hover span, .links-col-02 a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
p.links-header { clear: both; font-weight: bold; margin-bottom: 0 !important; padding-bottom: 0 !important; }
/* Downloads Page */
.download-section {margin-top:10px;}
.download-col-01 { width: 300px; float: left; }
.download-col-02 { width: 300px; float: right; }
.download-item-top { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 20px; padding: 10px 0 10px 4px; overflow: hidden; zoom: 1; }
.download-item { padding: 10px 0 10px 4px; overflow: hidden; zoom: 1; height:30px;}
.download-item img, .download-item-top img { display: block; float: left; vertical-align: middle; margin-right: 15px; }
.download-item a, .download-item-top a { display: inline; text-decoration: none; }
.download-item a span, .download-item-top a span { display: inline; padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
.download-item a:hover span, .download-item-top a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
/* Case Study Page */
#case-study-col-01 { width: 400px; float: left; }
#case-study-col-01 p.large { font-size: 1.3em; }
#case-study-col-02 { width: 205px; float: right; }
#case-study-col-02 .testimonial { color: #566c11; font-size: 1.3em; }
#case-study-col-02 .testimonial img.quote-left { display: inline; margin-right: 10px; }
#case-study-col-02 .testimonial img.quote-right { display: inline; float: right 10px; margin-right: 10px; margin-top: 3px; text-align: right; }
#case-study-col-02 .break { width: 196px; height: 36px; background: url('../img/bgd-case-study-break.jpg') no-repeat; }
h2.also { margin: 40px 0 20px; }
.case-studies-thumb { margin: 5px 0 20px; }
/* FAQs Page */
.faqs-thumb { margin: 38px 0 30px; }
a.question,
a.question-alt { width: 580px; height: 27px; color: #0074a0; display: block; padding: 8px 0 0 40px; cursor: pointer; position: relative; text-decoration: none; }
a.question { background: #f4f5f7 url('../img/bgd-question.jpg') no-repeat -10px 0; }
a.question-alt { background: #fff url('../img/bgd-question-alt.jpg') no-repeat -10px 0; }
a:hover.question,
a:hover.question-alt { background-position: -621px 0; color: #44555f; }
.answer-wrapper { background: #fff url('../img/bgd-answer.jpg') no-repeat bottom center; padding: 30px 0 40px 20px; overflow: hidden; zoom: 1; }
.icon-answer { width: 35px; height: 20px; background: url('../img/icon-answer.gif') no-repeat; float: left; }
.answer { width: 520px; color: #44555f; float: left; }
.answer p { padding-top: 0 !important; }
/* Contact Page */
p.contact-details { display: block; overflow: hidden; zoom: 1; }
p.contact-details img { float: left; }
p.contact-details strong { float: left; margin-top: 2px; }
.text-green { color: #657924; line-height: 1.4em; }
.text-green strong { font-size: 1.5em; font-weight: normal; }
.asterix, .asterix2 { font-size: 2.2em; color: #0e7daa; margin-left: 10px; }
.asterix { display: inline-block; float:left; margin-top:4px; width:10px;}
.asterix2 { position: absolute; }
.blue-right { color: #0e7daa; float: right; margin-top: 30px; }
.enquiry { vertical-align: top; }
.check { margin-top: 10px; }
.row-grey label, .row-white label, .row-enquiry label, .row-enquiry-grey label { width: 190px; height: 32px; display: block; float: left; margin-left: 20px; padding: 14px 0 0; }
.row-grey { height: 46px; background: #f4f5f7; vertical-align: top; }
.row-enquiry-grey { background: #f4f5f7; vertical-align: top; }
.row-white { height: 46px; vertical-align: top; }
.row-enquiry, .row-enquiry-grey { padding: 10px 0; overflow: hidden; zoom: 1; }
.row-enquiry textarea, .row-enquiry-textarea {width: 298px; height: 108px; border: 1px solid #637581; font-size: 1em; }
.row-enquiry-01 { width: 200px; float: left; margin: 10px 10px 0 0; }
.row-enquiry-01 span { display: block; margin-bottom: 15px; }
.row-enquiry-02 { width: 200px; float: left; margin-top: 10px; }
.row-enquiry-02 span { display: block; margin-bottom: 15px; }
.form { width: 228px; height: 20px; border: 1px solid #637581; font-size: 1em; margin-top: 10px; float:left; }
.submit { margin: 20px 0 0 210px; }
/* Jobs Page */
.job-01, .job-02 { width: 150px; background: url('../img/bgd-jobs-column.jpg') repeat-y top right; float: left; margin: 0 20px 50px 0; padding: 0 20px; }
.job-03 { width: 150px; float: left; margin-bottom: 50px; padding: 0 0 0 20px; }
.job-01 h2, .job-02 h2, .job-03 h2 { color: #1e84ac; font-size: 1.2em; font-weight: bold; line-height: 1.3em; margin-bottom: 8px; }
.job-01 h2 a, .job-02 h2 a, .job-03 h2 a { text-decoration: none; overflow: hidden; zoom: 1; }
.job-01 h2 a span, .job-02 h2 a span, .job-03 h2 a span { padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
.job-01 h2 a:hover span, .job-02 h2 a:hover span, .job-03 h2 a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
/* Login Page */
#login { min-height: 500px; color: #455660; font-size: 1.2em; padding: 0 0 0 10px; }
#login .title { margin: 20px 0 12px; }
.field { height: 30px; margin-bottom: 16px; }
.field img { vertical-align: top; }
.field .input { width: 254px; height: 23px; background: url('../img/input-login-bgd.gif') repeat-x; border: none; color: #64757f; padding: 7px 0 0; vertical-align: top; }
/* Account Pages */
h1.member-account { width: 510px; display: block; float: left; }
h1.member-account img { vertical-align: middle; }
.logout { float: right; }
#correct-details { width: 582px; height: 71px; background: url('../img/bgd-correct-details.jpg') no-repeat; margin: 10px 0 20px; padding: 10px 20px 0 20px; }
#correct-details p { margin: 0; padding: 0; }
#account-profile-col-01 { width: 270px; float: left; margin: 0 20px 0 10px; }
#account-profile-col-02 { width: 270px; float: left; }
#account-profile-col-01 p, #account-profile-col-02 p { display: block; overflow: hidden; zoom: 1; }
#account-profile-col-01 span, #account-profile-col-02 span { display: block; float: right; }
#account-profile-col-01 strong span, #account-profile-col-02 strong span { width: 100px; color: #455660; display: block; float: left; height: 24px; }
#account-profile-col-01 .break, #account-profile-col-02 .break { width: 250px; height: 1px; background: #d8d8d8; margin: 10px 0 20px; }
.account-pref { overflow: hidden; zoom: 1; margin-bottom: 30px; }
.account-pref label { width: 160px; height: 32px; display: block; float: left; }
.account-pref-col-01 { width: 200px; float: left; margin: 0 10px 0 0; }
.account-pref-col-01 span { display: block; margin-bottom: 15px; }
.account-pref-col-02 { width: 200px; float: left; }
.account-pref-col-02 span { display: block; margin-bottom: 15px; }
.account-save { width: 410px; margin-left: 160px; border-top: 1px solid #d8d8d8; padding-top: 20px; }
/* Search Results Pages */
h1.search img { vertical-align: middle; }
#content-search { width: 706px; background: url('../img/bgd-content.gif') repeat-y top right; float: left; font-size: 1.2em; margin-bottom: 30px; padding: 20px 22px 30px 10px; }
#content-search h1 { font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 10px; }
#sidebar-search { width: 200px; color: #455660; background: #fff; float: left; font-size: 1.2em; padding: 110px 0 40px; margin: 0 0 0 -4px; }
#refine-search { width: 193px; height: 255px; background: #fff url('../img/bgd-refine-search.jpg') no-repeat; padding: 65px 0 0 20px; }
#refine-search p { padding-bottom: 21px; }
#results { width: 706px; background: url('../img/bgd-results.jpg') repeat-x; margin-top: 30px; }
ul.results-tab { list-style: none; margin: 0; padding: 0; }
ul.results-tab li { display: inline; }
ul.results-tab li a { width: 115px; height: 31px; color: #027aae; display: block; float: left; font-weight: bold; margin-right: 3px; padding: 8px 0 0; text-align: center; text-decoration: none; }
ul.results-tab li a.dots { background: url('../img/bgd-latest-tabs-dots.gif') no-repeat top right; }
ul.results-tab li a.end { margin: 0 0 0 1px; }
ul.results-tab li a.selected { background: #f1f1f3 url(../img/bgd-latest-tabs.jpg) no-repeat top center; color: #475562; }
ul.results-tab li a:hover { color: #2d2d2d; }
ul.results-tab li a:focus { outline: 0; }
#results-content { padding: 20px; }
#results-content .paging-results { margin: 32px 0 10px; text-align: right; }
.search-result-item {padding:10px 10px 10px 10px;}
.search-result-item .title {color:#0174A3; font-weight:bold; display:block; margin-bottom:5px;}
#results-list { list-style-type: decimal; margin: 0 0 0 25px; }
#results-list a { text-decoration: none; }
#results-list a span { padding-right: 15px; background: url('../img/bgd-menu-arrow-off.gif') no-repeat right; }
#results-list a:hover span { background: url('../img/bgd-menu-arrow-on.gif') no-repeat right; }
#results-list li { padding: 5px 0 30px; }
/* Tools (IFrame) Page */
#tools { min-height: 500px; color: #455660; font-size: 1.2em; padding: 0 0 0 10px; }
#tools h1 { color: #455560; font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 10px; }
#tools .break { width: 760px; height: 40px; background: url('../img/bgd-break-tools.jpg') no-repeat top center; margin: 0 auto; }
/* Biomass (IFrame) Page */
#biomass { min-height: 500px; color: #455660; font-size: 1.2em; padding: 0 0 0 10px; }
#biomass h1 { color: #455560; font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-bottom: 10px; }
/* Tables for data */
.dataTable{
width:630px;
border-collapse:collapse;
color:#455560;
}
.dataTable td, .dataTable th{
border:1px solid #D0D2D3;
padding:5px;
}
.dataTable tr.highlight{
background-color:#E2F3FD;
}
.dataTable tr.altRow{
background-color:#F2F2F2;
}
.dataTable td.dataTableCellNumeric { text-align:right; }
.dataTable td.dataTableCellPlaceholder { text-align:center; }
/* added 23.11.2009 */
.stepcarousel2 h2{height:3.5em; }
#content-left #news-control #tab-latest-news { padding: 20px 0 20px 20px;}
#content-left #news-control ul { margin: 0px 0 23px 15px; overflow:hidden;}
.ctyTab { line-height:1.5em; }
.ctyTab .ajax__tab_header { border-bottom: 1px solid #D0D2D3; border-left: 1px solid #D0D2D3; font-weight:bold; }
.ctyTab .ajax__tab_outer { padding:5px; border:1px solid #D0D2D3; border-bottom: 0px; border-left: 0px; border-collapse:collapse; background:#F2F2F2; }
.ctyTab .ajax__tab_hover .ajax__tab_outer { background:#E2F3FD; }
.ctyTab .ajax__tab_active .ajax__tab_outer { background:#FFFFFF; }
.ctyTab .ajax__tab_body { background:#FFFFFF; }
.dataTable th.ctyFuelTypeColumn, .dataTable td.ctyFuelTypeColumn { width:15em; }
.dataTable th.ctyAmountColumn, .dataTable td.ctyAmountColumn,
.dataTable th.ctyEmissionsColumn, .dataTable td.ctyEmissionsColumn { width:7em; }
.dataTable th.ctyUnitColumn, .dataTable td.ctyUnitColumn { width:4em; }
.dataTable th.ctyControlColumn, .dataTable td.ctyControlColumn { width:7em; }