/* Developer Notes ----------------------------------------------- HOUSEKEEPING To prolong the lifespan of the site and facilitate easy maintenance of the front-end, the core stylesheet should be consistent, and remain as clean and relevant as possible. Here are some top tips: - Class are lowercase and hyphenated, IDs are CamelCase and unhyphenated. eg 'class-name' and 'ElementID' - All font sizes MUST to be EM based - there is a conversion chart below. - If elements are replaced/updated, ensure legacy styles are removed and archived. - When updating/maintaining existing styles, rewrite the css, don't overwrite by extending part of a rule and leaving the legacy style in place or commented out. - Ensure element styles are kept grouped together where possible. - Use comments where necessary. - The site was built to accessibility guidelines and those standards should be maintained when developing the site. GENERAL NOTES The CSS is as generic and re-usable as possible. An HTML element should work in most contexts on the website without the need for too much specicifity in the CSS Nearly all elements are class based for this reason. The pod system has a base '.pod' class which can then be extended accordingly. Check each instance for details. Pods behave differently in the main content to those in the sidebar. The colour varations for each section are held in external CSS themes. EM conversion chart: 6px 0.462em 46.2% 5pt 7px 0.538em 53.8% 5pt 8px 0.615em 61.5% 6pt 9px 0.692em 69.2% 7pt 10px 0.769em 76.9% 8pt 11px 0.846em 84.6% 8pt 12px 0.923em 92.3% 9pt 13px 1em 100% 10pt 14px 1.077em 107.7% 11pt 15px 1.154em 115.4% 11pt 16px 1.231em 123.1% 12pt 17px 1.308em 130.8% 13pt 18px 1.385em 138.5% 14pt 19px 1.462em 146.2% 14pt 20px 1.538em 153.8% 15pt 21px 1.615em 161.5% 16pt 22px 1.692em 169.2% 17pt 23px 1.769em 176.9% 17pt 24px 1.846em 184.6% 18pt 25px 1.923em 26px 2em 27px 2.077em 28px 2.154em 29px 2.231em 30px 2.308em */ /* HTML5Boilerplate Resets ----------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { background: #FFFFFF url('../images/global/body-bg.gif') repeat-x 0 0; font:13px/1.231 sans-serif; *font-size:small; padding-top: 5px; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Base ----------------------------------------------- */ /* Always force a scrollbar in non-IE */ html { overflow-y: scroll; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /* Common Typograph ----------------------------------------------- */ body, select, input, textarea { color: #777777; font-family: Arial, Helvetica, Geneva, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1; } h1 { color: #931638; font-family: Frutiger, "Frutiger Linotype", Helvetica, Arial, sans serif; font-size: 2em; margin-bottom: 12px; } h2, h3, h4, h5 { color: #931638; font-family: Frutiger, "Frutiger Linotype", Helvetica, Arial, sans serif; font-size: 1.385em; padding: 8px 0 0; margin: 0 0 8px; } p { margin-bottom: 12px; } a:link { -webkit-tap-highlight-color: #FF5E99; } a:hover, a:active { outline: none; } a, a:link, a:active, a:visited { color: #333333; text-decoration: underline; } a:hover { text-decoration: underline; } ul { list-style: none; margin-left: 0; margin-bottom: 10px; } /* Content Typography ----------------------------------------------- */ .main ul { font-size: 0.923em; } .main ul li { background: transparent url('../images/content/common/s-brand/bullet.png') no-repeat 0 4px; color: #333333; line-height: 1.308em; padding-left: 20px; } blockquote { background: transparent url('../images/content/common/s-brand/blockquote.png') no-repeat 0 0; font-size: 18px; font-weight: bold; padding-top: 20px; } blockquote span { background: transparent url('../images/content/common/s-brand/blockquote.png') no-repeat 100% 100%; display: block; padding: 0 15px 20px; } blockquote p { background: transparent url('../images/content/common/s-brand/blockquote.png') no-repeat 100% 100%; display: block; padding: 0 15px 20px; } blockquote span p { background: none; padding: 0; } p.intro { font-size: 1.231em!important; } p.note { color: #333; width: 75%; } p.get-acrobat { font-size: 0.923em!important; padding: 5px 0 15px; } .main p strong { color: #333333; font-weight: normal; } .main ul.document-list { border: 1px solid #EFEFEF; clear: both; margin-bottom: 15px; padding: 12px; } .main ul.document-list li { background: none; margin-bottom: 5px; padding-left: 0; } .main ul.document-list li.last { margin-bottom: 0; } .main ul.document-list li a, .main ul.document-list li a:link, .main ul.document-list li a:visited { text-decoration: none; } .main ul.document-list li a:hover, .main ul.document-list li a:active { text-decoration: underline; } .main ul.document-list li:only-child, .main ul.document-list li:last-child, .main ul.document-list li p { margin-bottom: 0; } a.btn { cursor: pointer; font-size: 0.846em; } a.btn, a.btn:link, a.btn:visited { background: #931638 url('../images/buttons/s-brand/btn.png') no-repeat 0 0; color: #FFFFFF; display: block; float: left; font-weight: bold; line-height: 25px; text-decoration: none; padding: 0 9px; zoom: 1; } a.btn:before, a.btn:after { content: "\0020"; display: block; height: 0; overflow: hidden; } a.btn:after { clear: both; } a.btn:hover, a.btn:active { background-color: #333333; background-position: -535px 0; text-decoration: none; } h2 a.btn, h3 a.btn, h4 a.btn { font-size: 1em; } a.btn-tall, a.btn-tall:link, a.btn-tall:visited { line-height: 35px; padding: 0 19px; } .type-pdf { background: transparent url('../images/content/common/pdf-icon-onwhite.gif') no-repeat 0 0; padding-left: 18px; } .type-doc { background: transparent url('../images/content/common/word-icon-onwhite.png') no-repeat 0 0; padding-left: 18px; } .type-csv { background: transparent url('../images/content/common/csv-icon-onwhite.png') no-repeat 0 0; padding-left: 18px; } .type-raquo { background: transparent url('../images/content/common/s-brand/raquo.png') no-repeat 0 50%; padding-left: 12px; } .type-staff { background: transparent url('../images/content/common/staff-icon.png') no-repeat 0 50%; padding-left: 18px; } /* Layout ----------------------------------------------- */ .page-wrapper { margin: 0 auto; padding: 10px 0 0; position: relative; width: 950px; } .column1 { display: block; float: left; width: 220px; } .column2 { display: block; float: left; margin-left: 15px; width: 715px; } .main { display: block; float: left; width: 535px; } /* No right hand pods */ .main-no-pod { display: block; float: left; width: 715px; } .sidebar { display: block; float: right; width: 165px; } .sidebar ul, .sidebar ul li { background: none; list-style: none; margin: 0; padding: 0; } .fll { float: left; margin-right: 10px; } .flr { float: right; margin-left: 20px; } /* Emergency Notice ----------------------------------------------- */ .emergency-notice { background: #931638; position: relative; top: -5px; } .emergency-notice .inner { margin: 0 auto; position: relative; width: 950px; } .emergency-notice p { color: #FFFFFF; font-size: 1.077em; line-height: 45px; margin: 0; } .emergency-notice p strong { font-size: 1.231em; } .emergency-notice a.find-out-more, .emergency-notice a.find-out-more:link, .emergency-notice a.find-out-more:visited { background: #CE0038 url('../images/global/emergency-notice-btn.gif') no-repeat 0 0; font-size: 1em; padding: 0 0 0 10px; position: absolute; right: 0; top: 5px; width: 110px; } .emergency-notice a.find-out-more:hover { background-position: 0 0; text-decoration: none; } /* Masthead ----------------------------------------------- */ .masthead { display: block; height: 80px; margin-top: 15px; position: relative; width: 100%; } .masthead .embrace { height: 68px; position: absolute; left: 0; top: 0; width: 64px; } .masthead .logo { position: absolute; right: 0; top: 0; } .masthead-content { position: absolute; left: 130px; top: 7px; } .masthead-content a.visitor-information { background: #DDD url('../images/buttons/visitor-information.png') no-repeat 0 0!important; display: inline; font-size: 0.923em; margin-right: 5px; padding: 0 13px; } /* Masthead Font Resize */ .accessibility-resizing { display: inline; } .accessibility-resizing ul, .accessibility-resizing li { display: block; float: left; margin: 0; list-style: none; list-style-image: none; } .accessibility-resizing li { line-height: 1; margin-right: 3px; } .accessibility-resizing li .text-normal { font-size: 0.769em; padding-top: 13px; } .ie6 .accessibility-resizing li .text-normal { padding-top: 14px; } .accessibility-resizing li .text-medium { font-size: 0.923em ; padding-top: 12px; } .accessibility-resizing li .text-large { font-size: 1.077em; font-weight: bold; padding-top: 10px; margin-right: 5px; } .accessibility-resizing li a, .accessibility-resizing li a:link, .accessibility-resizing li a:visited { color:#626262; display: block; text-decoration: none; } .accessibility-resizing li a:hover, .accessibility-resizing li a:active { text-decoration: underline; } /* Masthead Search */ .search-the-site { background: #828282 url('../images/global/site-search-form-bg.gif') repeat-x 0 0; display: inline; padding: 5px 0; width: 280px; } .ie6 .search-the-site { padding: 4px 0px; } .search-the-site legend, .search-the-site label, .search-the-site .fr-action input { color: #FFF;} .search-the-site .fr-input { display: block; float: left; width: 210px; } .search-the-site .fr-input input { background: #FFF url('../images/global/site-search-input-bg.png') no-repeat 0 0; border-color: #FFFFFF; border: none; color: #828282; font-size: 0.923em; height: 25px; margin: 0 5px 0 5px; padding: 0px 5px 0 20px; width: 175px; } .search-the-site .fr-action { display: block; float: left; width: 64px; } .search-the-site .fr-action input { background: transparent url('../images/global/site-search-btn.gif') no-repeat 0 0; cursor: pointer; float: left; line-height: 0; height: 25px; width: 64px; } .search-the-site .fr-action input:active { background-position: 1px 1px; } /* Header ----------------------------------------------- */ .page-header { margin-top: 10px; } .page-header .hero { display: block; line-height: 0; font-size: 0; } /* Primary Navigation */ .nav-pri { border-top: 10px solid #FFF;} .nav-pri, .nav-pri li { margin: 0; list-style: none; list-style-image: none; } .nav-pri li { display: block; float: left; } .nav-pri li a { background: #555 url('../images/global/nav-pri-bg.png') no-repeat 0 0; } .nav-pri li a, .nav-pri li a:link, .nav-pri li a:visited { color: #FFFFFF; display: block; font-size: 1.077em; font-weight: bold; line-height: 40px; text-align: center; width: 158px; text-decoration: none; } .nav-pri li.first a, .nav-pri li.last a { width: 159px; } .nav-pri li.np1 a { background-position: 0 0; } .nav-pri li.np2 a { background-position: -159px 0; } .nav-pri li.np3 a { background-position: -475px 0; } .nav-pri li.np4 a { background-position: -317px 0; } .nav-pri li.np5 a { background-position: -633px 0; } .nav-pri li.np6 a { background-position: -791px 0; } .nav-pri li a:hover, .nav-pri li a:active { text-decoration: none; } .nav-pri li.np1 a:hover, .nav-pri li.np1 a:active { background-color: #931638; background-position: -950px 0; } .nav-pri li.np2 a:hover, .nav-pri li.np2 a:active { background-color: #00338E; background-position: -1109px 0; } .nav-pri li.np3 a:hover, .nav-pri li.np3 a:active { background-color: #009966; background-position: -1267px 0; } .nav-pri li.np4 a:hover, .nav-pri li.np4 a:active { background-color: #330099; background-position: -1425px 0; } .nav-pri li.np5 a:hover, .nav-pri li.np5 a:active { background-color: #0099CC; background-position: -1583px 0; } .nav-pri li.np6 a:hover, .nav-pri li.np6 a:active { background-color: #CC0000; background-position: -1741px 0; } /* Primary Navigation - active state */ .nav-pri li a { position: relative; } .nav-pri li a span { background: #FFF url('../images/global/nav-pri-bg-active.png') no-repeat 0 0; display: none; height: 20px; position: absolute; top: -20px; left: 0; width: 158px; } .nav-pri li.np1 a span { background-position: 0 0; } .nav-pri li.np2 a span { background-position: -159px 0; } .nav-pri li.np3 a span { background-position: -317px 0; } .nav-pri li.np4 a span { background-position: -475px 0; } .nav-pri li.np5 a span { background-position: -633px 0; } .nav-pri li.np6 a span { background-position: -791px 0; } /* Content ----------------------------------------------- */ /* Breadcrumb */ .breadcrumb:before, .breadcrumb:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .breadcrumb:after { clear: both; } .breadcrumb { margin-left: 235px; margin-bottom:10px; } .breadcrumb ul:before, .breadcrumb ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .breadcrumb ul:after { clear: both; } .breadcrumb ul { padding: 10px 0; } .breadcrumb ul, .breadcrumb li { list-style: none; list-style-image: none; margin: 0; } .breadcrumb li { background: transparent url('../images/global/breadcrumb-divide.png') no-repeat 100% 50%; color: #333333; display: block; float: left; line-height: 20px; margin-right: 3px; padding-right: 7px; } .breadcrumb li a, .breadcrumb li a:link, .breadcrumb li a:visited { color: #931638; text-decoration: none; } .breadcrumb li a:hover, .breadcrumb li a:active { text-decoration: underline; } /* Secondary Navigation */ .nav-sec h2 { margin: 20px 0; } .nav-sec ul, .nav-sec li { list-style: none; list-style-image: none; margin: 0; } .nav-sec li a, .nav-sec li a:link, .nav-sec li a:visited { background-color: #FFFFFF; border-top: 1px solid #efefef; color: #333333; display: block; font-size: 1.077em; line-height: 1.692em; padding: 0 18px; text-decoration: none; zoom: 1; } .nav-sec li a:active, .nav-sec li a:hover, .nav-sec li a.current { background-color: #931638; color: #FFFFFF; } .nav-sec li.parent a, .nav-sec li.parent a:link, .nav-sec li.parent a:visited { background: url('../images/buttons/s-brand/nav-sec-l1.png') no-repeat 0 0; } .nav-sec li.parent a:hover, .nav-sec li.parent a:active { background-position: -535px 0; } .nav-sec li.parent li a, .nav-sec li.parent li a:link, .nav-sec li.parent li a:visited { background: none; } .nav-sec li.parent-open a.active-section { background: url('../images/buttons/s-brand/nav-sec-l1-active.png') no-repeat 0 0; color: #FFFFFF; } .nav-sec li li a, .nav-sec li li a:link, .nav-sec li li a:visited { background-color: #efefef; border-color: #FFFFFF; padding-left: 29px; } .nav-sec li li a:active, .nav-sec li li a:hover, .nav-sec li.parent-open ul li a.current { background: #555555; color: #FFFFFF; } .nav-sec li li.parent a, .nav-sec li li.parent a:link, .nav-sec li li.parent a:visited { background: #555555 url('../images/buttons/s-brand/nav-sec-l2.png') no-repeat 0 0; color: #333333; } .nav-sec li.parent-open li.parent-open a.active-section { background: #828282 url('../images/buttons/s-brand/nav-sec-l2.png') no-repeat -535px 0; } .nav-sec li li li a, .nav-sec li li li a:link, .nav-sec li li li a:visited { background-color: #ffffff; border-color: #efefef; padding-left: 38px; } .nav-sec li li li a:hover, .nav-sec li li li a:active, .nav-sec li.parent-open ul li.parent-open a.current { background: none; color: #333333; text-decoration: underline; } /* View Sort */ ul.view-sort { list-style: none; margin: 0 0 10px; padding: 10px 0 0; } ul.view-sort li { background: none; display: block; float: left; margin-right: 10px; padding: 0; } .view-sort a { background: transparent url('../images/content/common/view-icons.png') no-repeat 0 0; height: 14px; width: 19px; } .view-sort a.full-view { background-position: 0 0; } .view-sort a.full-view:hover, .view-sort a.full-view:active, .view-sort .active a.full-view { background-position: 0 -15px; } .view-sort a.thumbnail-view { background-position: -20px 0; } .view-sort a.thumbnail-view:hover, .view-sort a.thumbnail-view:active, .view-sort .active a.thumbnail-view { background-position: -20px -15px; } .view-sort a.list-view { background-position: -40px 0; } .view-sort a.list-view:hover, .view-sort a.list-view:active, .view-sort .active a.list-view { background-position: -40px -15px; } /* VCard */ .vcard { display: block; font-size: 0.923em; font-style: normal; line-height: 1.308em; margin-top: 10px; margin-bottom: 15px; width: 250px; } .vcard .arow { display: block; clear: both; } .vcard .name { color: #333333; } .vcards { border: 1px solid #efefef; margin-top: 10px; padding: 0 10px 10px; } .vcards .vcard { float: left; margin-bottom: 0; } /* Button Alternatives */ a.btn-twitter, a.btn-twitter:link, a.btn-twitter:visited { background-image: url('../images/buttons/s-brand/twitter-btn.png'); float: none; line-height: 35px; padding-left: 50px; } a.btn-page { background: #931638 url('../images/buttons/s-brand/paging-sprite.png') no-repeat 0 0; cursor: pointer; display: block; float: left; height: 25px; border-left: 1px solid #FFF; overflow: hidden; text-indent: -999em; width: 40px; } a.btn-page:hover, a.btn-page:active { background-color: #828282; } a.btn-page-down, a.btn-page-down:link, a.btn-page-down:visited { background-position: 0 0; } a.btn-page-down:hover, a.btn-page-down:active { background-position: 0 -26px; } a.btn-page-up, a.btn-page-up:link, a.btn-page-up:visited { background-position: -41px 0; } a.btn-page-up:hover, a.btn-page-up:active { background-position: -41px -26px; } a.btn-page-left { background-position: -82px 0; } a.btn-page-left:hover, a.btn-page-left:active { background-position: -82px -26px; } a.btn-page-right { background-position: -123px 0; } a.btn-page-right:hover, a.btn-page-right:active { background-position: -123px -26px; } a.btn-page-number { margin-left: 1px; } a.btn-page-view-all { width: 160px; } a.btn-back, a.btn-back:link, a.btn-back:visited { background-image: url('../images/buttons/grey-btn-back.png')!important; background-color: #555555!important; background-position: -535px 0!important; margin-right: 10px; padding-left: 15px; } a.btn-back:hover, a.btn-back:active { background-color: #333333; background-position: 0 0!important; } a.btn-top, a.btn-top:link, a.btn-top:visited { background-image: url('../images/buttons/grey-btn-top.png')!important; background-color: #555555!important; background-position: -535px 0!important; margin-right: 10px; padding-left: 15px; } a.btn-top:hover, a.btn-top:active { background-color: #333333; background-position: 0 0!important; } .paging { margin-bottom: 10px; width: 100%; } .paging:before, .paging:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .paging:after { clear: both; } .paging .pages { float: right; } .paging .pages ul { margin: 0; } .paging .pages ul li { padding: 0; } .js .sidebar .paging { margin-bottom: 15px; } .paging-grey { background: #333 url('../images/content/common/paging-grey-bg.gif') repeat-x 0 0; } .paging-grey a.btn { background-color: #828282; background-image: url('../images/buttons/grey-paging-bg.png')!important; background-repeat: repeat-x; border-left: 1px solid #FFF; } .paging-grey a.btn:hover, .paging-grey a.btn:active, .paging-grey a.btn.active { background-position: 0 -26px; } .paging-grey a.btn-page { background-color: #828282; background-image: url('../images/buttons/grey-paging-sprite.png'); } .paging-grey a.btn-page:hover, .paging-grey a.btn-page:active { background-color: #333333; } .paging-grey .page-numbers { color: #FFFFFF; float: left; font-weight: bold; line-height: 25px; } .paging-grey .page-count { padding-right: 5px; } .paging-grey-tall .pages { float: none; } .paging-grey-tall { background: #828282 url('../images/buttons/grey-btn.png') no-repeat 0 0; } .paging-grey-tall a.btn { background-color: #828282; background-image: url('../images/buttons/grey-btn.png'); background-repeat: repeat-x; border-right: 1px solid #FFF; } .paging-grey-tall a.btn:hover, .paging-grey-tall a.btn:active, .paging-grey-tall a.btn.active { background-color: #333; background-position: 100% 0; } div.in-page-navigation ul { background: url('../images/content/common/in-page-nav-bg.png') repeat scroll 0 0; } div.in-page-navigation ul li { background: none; border-right: 2px solid #FFFFFF; display: block; float: left; margin-bottom: 5px; padding: 0; } div.in-page-navigation ul li a, div.in-page-navigation ul li a:link, div.in-page-navigation ul li a:visited { background-color: #f2f2f2; background-image: none; color: #333333; font-size: 1em; } div.in-page-navigation ul li a:hover, div.in-page-navigation ul li a:active, div.in-page-navigation ul li.active a { background: #931638 url('../images/buttons/s-brand/btn.png') no-repeat 0 0; color: #FFFFFF; } /* Pod Component */ .pod { background: #efefef; border-bottom: 5px solid #931638; display: block; } .pod:before, .pod:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .pod:after { clear: both; } .pod { zoom: 1; } .pod .image { font-size: 0; line-height: 0; } .pod .image-solo { height: 175px; } .pod .heading { background: #931638 url('../images/content/common/s-brand/tall-gradient.png') repeat-x 0 0; padding: 0 10px; position: relative; } .pod .heading h3, .pod .heading h4, .pod .heading h5 { color: #FFFFFF; line-height: 35px; margin: 0; padding: 0; } .pod .heading .rhs { position: absolute; right: 5px; top: 5px; } .pod .copy { color:#626262; padding: 15px 15px 0; } .pod .copy h2, .pod .copy h3, .pod .copy h4 { color: #333333; font-size: 1.385em; margin: 0; padding: 0 0 7px; } .pod .copy h2 span, .pod .copy h3 span, .pod .copy h4 span { display: block; font-size: 0.846em; } .pod .copy h2 a, .pod .copy h3 a, .pod .copy h4 a { text-decoration: none; } .pod .copy h2 a:hover, .pod .copy h2 a:active .pod .copy h3 a:hover, .pod .copy h3 a:active, .pod .copy h4 a:hover, .pod .copy h4 a:active { text-decoration: underline; } .pod .copy .hgroup h2, .pod .copy .hgroup h3, .pod .copy .hgroup h4 { padding: 0 0 2px; } .pod .copy .hgroup .date { color: #333333; font-size: 1em ; font-weight: bold; } .pod .copy p { margin-bottom: 0; padding-bottom: 7px; } .pod .copy ul { font-size: 1em; margin: 0; } .pod .copy ul li { background: transparent url('../images/content/common/s-brand/raquo-ongrey.png') no-repeat 0 50%; font-size: 0.846em; } .pod .copy ul li p { margin: 0; } .pod .copy ul li a { text-decoration: none; } .pod .copy ul li a:hover, .pod .copy ul li a:active { text-decoration: underline; } .pod .link { background: #efefef; padding: 0 15px; } .pod .copy .link { padding: 0; } .pod .link:before, .pod .link:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .pod .link:after { clear: both; } .pod .link { zoom: 1; } /* Pod - Alternatives White BG, no bottom border */ .pod-white { background: #FFF; } .pod-no-border { background: #FFF; border-bottom: none; } .pod-white .copy { border: 1px solid #efefef; font-size: 0.846em; padding: 9px; } .pod-white .copy strong { color: #333333; } .pod-white .copy ol { list-style: none; margin: 0; } /* Pod - Heading area stuff */ .pod .heading .rss { background: transparent url('../images/buttons/rss-btn.png') no-repeat scroll 0 0; color: #FFF; height: 20px; width: 38px; } .pod .heading fieldset.filter .fr { display: block; float: left; margin-left: 5px; } .pod .heading fieldset.filter .fr-input { padding-top: 3px; } .pod .heading fieldset.filter label { color: #FFFFFF; display: block; float: left; line-height: 1; margin: 3px 10px 0 0; } .pod .heading fieldset.filter select { background: #FFFFFF url('../images/buttons/filter-select-bg.png') no-repeat 0 0; border: none; display: block; float: left; } /* Pod - Text */ .pod-text .copy { min-height: 70px; } .ie6 .pod-text .copy { height: 70px; } .pod .link-list ol { list-style: none; margin: 0; } .pod .link-list ol li { display: block; clear: both; font-size: 1em; padding-bottom: 10px; } .pod .link-list ol li a { display: inline; text-align: center; width: 120px; } .pod .link-list ol li .file-information { background: transparent url('../images/content/common/pdf-icon-ongrey.gif') no-repeat 0 50%; color: #333333; font-size: 0.846em; line-height: 25px; display: inline; margin-left: 10px; padding: 2px 0 1px 16px; } .pod-text .link { min-height: 40px; } .ie6 .pod-text .link { height: 40px; } .pod-text .double-link { min-height: 75px; } .ie6 .pod-text .double-link { height: 75px; } .sidebar .pod-text .copy { font-size: 0.769em; min-height: 0; height: auto; padding: 15px; } .sidebar .pod-text .copy p { padding: 0; } .sidebar .pod-text .text-link { min-height: 25px; } .ie6 .sidebar .pod-text .text-link { height: 25px; } .sidebar .pod-text .text-link a.btn { background: none; color: #333; font-weight: normal; line-height: 1; padding: 0; text-decoration: underline; } .sidebar .pod-text .video-link a.btn { background: transparent url('../images/buttons/s-charity/video-link-bg.png') no-repeat 0 50%; padding: 0 0 0 18px; } .sidebar .pod-text a {text-decoration:none} .sidebar .pod-text h3 a:hover {text-decoration:underline} .sidebar .pod-text p a {color: #626262} /* Pod - Facebook */ .pod-facebook { border-bottom: none; } .pod-facebook .link { min-height: 50px; } .ie6 .pod-facebook .link { height: 50px; } /* Pod - Large - Article / News etc */ .pod-text-large .copy { min-height: 85px; } .ie6 .pod-text-large .copy { height: 85px; } /* Pod - Aside */ .pod-aside { width: 275px; } /*.pod-aside .copy { min-height: 40px; } .ie6 .pod-aside .copy { height: 40px; }*/ /* Pod - Text Wide */ .pod-text-wide { clear: both; min-height: 195px; position: relative; width: 535px; } .ie6 .pod-text-wide { height: 195px; } .pod-text-wide .copy { min-height: 140px; } .ie6 .pod-text-wide .copy { height: 140px; } .pod-text-wide .link { min-height: 40px; } .ie6 .pod-text-wide .link { height: 40px; } .pod-text-wide-img-left .image { left: 0; position: absolute; top: 0; } .pod-text-wide-img-left .copy, .pod-text-wide-img-left .link { margin-left: 275px; } .pod-text-wide-img-right .image { right: 0; position: absolute; top: 0; } .pod-text-wide-img-right .copy, .pod-text-wide-img-right .link { margin-right: 275px; } /* Pod - List */ .pod-listing ul { border: 1px solid #efefef; border-top: none; font-size: 1em; list-style: none; margin: 0; padding: 9px; } .pod-listing ul li { background: none; font-size: 1em; margin-bottom: 2px; padding-left: 0; } .pod-listing ul li a, .pod-listing ul li a:link, .pod-listing ul li a:visited { background: transparent url('../images/content/common/s-brand/raquo.png') no-repeat 0 5px; color: #333333; font-size: 0.846em; padding: 3px 0 3px 10px; text-decoration: none; } .pod-listing ul li a:hover, .pod-listing ul li a:active { text-decoration: underline; } .pod-listing ul li.xml { font-size: 0; margin: 3px 0 0; padding: 0; } .pod-listing ul li.xml a { background: none!important; font-size: 0; padding-left: 0; } .pod-listing-archive ul li a { background: transparent url('../images/content/common/pdf-icon-onwhite.gif') no-repeat 0 2px; padding-left: 15px; } /* Pod - List - In Page Navigation */ .pod-navigation ul li { display: inline-block; width: 255px; } .ie6 .pod-navigation ul li { display: inline; } .pod-navigation ul li.active a { text-decoration: underline; } .pod-navigation ul li a, .pod-navigation ul li a:link, .pod-navigation ul li a:visited { background: transparent url('../images/buttons/s-brand/nav-sec-l1.png') no-repeat 0 -4px; font-size: 1em; padding-left: 12px; } /* Pod - Blockquote */ .pod-blockquote { background: #FFFFFF; } .pod-blockquote .copy { background: transparent url('../images/content/common/s-brand/blockquote.png') no-repeat 0 0; min-height: 160px; padding: 0; } .ie6 .pod-blockquote .copy { height: 160px; } .pod-blockquote .copy blockquote { background: transparent url('../images/content/common/s-brand/blockquote.png') no-repeat 100% 100%; color: #828282; display: block; margin: 0; padding: 18px 15px; } .pod-blockquote .link { background: #efefef; padding-top: 15px; min-height: 40px; } .ie6 .pod-blockquote .link { height: 40px; } /* Pod - Wide with thumbnail */ .pod-thumbnail { clear: both; position: relative; min-height: 117px; } .ie6 .pod-thumbnail { height: 117px; } .pod-thumbnail .image { left: 0; position: absolute; top: 0; } .pod-thumbnail .copy { margin-left: 90px; } .pod-thumbnail .link-list { padding-top: 2px; } .pod-thumbnail .link-list .btn { background-color: #898989; background-image: url('../images/buttons/grey-btn.png'); } /* Pod - Wide with News thumbnail */ .pod-article-thumbnail { clear: both; position: relative; min-height: 125px; } .ie6 .pod-article-thumbnail { height: 125px; } .pod-article-thumbnail .image { left: 0; position: absolute; top: 0; } .pod-article-thumbnail .copy { margin-left: 120px; } /* Pod - 404 Page */ .pod-404 { clear: none; position: relative; min-height: 85px; width: 260px; } .ie6 .pod-404 { height: 85px; } .pod-404 .image { left: 0; position: absolute; top: 0; } .pod-404 .copy { margin-left: 80px; } .pod-404 .copy h4 { font-size: 1.077em; margin-bottom: 8px; } .pod-about-christie { float: left; } .pod-foundation { border-color: #003893; float: right; } .pod-foundation a.btn { } .pod-oncology { border-color: #009933; float: left; } .pod-oncology a.btn { } .pod-cancer-research { border-color: #330099; float: right; } .pod-cancer-research a.btn { } .pod-christie-clinic { border-color: #0099CC; float: left; } .pod-christie-clinic a.btn { } .pod-christie-charity { border-color: #CC0000; float: right; } .pod-christie-charity a.btn { } /* Pod - Calendar */ .pod-calendar .heading { background: #931638 url('../images/content/common/s-brand/white-calendar.png') no-repeat 0 0; padding-left: 48px; } /* Pod - Twitter */ .pod-twitter h3, .pod-twitter h4 { font-size: 1.077em; margin: 0; padding: 0; } .pod-twitter .twitter-scrollable { border: 1px solid #efefef; } .pod-twitter .tweets { height: 150px; list-style: none; list-style-image: none; margin: 0; overflow: auto; } .js .pod-twitter .tweets { overflow: hidden; } .pod-twitter .tweets li { border-bottom: 1px solid #efefef; border-top: none; font-size: 0.846em; padding: 10px 9px 12px; } .sidebar .pod-twitter .tweets li { width: 147px; } .pod-twitter .tweets li .tweet-info, .pod-twitter .tweets li .tweet-info a { color: #333; font-weight: bold; } .pod-twitter .tweets li .tweet { color: #828282; display: block; } .pod-twitter .paging { float: right; } /* Pod - with Icon - Homepage & Sidebar */ .pod-icon { background: #efefef; border-bottom: 5px solid #931638; cursor: pointer; display: block; min-height: 87px; width: 165px; } .ie6 .pod-icon { height: 90px; } .pod-icon .inner { display: block; padding: 9px 11px 18px 9px; } .pod-icon .inner:before, .pod-icon .inner:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .pod-icon .inner:after { clear: both; } .pod-icon .inner { zoom: 1; } .pod-icon .image { display: block; float: left; overflow: hidden; width: 40px; } .pod-icon .content { color: #626262; display: block; float: right; width: 105px; } .pod-icon .heading { color: #333333; display: block; font-size: 1em; font-weight: bold; margin-bottom: 4px; } .pod-icon .content .copy { color: #626262; display: block; font-size: 0.769em; margin-bottom: 0; } a.pod-icon, a.pod-icon:link, a.pod-icon:visited { text-decoration: none; } a.pod-icon:active .heading, a.pod-icon:hover .heading { text-decoration: underline; } /* Pod - Blog Summary */ .pod-blog-event-summary .copy { border: 0; padding: 0; } .pod-blog-event-summary ol li { border: 1px solid #EFEFEF; border-top: none; padding: 10px; } .pod-blog-event-summary ol li a { color: #333333; display: block; font-weight: bold; } .pod-blog-event-summary ol li a, .pod-blog-event-summary ol li a:link, .pod-blog-event-summary ol li a:visited { text-decoration: none; } .pod-blog-event-summary ol li a:hover, .pod-blog-event-summary ol li a:active { text-decoration: underline; } .pod-event-summary .heading { background: #931638 transparent url('../images/content/common/s-brand/white-calendar.png') no-repeat 0 0; } .pod-event-summary .heading h4 { padding-left: 35px; } /* Pod - Blog Summary */ .pod-video { border-bottom: none; } .pod-video .video { font-size: 0; } .pod-video .copy { padding: 15px; } /* Pod - Collapse */ .pod-collapsible .heading { background: #CCCCCC url('../images/content/common/s-brand/pod-collapsible-bg.png') no-repeat 100% 0; } .pod-collapsible .heading h3 { color: #333333; } .js .pod-collapsible .heading { padding: 0; } .pod-collapsible .heading a { cursor: pointer; display: block; padding-left: 10px; } .pod-collapsible .heading a, .pod-collapsible .heading a:link, .pod-collapsible .heading a:visited { text-decoration: none; } .pod-collapsible .heading a:active, .pod-collapsible .heading a:hover { text-decoration: none; } .pod-collapsible .heading .expand { background: transparent url('../images/buttons/expand-plus-minus.png') no-repeat 100% 13px; display: none; font-size: 0.692em; font-weight: normal; line-height: 35px; padding-right: 15px; position: absolute; right: 10px; top: 0; text-align: right; visibility: hidden; } .js .pod-collapsible .heading .expand { display: block; visibility: visible; } .pod-collapsible .heading a:active .expand, .pod-collapsible .heading a:hover .expand { text-decoration: underline; } .pod-collapsible .body { padding: 15px; } .pod-collapsible .body h2, .pod-collapsible .body h3, .pod-collapsible .body h4, .pod-collapsible .body h5, .pod-collapsible .body h6 { font-weight: normal; } .pod-collapsible .body ul li { background-image: url('../images/content/common/s-brand/bullet-ongrey.png'); background-repeat: no-repeat; } .pod-collapsible-open .heading { background-position: 0 0;} .pod-collapsible-open .heading a, .pod-collapsible-open .heading a:link, .pod-collapsible-open .heading a:visited { color: #FFF; } .pod-collapsible-open .heading a:active, .pod-collapsible-open .heading a:hover { color: #FFF; } .pod-collapsible-open .heading .expand { background-position: 100% -26px; } .js .pod-collapsible-closed { border-bottom: none; } .js .pod-collapsible-closed .body { display: none; } .js .pod-collapsible-open .body { display: block; } .pod-sitemap .heading a, .pod-sitemap .heading a:link, .pod-sitemap .heading a:visited { color: #FFF; } .pod-sitemap .heading a:active, .pod-sitemap .heading a:hover { color: #FFF; } .pod-sitemap .heading .expand { background-image: url('../images/buttons/expand-plus-minus-white.png') ; } .pod-sitemap .body { background: #FFF; border: 1px solid #efefef; border-top: none; border-bottom: none; padding: 0; } .pod-sitemap .body ul { margin: 0;} .pod-sitemap .body ul li { background: none; border-bottom: 1px solid #efefef; padding: 4px 10px; } .pod-sitemap .body ul li a { background: transparent url('../images/content/common/s-brand/raquo-large.png') no-repeat 0 4.5px; font-size: 1.154em; font-weight: bold; padding-left: 15px; } .pod-sitemap .body ul li a, .pod-sitemap .body ul li a:link, .pod-sitemap .body ul li a:visited { text-decoration: none; } .pod-sitemap .body ul li a:hover, .pod-sitemap .body ul li a:active { text-decoration: underline; } .pod-sitemap .body ul li ul { margin: 0; padding-top: 5px; } .pod-sitemap .body ul li ul li { border: none; padding: 1px 15px; } .pod-sitemap .body ul li ul li a { background: transparent url('../images/content/common/s-brand/raquo.png') no-repeat 0 3px; font-size: 1em; font-weight: normal; } .pod-sitemap-default { border-color: #931638; } .pod-sitemap-default .body ul li a { background-image: url('../images/content/common/s-brand/raquo-large.png'); } .pod-sitemap-default .body ul li ul li a { background-image: url('../images/content/common/s-brand/raquo.png'); } .pod-sitemap-default .heading { background-image: url('../images/content/common/s-brand/tall-gradient.png'); background-repeat: repeat-x; } .pod-sitemap-foundation { border-color: #00338e; } .pod-sitemap-foundation .body ul li a { background-image: url('../images/content/common/s-foundation/raquo-large.png'); } .pod-sitemap-foundation .body ul li ul li a { background-image: url('../images/content/common/s-foundation/raquo.png'); } .pod-sitemap-foundation .heading { background-image: url('../images/content/common/s-foundation/tall-gradient.png'); background-repeat: repeat-x; } .pod-sitemap-oncology { border-color: #009966; } .pod-sitemap-oncology .body ul li a { background-image: url('../images/content/common/s-oncology/raquo-large.png'); } .pod-sitemap-oncology .body ul li ul li a { background-image: url('../images/content/common/s-oncology/raquo.png'); } .pod-sitemap-oncology .heading { background-image: url('../images/content/common/s-oncology/tall-gradient.png'); background-repeat: repeat-x; } .pod-sitemap-cancer-research { border-color: #330099; } .pod-sitemap-cancer-research .body ul li a { background-image: url('../images/content/common/s-cresearch/raquo-large.png'); } .pod-sitemap-cancer-research .body ul li ul li a { background-image: url('../images/content/common/s-cresearch/raquo.png'); } .pod-sitemap-cancer-research .heading { background-image: url('../images/content/common/s-cresearch/tall-gradient.png'); background-repeat: repeat-x; } .pod-sitemap-clinic { border: none; } .pod-sitemap-clinic .heading { background-image: url('../images/content/common/s-clinic/tall-gradient.png'); background-repeat: repeat-x; } .pod-sitemap-clinic .heading .rhs { font-weight: normal; font-size: 0.615em; right: 10px; top: 0; } .pod-sitemap-charity { border-color: #cc0000; } .pod-sitemap-charity .body ul li a { background-image: url('../images/content/common/s-charity/raquo-large.png'); } .pod-sitemap-charity .body ul li ul li a { background-image: url('../images/content/common/s-charity/raquo.png'); } .pod-sitemap-charity .heading { background-image: url('../images/content/common/s-charity/tall-gradient.png'); background-repeat: repeat-x; } /* Pod - Layouts */ .pod, .pod-pair, .pod-listing { margin-bottom: 15px; } .pod-pair .left { display: block; float: left; width: 260px; } .pod-pair .right { display: block; float: right; width: 260px; } .pod-pair .pod { float: none; margin-bottom: 0; width: 260px; } .pod-tall, .pod-pair-tall { display: block; float: left; width: 260px; } .pod-pair-tall { margin-right: 15px; } .sidebar .pod .heading h3, .sidebar .pod .heading h4, .sidebar .pod .heading h5 { font-size: 1.077em; } .sidebar .pod-icon, .sidebar .pod-alt { margin-bottom: 13px; } .sidebar .pod-twitter .tweets { height: 380px; } .sidebar a .pod h3, .sidebar a .pod p, .sidebar a .pod a { text-decoration: none!important; } .sidebar a:hover .pod h3 { text-decoration: none; } /* Pod - Podcast */ .sidebar .pod-podcast .heading { background: #931638 url('../images/content/common/podcast-bg.png') no-repeat 0 0; min-height: 40px; padding: 10px 3px 3px 49px; } .sidebar .pod-podcast .heading h4 { line-height: 1.231; font-size: 1em; } .sidebar .pod-podcast .link { padding-top: 15px; } /* Componenet - Scrollable */ .scrollable { margin-top: 10px;} .scrollable .pod { border-bottom: none; } .js .scrollable .pod { margin-bottom: 0; } .scrollable .pod-text-wide .copy { min-height: 185px; } .ie6 .scrollable .pod-text-wide .copy { height: 185px; } /* Pods - Twitter Scrollable */ .js .home-container .pod-twitter .twitter-scrollable { overflow: hidden; position: relative; height: 150px; } .js .home-container .pod-twitter .twitter-scrollable ol.tweets { height: 20000em; position: absolute; } .js .sidebar .pod-twitter .twitter-scrollable { overflow: hidden; position: relative; height: 380px; } .js .sidebar .pod-twitter .twitter-scrollable ol.tweets { height: 20000em; position: absolute; } .paging { display: none; visibility: hidden; } .js .paging { display: block; visibility: visible; } /* Pods - Scrollable */ .js .scrollable { overflow: hidden; height: 200px; position: relative; width: 535px; } .js .scrollable .pods { position: absolute; width: 20000em; } .js .scrollable .pods .pod { clear: none; float: left; width: 535px; } .js .gallery-scrollable { height: 500px; } .js .news-gallery-scrollable { height: 390px; } /* Pods - simulated from imported content */ .main div.floatright {background: #EFEFEF; border-bottom: 5px solid #931638;float:right;width:250px;margin:0 0 15px 15px} .main div.floatright .caption {display:block;color: #626262;padding: 15px;} .main div.floatleft {background: #EFEFEF; border-bottom: 5px solid #931638;float:left;width:250px;margin:0 15px 15px 0} .main div.floatleft .caption {display:block;color: #626262;padding: 15px;} /* Page - Article */ .article-hgroup { border-bottom: 5px solid #EFEFEF; margin-bottom: 10px; padding-bottom: 5px; } .article-hgroup h1 { margin: 5px 0 3px; } .article-hgroup p.date { color: #333333; font-size: 1.231em; font-weight: bold; margin: 0; } .main .article-paging { border-bottom: 5px solid #EFEFEF; border-top: 5px solid #EFEFEF; margin: 10px 0; padding: 15px 0; } .sidebar .article-paging { margin: 0 0 15px; } .sidebar .article-paging a.btn { float: right; margin: 0; } /* Form Malarkey */ input, select, textarea { border: none; padding: 0; margin: 0; } fieldset legend { line-height: 1; margin: 0; } div.form { border-bottom: 5px solid #931638; color: #333333; margin-bottom: 15px; } div.form div { background: #efefef; } div.form input, div.form select { color: #333333; } div.form label { font-weight: bold; } div.form legend, div.form legend span { display: block; } div.form legend.form-title { background: #FFFFFF; font-size: 1.385em; padding-bottom: 5px; } div.form legend.legend-title span { padding: 17px 0 0; } div.form fieldset fieldset { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; padding: 15px 15px 10px; } .ie6 div.form fieldset fieldset { border-top: none; } div.form fieldset fieldset fieldset { padding: 0; } div.form fieldset fieldset legend { clear: both; display: block; float: left; font-size: 1.154em; margin-bottom: 10px; } div.form fieldset fieldset p { clear: both; } div.form .fr { clear: both; } div.form .fr { float: left; margin-bottom: 15px; width: 100%; } div.form .fr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*div.search- .fr input:focus, div.search-form .fr textarea:focus { outline: none; } do something with these */ .ie6 div.form .fr { height: 1%; zoom: 1; } div.form .fr .col { display: block; float: left; width: 250px; } div.form .fr label { display: block; width: 100%; } div.form legend span.label, div.form .fr label span.label { display: block; line-height: 1; margin-bottom: 5px; width: 80px; } div.form .fr label span.required { background: transparent url('../images/content/common/form-required.png') no-repeat 0 0; padding-left: 10px; } div.form .fr-text label span.field { display: block; float: left; width: 465px; } div.form .fr-text label span.field input { background: #FFFFFF; border: 1px solid #CCCCCC; height: 25px; line-height: 25px; padding: 0 5px; width: 435px; } div.form .fr-text label span.feedback { display: block; float: right; line-height: 25px; text-align: center; width: 20px; } div.form .fr-text-medium label span.field { width: 230px; } div.form .fr-text-medium label span.field input { width: 210px; } div.form .fr-text-short label span.field { width: 120px; } div.form .fr-text-short label span.field input { width: 110px; } div.form .fr-text-medium-inline label { display: block; float: left; width: 250px; } div.form .fr-text-short-inline label { display: block; float: left; width: 160px; } div.form .fr-select label span.field select { border: 1px solid #CCCCCC; } div.form .fr-select-wide label span.field select { width: 435px; } div.form .fr-select-medium label span.field select { width: 210px; } div.form .fr-select-short label span.field select { width: 110px; } div.form .fr-select-medium-inline label { display: block; float: left; width: 250px; } div.form .fr-select-short-inline label { display: block; float: left; width: 160px; } div.form .fr-checkbox label { clear: both; display: block; float: left; font-weight: normal; line-height: 1; padding-top: 9px; } div.form .fr-checkbox label input { float: left; margin: 2px 5px 0 0; } .ie6 div.form .col { width: 200px; } .ie6 div.form .fr-checkbox label { float: none; margin-bottom: 5px; padding: 2px 0 0 20px; position: relative; width: 200px; } .ie6 div.form .fr-checkbox label input { float: none; margin: 0; padding: 0; position: absolute; left: 0; top: 0; } div.form .fr-radiobutton label { clear: both; display: block; float: left; font-weight: normal; line-height: 1; padding-top: 9px; width: 200px; } div.form .fr-radiobutton label input { float: left; margin-right: 5px; } .ie6 div.form .fr-radiobutton label { float: none; margin-bottom: 5px; padding: 2px 0 0 20px; position: relative; } .ie6 div.form .fr-radiobutton label input { float: none; margin: 0; padding: 0; position: absolute; left: 0; top: 0; } div.form .fr-textarea textarea { border: 1px solid #CCC; color: #333333; padding: 5px; width: 490px; } div.form .fr-textarea-short textarea { height: 50px; } div.form .fr-textarea-medium textarea { height: 100px; } div.form .fr-textarea-long textarea { height: 200px; } div.form .fr-action { margin-bottom: 0; padding: 15px; width: 505px; } div.form .fr-action input { font-size: 0.923em; background: #931638 url('../images/buttons/s-brand/form-input.png') no-repeat 100% 0; color: #FFFFFF; cursor: pointer; display: block; float: right; font-weight: bold; height: 35px; line-height: 35px; text-decoration: none; padding: 0 25px 0 10px; } .ie6 div.form .fr-action input { padding: 0 12px 0 5px; } div.form .fr-action input:hover, div.form .fr-action input:active { background-position: 100% 100%; } div.legacy-form { background: #efefef; } div.legacy-form legend {display: block; float: left; font-size: 1.7em; margin-bottom: 10px; } div.legacy-form fieldset { background-image: url('../images/content/contour-forms/contour-fieldset-bg.png'); background-repeat: repeat-x; background-position: 0 0; clear: both; display: block; padding: 15px 15px 10px; position: relative; } div.legacy-form fieldset div { clear: both; } div.legacy-form p { clear: both; margin: 0; padding: 15px; } div.legacy-form fieldset p { margin-bottom: 10px; padding: 0; } div.legacy-form label { clear: both; display: block; line-height: 1; margin-bottom: 5px; width: auto; } div.legacy-form input[type="text"] { background: #FFFFFF; border: 1px solid #CCCCCC; height: 25px; line-height: 25px; margin-bottom: 10px; padding: 0 5px; width: 410px; } div.legacy-form input[type="password"] { background: #FFFFFF; border: 1px solid #CCCCCC; height: 25px; line-height: 25px; margin-bottom: 10px; padding: 0 5px; width: 410px; } div.legacy-form select { margin-bottom: 10px; font-size: 1.15em;} div.legacy-form table { margin-bottom: 10px; width: 505px!important; } div.legacy-form table input, div.legacy-form table label { clear: none; float: left; font-weight: normal; } div.legacy-form table label { padding-left: 10px; } div.legacy-form textarea { margin-bottom: 10px; width: 420px; } div.legacy-form input[type="submit"] { font-size: 0.923em; background: #931638 url('../images/buttons/s-brand/form-input.png') no-repeat 100% 0; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; height: 35px; line-height: 35px; text-decoration: none; padding: 0 25px 0 10px; } div.legacy-form ul.icons { list-style: disc; margin-left: 1.1em; } div.legacy-form ul.icons li { background: none; padding: 0; } div.legacy-form ul.icons li a { text-decoration: none; } div.legacy-form ul.icons li a:hover { text-decoration: underline; } /*div.legacy-form ul.icons li.pdf a { background: transparent url('../images/content/common/pdf-icon-ongrey.gif') no-repeat 0 50%; padding-left: 10px; }*/ div.search-form .fr label, div.search-form legend span.label, div.search-form .fr label span.label { float: left; } div.search-form legend span.label, div.search-form .fr label span.label { line-height: 25px; margin-bottom: 0; } div.search-form .fr label span.field { display: block; float: left; width: 405px; } div.search-form .fr-text label span.field input { width: 405px; } div.search-form .fr-select label span.field { padding-top: 3px; } div.search-form .fr-select label span.field select { background: #FFFFFF; border: 1px solid #CCCCCC; line-height: 25px; } div.search-form .fs-date { border: none; padding: 17px 0 0; } div.search-form .fs-date legend { float: left; width: 95px; } div.search-form .fs-date label { padding: 0; } div.search-form .fs-date .fr-select { clear: none; display: block; float: left; width: 100px; } div.search-form .fs-checkbox { border: none; display: block; float: left; width: 250px; } div.search-form .checkbox-column { display: block; float: left; width: 160px; } div.search-form .fs-checkbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.search-form .fs-checkbox legend, div.search-form .fs-checkbox legend span { width: 85px; float: left; } div.search-form .fs-checkbox legend span { padding-top: 0; } div.search-form .fr-checkbox label { display: block; padding-top: 0; width: 160px; } div.search-form .fr-checkbox label span.label { cursor: pointer; float: right; font-weight: normal; line-height: 1.154em; width: 140px; } div.search-form .fr-checkbox label span.field { float: left; height: 13px; line-height: 1.154em; width: 20px; } div.search-form .fr-checkbox label span.field input { height: 13px; display: block; float: left; } /* Search Results */ .results-summary { border-bottom: 5px solid #EFEFEF; margin-bottom: 15px; } .results-summary p { font-size: 1.231em; margin-bottom: 5px; } .results-summary p strong { color: #333333; } ol.results { border-top: 1px solid #EFEFEF; list-style: none; margin: 0 0 15px; padding: 0; } ol.results li { background: transparent url('../images/content/common/s-brand/raquo-large.png') no-repeat 8px 20px; border: 1px solid #EFEFEF; border-top: 0; font-weight: bold; padding: 15px 22px; } ol.results li a { display: block; font-size: 1.231em; text-decoration: none; } ol.results li a:hover, ol.results li a:active { text-decoration: underline; } ul.results-pagination { border-bottom: 5px solid #EFEFEF; padding: 5px 10px 20px; } ul.results-pagination li { background: none; padding: 0; } ul.results-pagination .prev { display: block; float: left; width: 100px; } ul.results-pagination .prev a { background: transparent url('../images/content/common/results-prev-arrow.png') no-repeat 0 50%; padding-left: 10px; } ul.results-pagination .numeric { display: block; float: left; text-align: center; width: 315px; } ul.results-pagination .numeric ul { margin: 0; } ul.results-pagination .numeric li { display: inline; } ul.results-pagination .next { display: block; float: left; text-align: right; width: 100px; } ul.results-pagination .next a { background: transparent url('../images/content/common/results-next-arrow.png') no-repeat 100% 50%; padding-right: 10px; } ol.full-results { list-style: none; margin: 0 0 15px; } ol.full-results li { border-bottom: 5px solid #EFEFEF; padding-bottom: 10px; } ol.full-results li p.heading { color: #931638; font-family: Frutiger, "Frutiger Linotype", Helvetica, Arial, sans serif; font-size: 1.385em; font-weight: bold; padding: 8px 0 0; margin: 0 0 8px; } ol.full-results li p.heading strong { color: #931638; font-weight: bold; } ol.full-results li p.heading a, ol.full-results li p.heading a:link, ol.full-results li p.heading a:visited { color: #931638; text-decoration: none; } ol.full-results li p.heading a:hover, ol.full-results li p.heading a:active { text-decoration: underline; } ol.full-results li p { margin-bottom: 6px; } ol.full-results li .date, ol.full-results li .result-link { color: #333333; } /* Consultants */ ol.full-results li .consultant { display: block; overflow: hidden; padding: 10px 0 0; } ol.full-results li .consultant img { display: block; float: left; margin-right: 15px; } ol.full-results li .consultant .heading { padding: 0; } ol.full-results li .consultant .details p { margin: 0 0 3px;} /* Documents */ .list-options { margin-bottom: 10px; } .list-options a.btn { font-size: 1.077em; } ul.a-z-list-navigation { padding: 5px 7px; } ul.a-z-list-navigation li { background: none; display: block; float: left; padding: 0; } ul.a-z-list-navigation li a { border: 1px solid #CCCCCC; display: block; height: 32px; font-size: 1.077em; font-weight: bold; line-height: 32px; margin: 3px; text-align: center; width: 32px; } ul.a-z-list-navigation li a, ul.a-z-list-navigation li a:link, ul.a-z-list-navigation li a:visited { text-decoration: none; } ul.a-z-list-navigation li a:hover, ul.a-z-list-navigation li a:active { background: #828282 url('../images/content/common/paging-grey-bg.gif') repeat-x 0 0; color: #FFFFFF; } ul.a-z-list { border-top: 5px solid #EFEFEF; } ul.a-z-list .letter { border-bottom: 1px solid #efefef; color: #931638; display: block; padding: 10px 0; font-size: 1.385em; } ul.a-z-list a, ul.a-z-list a:link, ul.a-z-list a:visited { text-decoration: none; } ul.a-z-list a:hover, ul.a-z-list a:active { text-decoration: underline; } ul.a-z-list li { background: none; padding-left: 0; position: relative; } ul.a-z-list ul.document-list { border-top: none; list-style: none; margin-bottom: 0; } ul.a-z-list ul.document-list li a { padding-bottom: 2px; } .ie6 ul.a-z-list li { zoom: 1; } ul.category-list-navigation { border-bottom: 5px solid #EFEFEF; padding: 10px 0 15px; } ul.category-list-navigation li { background: none; padding: 0; } ul.category-list-navigation li a { font-size: 1.154em; } ul.category-list-navigation li a, ul.category-list-navigation li a:link, ul.category-list-navigation li a:visited { background-color: #FFFFFF; background: url('../images/buttons/s-brand/nav-sec-l1.png') no-repeat 0 0; border-bottom: 1px solid #efefef; color: #333333; display: block; line-height: 1.692em; padding: 0 18px; text-decoration: none; zoom: 1; } ul.category-list-navigation li a:active, ul.category-list-navigation li a:hover, ul.category-list-navigation li a.current { background-color: #931638; background-position: -535px 0; color: #FFFFFF; } .category-list .category { position: relative; } a.btt { background: transparent url('../images/buttons/back-to-top.png') no-repeat 0 50%; font-size: 0.846em; font-weight: bold; padding-left: 12px; position: absolute; right: 0; top: 15px; } a.btt, a.btt:link, a.btt:visited { color: #828282; text-decoration: none; } a.btt:active, a.btt:hover { text-decoration: underline; } .category-list ul.document-list { margin-bottom: 5px; } .category-list ul.document-list li { font-size: 0.923em; } .category-list ul.document-list li a { padding-bottom: 2px; } /* Table */ .table { color: #333333; width: 100%; } .table caption { color: #931638; font-size: 1.385em; font-weight: bold; padding: 8px 0 0; text-align: left; margin: 0 0 4px; } .table thead { background: #931638; color: #FFFFFF; font-size: 1.231em; text-align: left; } .table thead th { font-weight: normal; height: 35px; padding: 0 5px; vertical-align: middle; } .table tbody { border-bottom: 5px solid #931638; border-left: 1px solid #EFEFEF; } .table tbody tr td { border: 1px solid #EFEFEF; border-left: none; padding: 3px 5px; } .table tbody tr.alt { background: #EFEFEF; } .table tfoot td { font-size: 0.846em; height: 30px; vertical-align: bottom; } .table tfoot td a { background: url('../images/content/common/s-brand/raquo.png') no-repeat 0 50%; padding-left: 10px; } /* Profiles */ .pod-profile a.expand { background: #CCCCCC url('../images/buttons/expand-contract-btn.png') no-repeat 0 0; display: none; line-height: 25px; padding-right: 25px; text-align: right; visibility: hidden; } .pod-profile a.expand, .pod-profile a.expand:link, .pod-profile a.expand:visited { text-decoration: none; } .pod-profile a.expand:active, .pod-profile a.expand:hover { text-decoration: underline; } .pod-profile .summary { display: block; float: left; width: 275px; } .pod-profile .profile { display: block; float: right; width: 230px; } .js .pod-profile a.expand { display: block; visibility: visible; } .js .pod-profile-open a.expand { background-position: 100% 0; } .js .pod-profile-closed .summary { width: 100%; } .js .pod-profile-closed .profile { display: none; } .js .pod-profile-closed .image { clear: none; display: block; float: left; height: 120px; overflow: hidden; position: relative; width: 130px; } .js .pod-profile-closed .image img { position: absolute; right: 0; top: 0; } .js .pod-profile-closed .copy { clear: none; display: block; float: left; } .profile { padding: 13px 15px; } .profile ul li { background-image: url('../images/content/common/s-brand/bullet-ongrey.png'); padding-left: 12px; } /* CEO */ a.ceo-twitter, a.ceo-twitter:link, a.ceo-twitter:hover, a.ceo-twitter:active, a.ceo-twitter:visited { background: #333333 url('../images/buttons/ceo-twitter-link.png') no-repeat 0 0; color: #FFFFFF; display: block; font-weight: bold; margin-bottom: 15px; padding: 10px 10px 15px 50px; text-decoration: none; } a.ceo-twitter span { color: #35cdff; } /* Blog */ .blog-post { clear: both; padding-bottom: 10px; } .blog-post .hgroup { border-bottom: 5px solid #EFEFEF; border-top: 5px solid #EFEFEF; margin-bottom: 10px; padding-bottom: 5px; } .blog-post .hgroup h2 { font-size: 2em; } .blog-post .hgroup p.date { color: #333333; font-size: 1.231em; font-weight: bold; margin: 0; } .blog-post p img { margin: 0 20px 10px 0; } .blog-post p img[align~="right"] { margin: 0 0 10px 20px; } div.pod-form fieldset fieldset { border-top: none; padding-bottom: 10px; } div.pod-form { border: 0; margin: 0; } div.pod-form .fr-text label span.label, div.pod-form .fr-text label span.field { margin-left: 15px; } div.pod-form .fr-text label span.field, div.pod-form .fr-text label span.field input { width: 120px; } div.pod-form .fr-action { border-top: 1px solid #FFF; width: 135px; } div.form .fr-radio { } div.form .fr-radio label { padding: 0; } div.form .fr-radio label { display: block; padding-top: 10px; width: 115px; } div.form .fr-radio label span.label { cursor: pointer; float: right; font-weight: normal; line-height: 1; width: 95px; } div.form .fr-radio label span.field { float: left; line-height: 1; height: 13px; width: 20px; } div.form .fr-radio label span.field input { height: 13px; display: block; float: left; } /* Visitor Information */ .how-to-find { border-top: 5px solid #EFEFEF; clear: both; margin-top: 15px; } .how-to-find .left { display: block; float: left; width: 250px; } .how-to-find .right { display: block; float: right; width: 250px; } .how-to-find .vcard .tel, .how-to-find .vcard .fax { color: #333333; } .how-to-find .vcard .tel .arow { margin-top: 10px; } .gmap { background: transparent url('../images/content/visitor-information/gmap.jpg') no-repeat 0 0; border-bottom: 5px solid #931638; border-top: 5px solid #931638; clear: both; height: 430px; margin-bottom: 15px; width: 535px; } .js .gmap { background: none; } /* Contour Form Plugin ----------------------------------------------- */ #contour { border-bottom: 5px solid #931638; border-top: 5px solid #efefef; } div.form #contour { border-bottom: 0px; border-top: 0px; } #contour fieldset { background: #efefef; padding: 15px 0 5px; } #contour legend { display: none; float: left; font-weight: bold; margin: 0 0 10px 15px; } #contour fieldset fieldset, #contour fieldset.contourFieldSet { background-image: url('../images/content/contour-forms/contour-fieldset-bg.png'); background-repeat: repeat-x; background-position: 0 0; clear: both; padding: 15px 0; } #contour fieldset.contourFieldSet:first-child { background-image: none; } #contour fieldset legend, #contour fieldset fieldset legend { display: inline; font-size: 1.154em; } #contour .contourField { margin: 0 0 10px 15px; clear: both; float: left; width: 96%; } #contour .contourField:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 #contour .contourField { height: 1%; zoom: 1; } #contour .contourPageName { background: #FFFFFF; color: #333333; margin: 0; padding: 15px 0 10px; } #contour .contourField div label { display: inline; } #contour legend, #contour .contourField label, #contour .contourField select option { color: #333333;} .ie6 #contour legend { margin-left: 7px; } #contour .mandatory div label { background: none; padding: 0; } #contour label.fieldLabel { font-weight: bold; line-height: 25px; width: auto;} #contour .contourField div { display: block; clear: both;} #contour input.text, #contour input.title, #contour textarea, #contour select { clear: both; margin: 0; border: 1px solid #cccccc; padding: 5px;} #contour input.text:focus, #contour input.title:focus, #contour textarea:focus, #contour select:focus { border: 1px solid #333333; } #contour input.text, #contour textarea { width: 480px; padding: 5px; } #contour .contourField br { display: none; font-size: 0; line-height: 0; visibility: hidden;} #contour .contourField div br { display: block; } .ie6 #contour textarea { height: 80px; } #contour textarea { min-height: 80px; } #contour input.fileupload { height: auto !important; } #contour span.checkboxlist, #contour span.radiobuttonlist, #contour span.checkbox { display: block; float: left; } #contour div.radiobuttonlist span.radiobuttonlist, #contour div.checkbox span.checkbox, #contour div.checkboxlist span.checkboxlist { padding-bottom: 0px; } #contour div.checkbox label.fieldLabel, #contour div.checkboxlist label.fieldLabel, #contour div.radiobuttonlist label.fieldLabel, #contour div.dropdownlist label.fieldLabel, #contour div.datepicker label.fieldLabel, #contour div.password label.fieldLabel, #contour div.text label.fieldLabel, #contour div.fileupload label.fieldLabel { float: left; width: 500px; } .ie6 #contour label.fieldLabel { width: 500px; } #contour div.checkbox span.checkbox, #contour div.checkboxlist span.checkboxlist, #contour div.radiobuttonlist span.radiobuttonlist, #contour div.dropdownlist div, #contour div.datepicker div, #contour div.password div, #contour div.text div, #contour div.fileupload div { clear: none; display: block; float: left; width: 350px; } #contour div.checkboxlist span.checkboxlist input, #contour div.radiobuttonlist span.radiobuttonlist input { margin-right: 6px; } #contour div.radiobuttonlist span.radiobuttonlist label { } #contour div.checkbox div, #contour div.checkboxlist div, #contour div.radiobuttonlist div { clear: none; } #contour .checkboxlist input, #contour .radiobuttonlist input, #contour .checkbox input { width: auto !important; height: auto !important; border: none !important; display: inline !important; } #contour .hiddenfield { display: none; } #contour small { color: #333333; display: none; clear: both; padding: 5px 0; margin-bottom: 5px; } #contour div.radiobuttonlist small, #contour div.checkboxlist small { padding-top: 5px; } #contour .password input.text, #contour .datepicker input.text { width: 180px; } #contour .contourNavigation { background: #efefef url('../images/content/contour-forms/contour-fieldset-bg.png') repeat-x 0 0; height: 65px; padding: 0 15px; position: relative; } #contour .contourButton { font-size: 0.923em; background: #931638 url('../images/buttons/s-brand/form-input.png') no-repeat 100% 0; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; height: 35px; line-height: 35px; text-decoration: none; padding: 0 25px 0 10px; position: absolute; right: 15px; top: 15px; } #contour .contourErrorMessage { } #contour .contourErrorMessage, #contour .contourError { background: #DA001A; color: #ee0000!important; padding: 0 5px; } #contour span.contourError { display: none!important; } #contour .fileupload span.contourError { background: none; display: none!important; } #contour .fileupload div span.contourError, #contour .datepicker div span.contourError { background: none; display: block!important; } #contour .radiobuttonlist div .contourError { background: none; display: block!important; padding: 0; } #contour .ajax__calendar div { clear: none; } #contour input.contourError, #contour textarea.contourError { background: #ffffff; border-color: #cccccc; color: #333!important; } #contour .textfield label.contourError, #contour .textarea label.contourError { } #contour .contourValidationSummary { background: #FBE3E4; border: 5px solid #990066; margin-bottom: 15px; padding: 15px;} #contour .contourValidationSummary ul { margin-bottom: 0; } #contour .contourValidationSummary ul li { background-image: url(../images/content/contour-forms/contour-bullet-error.png)!important; font-weight: bold; } #contour .contourNavigation { width: 505px; } /* Home ----------------------------------------------- */ .home-page-header .nav-pri li.np1 a span { display: none!important; } .homepage-banner { height: 260px; width: 950px; } .js ul.homepage-flash-alternative { display: none; } ul.homepage-flash-alternative li { background: #efefef url('../images/content/home/flash-banner-alt-bg.jpg') no-repeat 0 0; border-bottom: 5px solid #000; display: block; float: left; height: 255px; width: 158px; } ul.homepage-flash-alternative li.first, ul.homepage-flash-alternative li.last { } ul.homepage-flash-alternative li.fa1 { background-color: #9d2546; background-position: 0 0; border-color: #9d2546; } ul.homepage-flash-alternative li.fa2 { background-color: #00338e; background-position: -158px 0; border-color: #00338e; } ul.homepage-flash-alternative li.fa3 { background-color: #009966; background-position: -316px 0; border-color: #009966; } ul.homepage-flash-alternative li.fa4 { background-color: #330099; background-position: -474px 0; border-color: #330099; } ul.homepage-flash-alternative li.fa5 { background-color: #0099cc; background-position: -632px 0; border-color: #0099cc; } ul.homepage-flash-alternative li.fa6 { background-color: #cc0000; background-position: -790px 0; border-color: #cc0000; } ul.homepage-flash-alternative li.fa7 { background-color: #9d2546; background-position: 0 0; border-color: #9d2546; } ul.homepage-flash-alternative li.fa8 { background-color: #00338e; background-position: -158px 0; border-color: #00338e; } ul.homepage-flash-alternative li.fa9 { background-color: #009966; background-position: -316px 0; border-color: #009966; } ul.homepage-flash-alternative li.fa10 { background-color: #330099; background-position: -474px 0; border-color: #330099; } ul.homepage-flash-alternative li.fa11 { background-color: #0099cc; background-position: -632px 0; border-color: #0099cc; } ul.homepage-flash-alternative li.fa12 { background-color: #cc0000; background-position: -790px 0; border-color: #cc0000; } ul.homepage-flash-alternative li a { color: #FFF; display: block; padding: 150px 10px 10px; text-decoration: none; } ul.homepage-flash-alternative li a, ul.homepage-flash-alternative li a:link, ul.homepage-flash-alternative li a:visited { color: #FFF; text-decoration: none; } ul.homepage-flash-alternative li a:hover, ul.homepage-flash-alternative li a:active { color: #FFF; text-decoration: underline; } ul.homepage-flash-alternative li a:hover span, ul.homepage-flash-alternative li a:active span { text-decoration: none!important; } .js .homepage-flash-alternative { display: none; } .home-container { background: #FFFFFF url('../images/content/home/home-bg.png') no-repeat 0 0; margin-top: 15px; } .home-container .col-left { float: left; width: 655px; } .home-container .col-right { float: right; width: 280px; } .home-container .content-pri .col-left { margin-top: 7px; } .home-container .content-pri h1 { font-size: 1.923em; float: left; padding-left: 170px; text-align: right; width: 175px; } .home-container .content-pri h1 .red { color: #931638; } .home-container .content-pri h1 .blue { color: #00338E; } .home-container .content-pri h1 .grey { color: #777777; } .home-container .content-pri p { margin-bottom: 15px; } .home-container .content-pri .copy { display: block; float: right; width: 290px; } .home-container .content-pri .copy .intro { font-size: 1.231em; } .home-container .content-sec { margin-top: 10px; } .home-container .content-sec .col-left { padding-left: 115px; margin: 0; width: 540px; } .home-container .content-sec .pod-icon { display: block; float: left; margin-left: 15px; } .ie6 .home-container .content-sec .pod-icon { margin-left: 10px; } .home-container .content-sec .latest-news { background: #9d2546 url('../images/content/home/latest-news-bg.png') no-repeat 0 0; color: #FFFFFF; display: block; min-height: 95px; line-height: 0.769em; width: 280px; } .ie6 .home-container .content-sec .latest-news { height: 95px; } .home-container .content-sec .latest-news .inner { display: block; padding: 10px 20px 10px 50px; } .home-container .content-sec .latest-news .heading { display: block; font-weight: bold; margin-bottom: 10px; } .home-container .content-sec .latest-news .copy { font-size: 0.769em; } .home-container .content-sec .latest-news .copy .read-more { font-weight: bold; } .home-container .content-sec a.latest-news { text-decoration: none; } .home-container .content-sec a.latest-news:hover .heading, .home-container .content-sec a.latest-news:hover .copy .read-more { text-decoration: underline; } /* Footer ----------------------------------------------- */ .footer { margin-top: 20px; } .footer p { margin: 0; padding: 0; } .footer .site-links { display: block; float: left; text-align: right; width: 477px; } .footer .site-links ul { margin: 0; } .footer .site-links ul li { background: transparent url('../images/global/footer-pipe.png') no-repeat 0 0;display: inline; font-size: 0.769em; line-height: 1.6em; padding-left: 4px; } .footer .site-links ul li.first { background: none; padding: 0; } .footer .site-links a, .footer .site-links a:link, .footer .site-links a:visited { color: #6f7072; text-decoration: none; } .footer .site-links a:hover, .footer .site-links a:active { text-decoration: underline; } .footer .add-this { display: block; float: left; margin-left: 15px; width: 170px; } .footer .third-party-links { display: block; float: right; padding-right: 10px; text-align: right; /*width: 280px;*/ } .footer .third-party-links a { color: #6f7072; font-size: 0.769em; margin-left: 15px; } .footer .summary { color: #333333; border-bottom: 5px solid #efefef; border-top: 5px solid #efefef; font-size: 0.846em; margin-top: 15px; padding: 13px 0; } .footer .summary .contact { display: block; float: left; width: 70%; } .footer .summary .copyright { display: block; float: right; text-align: right; width: 30%; } /* Charity ----------------------------------------------- */ #CharityFooter { padding-top: 30px; } #CharityFooter .charity-number { display: block; float: left; width: 235px; } #CharityFooter .charity-number p { font-size: 0.769em; margin: 0; } #CharityFooter .site-links { position: relative; width: 560px; } #CharityFooter .site-links .frse { left: 0; position: absolute; top: -51px; } #CharityFooter .add-this { width: 140px; } .facebook-images { margin-bottom: 5px; } .facebook-images img { border: 1px solid #cccccc; display: block; float: left; margin-bottom: 9px; padding: 4px; } .facebook-images img.mid { margin-left: 11px; margin-right: 11px; } .main .mass-participation-events { border-bottom: 5px solid #efefef; margin-bottom: 15px; padding-bottom: 15px; } .main .mass-participation-events ul { background: #fff; margin: 0; position: relative; } .ie6 .main .mass-participation-events ul li { zoom: 1; } .main .mass-participation-events ul li { background: #fleee6; cursor: normal; padding: 0; } .main .mass-participation-events ul li strong { border-bottom: 1px solid #FFF; display: block; font-weight: bold; line-height: 19px; padding-left: 9px; width: 269px; } .main .mass-participation-events ul li a { cursor: pointer; } .main .mass-participation-events ul li a, .main .mass-participation-events ul li a:link, .main .mass-participation-events ul li a:visited strong { text-decoration: none; } .main .mass-participation-events ul li a:active, .main .mass-participation-events ul li a:hover strong { text-decoration: underline; } .main .mass-participation-events ul li a.active strong { color: #FFF; } .main .mass-participation-events ul li.last strong { border-bottom: none; line-height: 20px; } .main .mass-participation-events ul li .mp-event-details { position: absolute; left: 275px; top: 0; } .js .main .mass-participation-events ul li .mp-event-details { display: none; } .main .mass-participation-events ul li .mp-event-details ul { background: none; display: block; height: 270px; position: relative; width: 260px; } .main .mass-participation-events ul li .mp-event-details ul li { background: none; font-size: 1.154em; font-weight: bold; color: #FFF; } .main .mass-participation-events ul li .mp-event-details .mp-event-image { height: 240px; left: 0; position: absolute; text-align: center; top: 0; width: 260px; } .main .mass-participation-events ul li .mp-event-details .mp-event-name { font-size: 1.615em; left: 15px; position: absolute; bottom: 70px; } .main .mass-participation-events ul li .mp-event-details .mp-event-date { font-weight: normal; left: 15px; position: absolute; bottom: 50px; } .main .mass-participation-events ul li .mp-event-details .mp-event-link { left: 15px; position: absolute; bottom: 15px; } /* Education events listing modification by Dave Lees 3/11/2011 ----------------------------------------- Work in progress ------- */ .main .education-events { border-bottom: 5px solid #efefef; margin-bottom: 15px; padding-bottom: 15px; } /* Background colour changed and height added to stop layering issue */ .main .education-events ul { background: #fff; margin: 0; position: relative; height:275px;} .ie6 .main .education-events ul li { zoom: 1; } .main .education-events ul li { background: #f1eee6; cursor: normal; padding: 0; } .main .education-events ul li strong { border-bottom: 1px solid #FFF; display: block; font-weight: bold; line-height: 19px; padding-left: 9px; width: 269px; } .main .education-events ul li a { cursor: pointer; } .main .education-events ul li a, .main .education-events ul li a:link, .main .education-events ul li a:visited strong { text-decoration: none; } .main .education-events ul li a:active, .main .education-events ul li a:hover strong { text-decoration: underline; } .main .education-events ul li a.active strong { color: #FFF; } .main .education-events ul li.last strong { border-bottom: none; line-height: 20px; } .main .education-events ul li .ed-event-details { position: absolute; left: 275px; top: 0; } .js .main .education-events ul li .ed-event-details { display: none; } .main .education-events ul li .ed-event-details ul { background: none; display: block; height: 275px; position: relative; width: 260px; } .main .education-events ul li .ed-event-details ul li { background: none; font-size: 1.154em; font-weight: bold; color: #FFF; } .main .education-events ul li .ed-event-details .ed-event-image { height: 240px; left: 0; position: absolute; text-align: center; top: 0; width: 260px; } .main .education-events ul li .ed-event-details .ed-event-name { font-size: 1.615em; left: 15px; position: absolute; bottom: 70px; } .main .education-events ul li .ed-event-details .ed-event-date { font-weight: normal; left: 15px; position: absolute; bottom: 50px; } .main .education-events ul li .ed-event-details .ed-event-link { left: 15px; position: absolute; bottom: 15px; } /*----------------End Education events listing -- */ .calendar { border: 0!important;} .calendar td, .calendar th { line-height: 35px!important; font-weight: bold; height: 35px!important; width: 34px!important; white-space: nowrap; } .calendar td a { display: block; text-decoration: none; } .calendar .calendar { border-right: 1px solid #000; width: 244px!important; } .calendar .calendar tr { background: #cc0202 url('../images/content/calendar/calendar-thead-bg.png') no-repeat 50% 0; } .calendar .calendar td { background: #cc0202 url('../images/content/calendar/calendar-thead-bg.png') no-repeat 50% 0; border: none!important; color: #FFFFFF; font-size: 1em; font-weight: bold; width: 174px!important; white-space: nowrap; } .calendar .calendar td.nextprev { width: 35px!important;background: #cc0202 url('../images/content/calendar/calendar-thead-bg.png') no-repeat 50% 0; line-height:1px !important; height:35px !important} .calendar .calendar td.nextprev a {display:inline; white-space: nowrap; } .calendar .calendar td.nextprev a img { line-height:normal!important; height:auto !important} .calendar .calendar td a { color: #FFFFFF!important; font-size: 0.5em; text-align: center; width: 32px!important; } .calendar tr th.day-header { background: #d2d2d2; color: #333333; } .calendar tr td { background: #FFF; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } .calendar tr td.event { background: #cc0202 url('../images/content/calendar/event.png') no-repeat 0 0; border-color: #880d0d; } .calendar tr td.event a { color: #FFF!important; } .calendar tr td.selected { background: #838383 url('../images/content/calendar/selected.png') no-repeat 0 0!important; border-color: #666666; } .calendar tr td.other-month { background: #efefef; } .calendar tr td.other-month a { color: #666!important; } .pod-events-calendar { background: #f1eee6; margin-bottom: 15px; } .pod-events-calendar .inner { margin: 0 0 0 15px; padding: 15px 0; } .pod-events-calendar .calendar-table { display: block; float: left; width: 250px; } .pod-events-calendar .event-search-form { border: none; float: right; margin: none; width: 260px; } .pod-events-calendar .event-search-form div { background: none; } .pod-events-calendar .event-search-form fieldset { border: none; padding: 0; } .pod-events-calendar .event-search-form fieldset.kw-search .fr label { padding: 0; } .pod-events-calendar .event-search-form .fr-text label span.label { width: auto; } .pod-events-calendar .event-search-form .fr-text label span.field, .pod-events-calendar .event-search-form .fr-text label span.field input { width: 230px; } .pod-events-calendar .event-search-form .fr-checkbox { clear: none; display: block; float: left; width: 110px; } .ie6 .pod-events-calendar .event-search-form .fr-checkbox label { padding: 4px 0 0; zoom: 1; } .pod-events-calendar .event-search-form .fr-checkbox label span.label { cursor: pointer; float: right; font-weight: normal; line-height: 1.154em; width: 90px; } .pod-events-calendar .event-search-form .fr-checkbox label span.field { float: left; height: 13px; line-height: 1.154em; width: 20px; } .pod-events-calendar .event-search-form .fr-checkbox label span.field input { height: 13px; display: block; float: left; } .pod-events-calendar .event-search-form .fr-action { border-top: 1px solid #ffffff; width: 245px; margin-top: 20px; padding: 15px 15px 0 0; } .pod-events-calendar .event-search-form input.reset { background-position: 100% 100%; float: left; } .pod-events-calendar .event-search-form input.submit { float: right; } .charity-event { border: 1px solid #efefef; margin-bottom: 15px; padding: 10px; } .charity-event .event-image { display: block; float: left; margin-right: 10px; text-align: center; width: 90px; } .charity-event .event-details { background: transparent url('../images/content/charity/events/event-cal-icon.png') no-repeat 0 0; display: block; float: left; padding-left: 25px; width: 380px; } .charity-event .event-details h3 { color: #333333; line-height: 1; margin: 0; padding: 1px 0 0; } .charity-event .event-details p { margin: 0; } .charity-event .event-details .event-type { color: #333333; font-size: 1.154em; font-weight: bold; margin-bottom: 5px; } .charity-event .event-details .event-type span { color: #C00; } .charity-event .event-details .event-starts { color: #333333; } .message-of-hope { border-bottom: 5px solid #efefef; border-top: 5px solid #efefef; margin-bottom: 15px; padding: 15px 0 30px; } .message-of-hope blockquote { background: transparent url('../images/content/charity/message-of-hope/message-of-hope-blockquote.png') no-repeat 0 0; color: #333333; padding-top: 35px; } .message-of-hope blockquote span { background: transparent url('../images/content/charity/message-of-hope/message-of-hope-blockquote.png') no-repeat 100% 100%; padding: 0 30px 70px; } .message-of-hope .share-message { display: block; float: left; padding-left: 10px; width: 170px; } .message-of-hope .message-from { display: block; float: left; width: 330px; } .message-of-hope .message-from p { background: transparent url('../images/content/charity/message-of-hope/message-from.png') no-repeat 0 0; color: #333333; font-size: 1.154em; font-weight: bold; line-height: 1; margin: 0; padding-left: 20px; } .pod-send-hope-form .body { padding: 10px 0 0; } div.send-hope-form { border: none; margin: 0; } div.send-hope-form fieldset fieldset { border: none; padding: 0 25px 10px;} div.send-hope-form p.validation-note { float: right; margin: 0; padding-right: 35px; } div.send-hope-form legend span.label, div.send-hope-form .fr label span.label { width: auto; } div.send-hope-form .fr-text label span.field { width: 485px; } div.send-hope-form .fr-textarea textarea { border: 1px solid #CCCCCC; height: 90px; padding: 5px; width: 465px; } div.send-hope-form .fr-action { background: transparent url('../images/content/contour-forms/contour-fieldset-bg.png') repeat-x 0 0; width: 485px; padding: 25px; } div.send-hope-form .fr-action input.preview { background: #828282 url('../images/buttons/grey-btn.png') no-repeat 0 0; margin-right: 10px; padding: 0 10px; } .ie6 div.send-hope-form .fr-action input.preview { padding: 0; } div.send-hope-form .fr-action input.preview:hover { background-color: #333; background-position: 100% 0; } div.send-hope-form .contourNavigation { background: transparent url('../images/content/contour-forms/contour-fieldset-bg.png') repeat-x 0 0; width: 485px; padding: 25px; } div.send-hope-form .contourNavigation input.preview { background: #828282 url('../images/buttons/grey-btn.png') no-repeat 0 0; margin-right: 10px; padding: 0 10px; } div.send-hope-form #contour fieldset { padding-top: 0; } .message-navigation { border-bottom: 5px solid #efefef; margin-bottom: 15px; padding-bottom: 10px; } .message-navigation div.form { border: 0; float: left; margin: 0; width: 320px; } .message-navigation div.form .fr { width: auto;} .message-navigation div.form .fr label { padding: 0; } .message-navigation div.form .fr label span.label { display: block; float: left; line-height: 25px; margin-left: 10px; width: 120px; } .message-navigation div.form .fr-text label span.field, .message-navigation div.form .fr-text label span.field input { width: 50px; } .message-navigation div.form .fr-action { clear: none; float: right; width: auto; padding: 0; } .message-navigation div.form .fr-action input { background-position: 0 0; height: 27px; line-height: 27px; padding: 0 10px; } .message-navigation ul { float: right; margin: 0; } .message-navigation ul li { background: none!important; display: block; float: left; line-height: 27px; padding: 0; } .message-navigation ul li a { background: transparent url('../images/content/charity/message-of-hope/prev-next.png') no-repeat 0 50%; display: block; float: left; } .message-navigation ul li a, .message-navigation ul li a:link, .message-navigation ul li a:visited { text-decoration: none; } .message-navigation ul li a:active, .message-navigation ul li a:hover { text-decoration: underline; } .message-navigation ul li.prev a { padding-left: 10px; } .message-navigation ul li.next a { background-position: 100% 50%; margin-left: 5px; padding-right: 10px; } /* Consultants ----------------------------------------------- */ .consultant-list {} .consultant-list ul {list-style:none} .consultant-list ul li {list-style:none;background:none;padding:0 0 1em 0;margin:0;clear:both} .consultant-list ul li .image {float:left;width:70px} .consultant-list ul li .content {float:left;width:400px} dl.our-consultants-profile img.stethoscope { float: right; } dl.our-consultants-profile { width: 535px;} dl.our-consultants-profile dt { clear: left; color: #931638; display: block; float: left; font-weight: bold; margin-bottom: 18px; width: 175px; } dl.our-consultants-profile dd { clear: right; display: block; float: left; margin-bottom: 18px; width: 360px; } dl.our-consultants-profile dd ul li { color: #777777; padding-left: 12px; } dl.our-consultants-profile dd ol { list-style: none; margin: 0; } dl.our-consultants-profile dt.biography, dl.our-consultants-profile dd.biography { clear: both; width: 100% } .ie6 dl.our-consultants-profile dt {float:none} ul.our-consultants-profile {} ul.our-consultants-profile li {clear:left;list-style:none;background:none;padding:0;margin:0;position:relative} ul.our-consultants-profile li h4 {font-size:1.1em;float:left;width:175px;margin:0;padding:0 0 18px 0;position:absolute} ul.our-consultants-profile li p {position:relative;top:0;padding-left:175px; } ul.our-consultants-profile li.full-width h4 {width:auto;float:none} ul.our-consultants-profile li.full-width p {width:auto;float:none;padding-left:0;top:20px} .ie6 ul.our-consultants-profile li p, .ie7 ul.our-consultants-profile li p {display:inline-block} .ie6 ul.our-consultants-profile li.full-width p, .ie7 ul.our-consultants-profile li.full-width p {display:block} /* Misc ----------------------------------------------- */ .bare-form-page { padding: 30px; } .bare-form-page form legend { display: none; } .gift-aid-calculator-page h1 { color: #CC0000; } /* IE Fixes ----------------------------------------------- */ .ie6 div, .ie7 div { zoom: 1; } /* Helpers ----------------------------------------------- */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .vh { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vh.focusable:active, .vh.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .cf:after { clear: both; } .cf { zoom: 1; } /* Print ----------------------------------------------- */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */