/* NSPCC * article.css * article-page specific content styles * Date: 20-07-2006 * v.1.0 */ /* CORRECTIONS for page gutter (avg depth should be 84px) */ .faq #main-body {padding-bottom:56px;} .working-for-us #main-body {padding-bottom:81px;} .search-results #main-body {padding-bottom:65px;} .nspcc-shop #main-body {padding-bottom:53px;} /* FOR ARTICLE TEMPLATE */ #central-col h2 {color:#333; font-weight:normal; font-size:240%;margin:-4px 0 21px 0; padding-right:90px; line-height:105%;} #central-col h2.secondary-title, .nspcc-shop #central-col h2.secondary-title {color:#545454; font-size:190%; margin:0 0 13px 0; padding-right:90px; line-height:110%;} .nspcc-shop #central-col h2.secondary-title {padding-top:0;padding-bottom:17px;} #central-col h2.step {font-size:190%; margin-bottom:13px;} #central-col h3 {color:#2d2c2c; font-weight:normal; padding-right:20px;} /* search results page styles */ body.search-results #central-col h3 {color:#333;} body.search-results #central-col h3 span {color:#333;} #central-col .top-form, #central-col .btm-form {padding:14px 0 1px 0; margin-right:90px; border-bottom:solid 1px #b2dac0;} #central-col .top-form {padding:5px 0 1px 0;} #central-col .resultsperpage {width:225px; margin-top:-9px; padding-bottom:9px; float:left;} body.search-results #central-col h4.pages {font-weight:normal; margin-top:1px; width:218px; text-align: right; float:left;} body.search-results #central-col h4.pages a {padding:0; margin:-1px 0 0 0; font-weight:normal;} body.search-results #central-col h4.pages a.next-prev {font-weight:bold;} #central-col .search-content {border-bottom:solid 1px #b2dac0; padding:27px 0 0 0; margin-right:90px;} #central-col .search-content p, #central-col .search-content h3 {padding-right:0; margin-right:0;} #central-col .search-content p {margin-bottom:15px;} #central-col p.sort a {font-weight:normal;} #central-col p.date-doc {margin-top:-15px; } #central-col p.date-doc img {vertical-align:middle; margin-top: 4px;} #central-col p.date-doc a {margin-left:5px; font-weight:normal; position: relative; top: 3px;} #central-col p.date-doc a.textonly {margin-left:0px; font-weight:normal;} #central-col form#resultsform-top, #central-col form#resultsform-btm {display:inline;} #central-col form#resultsform-top select, #central-col form#resultsform-btm select {width:45px; padding:1px; border:solid 1px #7f9db9;} #central-col form#resultsform-top input, #central-col form#resultsform-btm input {position:relative; top:7px; left:3px;} form#search-again h3 {margin-top:15px;} form#search-again legend {padding-bottom:10px;} form#search-again input.w198 {margin-top:3px; padding:1px; border:solid 1px #7f9db9;} form#search-again fieldset {padding-bottom:6px;} form#search-again fieldset input {position:relative; top:2px;} form#search-again fieldset label {margin-right:10px; line-height:140%;} form#search-again p input {float:left;} form#search-again p input.go-submit {margin:2px 0 0 7px;} .vacancy-info {padding-bottom:10px; margin-bottom:25px;} #central-col .vacancy-info h2 {font-size:140%;} #central-col .vacancy-info p {font-size:140%; line-height:100%; margin-top:-11px; margin-bottom:8px;} .vacancy-dates p {margin:0 0 3px 0;} .vacancy-dates h3 {margin:19px 0 0 0;} #central-col .errors {margin-top:-9px;} #central-col .errors, #central-col .errors h3 {color:#c00;} #central-col .errors h3 {font-size:95%; font-weight:bold; margin:0;} #central-col .errors ul {margin:0 16px 16px 16px; padding:0;} #central-col .errors li {} #central-col #to-do-list {font-weight:bold; padding-bottom:24px; margin-bottom:12px; border-bottom:solid 3px #c5a8d1;} #central-col #to-do-list p {margin:0 0 5px 0;} #central-col #to-do-list ul {list-style-type:none; padding:0; color:#1c4aa6; font-size:95%;} #central-col #to-do-list li {margin-bottom:9px;} #central-col #to-do-list label {position:relative; top:2px; margin-left:4px;} #central-col #related-topics {padding:11px 0 8px 0; margin:40px 90px 9px 0;} #central-col #related-topics h3 {color:#333; font-weight:normal; margin:0 0 7px 0;} #central-col #related-topics p {margin-bottom:9px; padding:0;} #central-col #related-topics p a {font-weight:normal;} /* DP 24/07/2007 - added below style, so that follow-on link in bottom feature will be in bold on lower hub*/ #central-col #related-topics .last-link a {font-weight:bold;} #central-col ul.faq-question-list {list-style-type:none; padding:0 0 10px 0; margin:0 80px 26px 0; } #central-col ul.faq-question-list li {margin-bottom:7px;} #central-col ul.back2top {list-style-type:none; margin:-18px 0 28px 0; padding:0;} #central-col .form-block {padding:16px; padding-bottom:0;} #central-col .form-block h3 {margin-bottom:14px;} #central-col .form-block a {font-weight:normal;} #central-col .form-block span {font-weight:bold;} #central-col .form-block span.sterling {margin:7px 5px 0 0; float:left; clear:left;} #central-col .form-block span.req {color:#00ab39;font-size:180%; position:relative; top:7px; line-height:.3em;} #central-col .form-block p {padding:0; margin:0;} #central-col .form-block p.terms, #central-col .form-block p label, #central-col .form-block p textarea, #central-col .form-block p.help-txt {margin-bottom:14px; } #central-col .form-block p.required {margin:-40px 0 16px 0; text-align:right;} #central-col .form-block p.required span {line-height:100%;} #central-col .form-block p.inlineElements input {margin:0; padding:0;} #central-col .form-block ul {list-style-type:none; margin:0;} #central-col .form-block li {height:1.5em; margin:0 110px 0 0;} #central-col .form-block ul.bullet-points {list-style-type:disc; color:#2D2C2C; margin:0 14px 14px 14px;} #central-col .form-block ul.error {list-style-type:disc; color:#c00; margin:2px 14px -2px 14px;} #central-col .form-block ul.error li {height:100%;} #central-col .form-block fieldset ul.error {position:relative; top:-4px;} #central-col .form-block p input, #central-col .form-block select, #central-col .form-block textarea {margin-top:5px; padding:2px; margin-bottom:14px;} #central-col .form-block fieldset select {margin-top:-5px;} #central-col .form-block fieldset {margin-bottom:15px;} #central-col .form-block fieldset.five-option {margin-bottom:-2em;} #central-col .form-block fieldset.radio input, #central-col .form-block fieldset.radio label, #central-col .form-block fieldset.checkbox input, #central-col .form-block fieldset.checkbox label {vertical-align:middle;} #central-col .form-block fieldset.select select {margin-top:2px;} /* LECB - new css for additional elements: replaces the ul li issue */ #central-col .form-block fieldset.radio span label, #central-col .form-block fieldset.checkbox span label {font-weight:normal; position:relative; top:-4px; } #central-col .form-block fieldset.radio span input, #central-col .form-block fieldset.checkbox span input {margin:0 5px 8px 15px; } #central-col .form-block fieldset.checkbox span .textboxBelow { margin-left:20px;} #central-col .form-block fieldset.additional p, #central-col .label-input-2col p {margin-bottom:10px;} /* LECB - two-column layout for label & input */ #central-col .label-input-2col {margin-bottom:21px;} #central-col .label-input-2col span {margin-bottom:10px; font-weight:normal;} #central-col .label-input-2col input, #central-col .label-input-2col label {float:left;} #central-col .label-input-2col .errors{ font-weight:bold;} #central-col .label-input-2col input {margin:0;padding:0;} #central-col .label-input-2col select {margin:0;padding:0;} #central-col .label-input-2col label {width:130px; padding:1px 7px 4px 0;} #central-col .label-input-2col .spacer {width:10px; height:1px; line-height:1px;float:left;} /* LECB - two-column layout for checkboxes & radio-buttons */ #central-col .multi-option {} #central-col .multi-option span {width:48%;float:left;} #central-col .multi-option span label {display:block; width:192px; margin-top:2px; line-height:120%; float:left;} #central-col .multi-option span input {display:block; float:left;} #central-col .multi-option span br {clear:both;} #central-col .form-block legend {padding-bottom:4px;} #central-col .form-block fieldset.select legend {padding-bottom:4px; margin:0;} #central-col .form-block textarea {height:100px; margin-bottom:6px; overflow-y:scroll;} #central-col .form-block input.right-col, #central-col .form-block label.right-col {position: relative; top:0; left:10px;} #central-col .form-block li.right-col {position: relative; top:-4.5em; left:110px;} #central-col .form-block input#terms {margin-left:30px; border:none;} #central-col .form-block .form-divider {height:22px; background:#fff; margin:6px -16px 16px -16px;} #central-col .form-block .form-buttons {height:22px; background:#fff; margin:-16px -16px 0 -16px; padding-bottom:7px;} input.w260, textarea.w260 {width:258px; padding-left:5px; margin-bottom:14px;} select.w260 {width:260px; margin-bottom:14px;} input.w250, textarea.w250 {width:248px; padding-left:5px; margin-bottom:14px;} select.w250 {width:250px; margin-bottom:14px;} input.w198{width:196px; margin-bottom:14px;} select.w198 {width:198px; margin-bottom:14px;} input.w166 {width:164px; margin-bottom:14px;} select.w166 {width:166px; margin-bottom:14px;} input.w123 {width:121px; margin-bottom:14px;} select.w123 {width:123px; margin-bottom:14px;} input.w62 {width:60px; } select.w62 {width:62px; } input.w43 {width:43px;} select.w43 {width:45px;} .apply-now {vertical-align:middle; margin-left:10px;} /* LOWER-LEVEL HUB-PAGE STYLES */ #central-col .hub-row {min-height:115px; clear:both;} #central-col .first {margin-top:-13px;} #central-col .hub-row img {min-height:115px; float:left; clear:left;} #central-col .hub-row .txt {position:relative; left:20px; width:388px; float:left;} #central-col .hub-row h2 {margin:14px 0 0 0; font-size:140%; font-weight:bold;} #central-col .hub-row p {margin:0; font-size:140%; color:#545454;} #central-col .hub-row ul {position:relative; left:-8px; list-style-type:none; margin:5px 0 27px 0; font-size:140%;} #central-col .hub-row li {display:inline; padding:3px 0;} #central-col .hub-row li a {color:#000; font-weight:bold; padding:0 15px 0 10px;} #primary-hero {padding-top:8px; margin:0 0 24px 0; line-height:100%;} #primary-hero .primary-hero h3 {margin-bottom:8px; font-weight:bold;} #primary-hero .primary-hero p {color:#545454; font-size:140%;line-height:120%;margin:5px 0 0 0; padding:0;} #primary-hero .primary-hero ul {position:relative; left:-8px; list-style-type:none; margin:2px 0; padding:0; font-size:140%; line-height:120%;} #primary-hero .primary-hero li {display:inline; padding:3px 0;} #primary-hero .primary-hero li a {color:#000; font-weight:bold; padding:0 10px;} .lower-hub .primary-hero p, .lower-hub .primary-hero ul, .raise-money #central-col #related-topics {width:348px;} #central-col .secondary-heroes {width:100%;} #central-col .secondary-heroes .col {width:174px; float:left;} #central-col .secondary-heroes h3, #central-col .secondary-heroes p {padding:0 10px; margin:0;} #central-col .secondary-heroes .left-most {border-left:none;} #central-col .secondary-heroes .left-most h3, #central-col .secondary-heroes .left-most p {padding:0 10px 0 0;} #central-col .secondary-heroes .central {width:183px;} #central-col .secondary-heroes .col h3, #central-col .tertiary-heroes h3 {margin-top:-5px; font-weight:bold;} #central-col .secondary-heroes .col ul {position:relative; left:-8px; list-style-type:none; font-size:140%; padding:3px 10px; margin:0;} #central-col .secondary-heroes .col li {display:block; padding:0; background:none;} #central-col .secondary-heroes .col li a {display:block; color:#000; font-weight:bold; padding-left:10px; line-height:130%;} #central-col .secondary-heroes .left-most ul {padding:2px 15px 0 0;} #article #central-col .secondary-heroes ul {padding-right:0;} #article #central-col .secondary-heroes li a {padding-left:8px;} #central-col .secondary-heroes .col .inflow-promo {margin-left:0;} #central-col .secondary-heroes .col .highlighter-border {margin-top:20px;} #central-col .secondary-heroes .col .highlighter-border ul {left:0;padding:0 15px;} #central-col .secondary-heroes .col .highlighter-border li a {padding:0;} #central-col .secondary-heroes .col .highlighter-border h3 {font-weight:normal !important;} #central-col .secondary-heroes .col .highlighter-border img {padding:0;} /*Added Frazer*/ #left-nav dl#current-section dt {color:#7ba327;} /*#central-col .btm-form {padding:14px 0 1px 0; margin-right:90px; border-bottom:solid 1px #b2dac0;}*/ .listing-info {margin-right:0px;border-bottom:solid 1px #d7e3be; padding-bottom: 9px;} .borderbot-none {border-bottom: 0 !important;} form#view-month input.go-submit {position: relative; top: 7px;} h3.view-month {float: left;} .view-monthdd {float: right; } #central-col .search-content-inpage {padding: 17px 0 0 0; margin-right:90px;} #central-col .search-content-inpage p, #central-col .search-content-inpage h3 {padding-right:0; margin-right:0;} #central-col .search-content-inpage p {padding-bottom:0px;} .bottom-link {margin-bottom: -21px; margin-top: 56px;} #central-col .secondary-heroes .col h3.media {margin-top:-3px; font-weight:bold; margin-bottom: 7px !important;} /* WORKING FOR US */ .working-for-us #central-col h3 {color:#01862d;} .working-for-us .primary-hero p {width:348px;} .working-for-us .secondary-heroes .col {border-left:solid 1px #b2dac0;} .working-for-us #primary-hero .primary-hero p.staff {font-size:100%; margin:5px 0px;} /* S.THORNE, DNA 31-08-06 - Updates to correct Working For Us Hub, when importing green.css */ .working-for-us #primary-hero, .working-for-us #primary-hero .top, .working-for-us #primary-hero .btm {background:none;} body.working-for-us #main-body #central-col .secondary-heroes li a {background:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/bghl_hero.gif) no-repeat;} body.working-for-us #main-body #central-col .secondary-heroes {width:100%; background:none;} body.working-for-us #main-body #central-col .secondary-heroes .col {width:174px; float:left; padding:0 0 0 10px;} body.working-for-us #main-body #central-col .secondary-heroes .left-most {width:163px; float:left; padding:0;} body.working-for-us #main-body #central-col .secondary-heroes .col h3 {padding:0 0 0 10px;} body.working-for-us #main-body #central-col .secondary-heroes .left-most h3 {padding:0;} body.working-for-us #main-body #central-col .secondary-heroes .col p {padding:0 0 0 10px;} body.working-for-us #main-body #central-col .secondary-heroes .left-most p {padding:0;} /* END S.THORNE, DNA 31-08-06 */ .working-for-us #central-col .inflow-promo {margin-left:15px;} .working-for-us #central-col .action-list {position:relative; left:-2px; width:165px; margin-top:20px;} .working-for-us #central-col .action-list p {padding:0 12px 9px 12px;} .working-for-us #central-col .action-list .btm {width:165px; height:17px; line-height:17px; margin-top:-7px;} /* Frazer added for t41 */ #central-col .achieved {margin-top: 48px;} #central-col .achieved dl.achieved-dl {margin-top: 12px; font-size:100%;} #central-col .achieved dl.achieved-dl dt {display:block; font-weight:bold;} #central-col .achieved dl.achieved-dl dd {margin-bottom: 7px;} .campaign #central-col p {padding:0;} .campaign #primary-hero {margin-bottom:30px;} .campaign #primary-hero h2 {margin:0; padding:0; position:relative; margin-top:-5px;} .campaign #primary-hero p {display:inline; margin:0; color:#545454; line-height:114%; font-size:200%;} .campaign #primary-hero span {white-space:nowrap;} .campaign #primary-hero span a {color:#000; font-weight:bold; padding:0 10px;} .campaign #central-col #related-topics {width:543px; line-height:100%; float:none; padding:0; margin:0} .campaign #related-topics .col-left {width:348px; margin-top:18px; float:left;} .campaign #related-topics .col-left p {width:348px; margin:10px 0 0 0; padding:0;} .campaign #related-topics .col-right {width:176px; margin-top:18px; float:right;} .campaign #related-topics .col-right h3 {padding:0 0 0 10px;} .campaign #related-topics .col-right p {margin:10px 0 0 10px;} .campaign #related-topics .col-right p.last-link { margin-bottom:0;} /* S.Thorne, DNA 31-08-06 - Additions ref Steve Sage / Lucy Barker at DNA */ .event-listing #central-col .event-module .col-left {float:left; width:368px;} .event-listing #central-col .event-module .col-right {float:left; width:163px;} .job-description h3 {color:#333 !important;} /* sitemap */ #sitemap {padding-top:1px;} /* AR 16/05/2007 - adjusted to use the following colours: GREEN: #01862D BLUE: #1C4AA6 */ #central-col #sitemap ul.navlevel0 {list-style-type: none; color:#1C4AA6; font-size:140%;} #central-col #sitemap ul.navlevel1 {border:#01862D solid 1px; list-style-type: none; padding:5px; font-size:140%;} #central-col #sitemap ul.navlevel1 li a{color:#01862D;} #central-col #sitemap ul.navlevel2 {margin-top:10px;list-style-type: none; font-size:85%; padding: 0px 0px 0px 0px;} #central-col #sitemap ul.navlevel2 li.navitemlevel2 {padding: 10px 0px 0px 0px} #central-col #sitemap ul.navlevel2 li a{color:#1C4AA6;} #central-col #sitemap ul.navlevel3 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif); font-size:80%;padding: 0px 0px 0px 20px; margin: 0px} #central-col #sitemap ul.navlevel3 li a{color:#000000;} #central-col #sitemap ul.navlevel4 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif); padding: 0px 0px 0px 20px; margin: 0px} #central-col #sitemap ul.navlevel5 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif); padding 0px 0px 0px 20px; margin: 0px} #central-col #sitemap ul.navlevel6 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif);padding: 0px 0px 0px 20px; margin: 0px} #central-col #sitemap ul.navlevel7 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif);padding: 0px 0px 0px 20px; margin: 0px} #central-col #sitemap ul.navlevel8 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif);padding: 0px 0px 0px 20px; margin: 0px} #central-col #sitemap ul.navlevel9 {list-style-image:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/listdash.gif);padding: 0px 0px 0px 20px; margin: 0px} /* AR 04/04/2007 - added from blue style sheet, to format general article action list correctly */ #central-col .action-list {background:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/blue/inflowpromo_action.gif) repeat-y;} #central-col .action-list h3 {background:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/blue/inflowpromo_action_top.gif) no-repeat;} #central-col .action-list .btm {background:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/blue/inflowpromo_action_btm.gif) no-repeat left bottom; margin: 0px; height:20px} /* Start Jamie O'Connor - new styles for news feed pages - 20/03/2007 */ #central-col #newsFeedContainer {width:100%;} #central-col #newsFeedContainer h3 {color:#545454; margin-bottom:12px;} #central-col #newsFeedContainer h4 {color:#7BA327; font-size:125%; margin-bottom:10px;} #central-col #newsFeedContainer p {padding-right:0px;} #central-col #newsFeedContainer p.newsLink {margin-bottom:4px;} #central-col #newsFeedContainer .col-left {width:350px; float:left; } #central-col #newsFeedContainer .col-left .disclaimer {margin:40px 0 40px 0;} #central-col #newsFeedContainer .col-left .disclaimer h3 {font-size:95%; font-weight:bold; margin:0;} #central-col #newsFeedContainer .col-left .disclaimer p {font-size:80%; margin-top:5px;} #central-col #newsFeedContainer .col-left .relatedTopics { border-top:#7BA327 solid 2px; margin-top:10px;} #central-col #newsFeedContainer .col-left .relatedTopics h3 { margin-top:20px;} /*#central-col #newsFeedContainer .news2col {background:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/green/bg_2col_divider.gif) repeat-y; }*/ #central-col #newsFeedContainer .col-left .col {width:162px; float:left; } #central-col #newsFeedContainer .col-left .colSpacer {float:left; width:22px; border:#FF0000 solid 0px; } #central-col #newsFeedContainer .col-right {width:165px; float:right; } #central-col #newsFeedContainer .col-right .sectionContainer {margin-bottom:30px;} #central-col #newsFeedContainer .col-right .sectionContainer .input-select {float:left; width:140px; margin-bottom:10px;} #central-col #newsFeedContainer .col-right .sectionContainer input.go-submit {margin:0 0 0 5px; border:none;} #central-col #newsFeedContainer .col-right .sectionContainer p {padding-right:0px;} #central-col #newsFeedContainer .col-right .sectionContainer ul {list-style:none; padding-right:0px; margin-left:0;} /*#central-col #newsFeedContainer .col-right .sectionContainer ul li{margin-bottom:10px; }*/ #central-col #newsFeedContainer .col-right .sectionContainer ul.rss li{padding-left:22px; background:url(/web/20080805134043im_/http://www.nspcc.org.uk/static/img/rss.gif) no-repeat center left;} #central-col #newsFeedContainer .col-right .sectionContainer ul.rss li{margin-bottom:10px; } /* End Jamie O'Connor - new styles for news feed pages - 20/03/2007 */ /* FILE ARCHIVED ON 13:40:43 Aug 05, 2008 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:48:00 Jan 21, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 265.329 exclusion.robots: 176.159 exclusion.robots.policy: 176.146 xauthn.identify: 136.859 xauthn.chkprivs: 38.892 RedisCDXSource: 0.965 esindex: 0.014 LoadShardBlock: 60.158 (3) PetaboxLoader3.datanode: 49.388 (4) CDXLines.iter: 23.886 (3) load_resource: 64.966 PetaboxLoader3.resolve: 33.479 */