/* RC24 - updated by Gerry 03Mar10 */ /* New Homepage for CA Week and special occasions */ /* RC23 - added to Tridion by Gerry 080708 */ /* New Homepage */ /* RC22.3 - added to Tridion by Gerry 010708 */ /* pointed new home page background images to \SiteImages\ folder */ /* RC22.2 - added to Tridion by Gerry 240608 */ /* Added style rule for Home page redesign */ /* RC22.1 - added to Tridion by Gerry 301508 - adds styling for the Bupa Great North Run pais event form */ /* Previous versions */ /* RC22 - added to Tridion by Gerry 061207 */ /********************************** C O M P O N E N T S **********************************/ /* General */ /* PAT removed position:relative; */ .component {display:inline; float:left; margin-bottom:20px;} /*display:inline ignored by all browsers, but fixes double margin bug in IE. */ /* background colours and borders */ .dark {background-color:#DBD8D4;} .light {background-color:#edebe9;} .none {background-color:#ffffff;} .red {background-color:#ff0000; color:#ffffff;} .thinBorder {background-color:#ffffff; border:1px solid #7f7f7f;} .thickBorder {background-color:#ffffff; border:2px solid #b7b1a9;} .thickBorderDark {background-color:#ffffff; border:2px solid #7f7f7f;} .redBorder {background-color:#ffffff; border:2px solid #ff0000; color:#ff0000;} .shadow {background-color:#ffffff; border:2px solid #7f7f7f; border-width: 0 2px 2px 0;} .shadowLight {background-color:#ffffff; border:2px solid #b7b1a9; border-width: 0 2px 2px 0;} /* Width, Height & Padding */ .right {width:160px; } .left {width:140px;} .single {width:150px; min-height:162px; padding-bottom:3em !important; float:left; margin:0 20px 00px 00px; display:inline; } .w390 {width:390px;} .left p { margin:0; padding:7px 5px 5px 10px; } .noLinkPadding, .noLinkPadding2, .noLinkPadding4, #centreColumn .noLinkPadding, #centreColumn .noLinkPadding2, #centreColumn .noLinkPadding4 { padding-bottom:5px !important; } /*666*/ .singleStretch {width:155px; float:left; margin:0 20px 20px 00px; display:inline;} /*same as .single but no height specified */ .doubleIFrame {width:360px; clear:both; padding-bottom:2em !important; } #leftBigColumn .double {width:345px; clear:none; } #leftBigColumn .doubleIFrame {width:360px; clear:none; } #centreColumn .component {margin:0 0 20px 20px;} /* PAT changed from min-height:160px; 2010*/ #leftBigColumn .centreComp {margin:0 15px 10px 0; float:left; min-height:175px; } #leftBigColumn .centreCompIFrame {margin:0px 10px 0px 5px; float:left; min-height:180px; } /* adjust component with to allow for borders on browsers that use the correct box model. */ #rightColumn .thickBorder, #rightColumn .redBorder {width:156px; } #rightColumn .thinBorder, #rightColumn .shadow {width:158px;} #leftColumn .thickBorder, #leftColumn .redBorder {width:136px;} #leftColumn .thinBorder, #leftColumn .shadow {width:138px;} #leftColumn .thickBorder, #leftColumn .redBorder {width:136px;} #leftColumn .thinBorder, #leftColumn .shadow {width:138px;} /* PAT 2010 - from 162px */ #centreColumn .single {width:155px; min-height:175px; } /* PAT 2010 from 160px */ #centreColumn .single2 {width:153px; min-height:175px;} #centreColumn .single4 {width:151px; min-height:158px;} #centreColumn .double {width:358px;} /* PAT 04/12 was min-height:163px; */ #leftBigColumn div.single {width:150px; } /* PAT 04/12 was min-height:161px; */ #leftBigColumn div.single2 {width:148px; } #leftBigColumn div.single4 {width:348px; } #leftBigColumn div.single2 {width:148px; } #leftBigColumn div.single4 {width:348px; } #leftBigColumn div.double2 {width:343px !important;} #leftBigColumn div.double2IFrame {width:360px !important;} #leftBigColumn div.double4 {width:341px;} #leftBigColumn div.noLinkPadding, .homepage div.noLinkPadding, #centreColumn div.noLinkPadding {min-height:193px;} /* PAT changed from 191px - 2010 */ #leftBigColumn div.noLinkPadding2, .homepage div.noLinkPadding2, #centreColumn div.noLinkPadding2 {min-height:206px;} #leftBigColumn div.noLinkPadding4, .homepage div.noLinkPadding4, #centreColumn div.noLinkPadding4 {min-height:189px;} /*ugly solution to floating problems in. this needs fixing server-side really. */ .single + .single + .single {clear:left;} .single + .single + .single + .single {clear:none;} .single + .single + .single + .single + .single {clear:left;} .single + .single + .single + .single + .single + .single {clear:none;} .single + .single + .single + .single + .single + .single + .single {clear:left;} .single + .single + .single + .single + .single + .single + .single + .single {clear:none;} .single + .single + .single + .single + .single + .single + .single + .single + .single {clear:left;} .single + .single + .single + .single + .single + .single + .single + .single + .single + .single {clear:none;} /*PAT added overflow*/ .t2#mainContent .single {clear:none !important; overflow:hidden;} .t2#mainContent .single2 {overflow:hidden;} /*PAT end*/ /* RH Side pods WYSIWYG */ #rightColumn li {list-style:none;} #rightColumn .single2 ul, #rightColumn .single ul, #rightColumn .dark ul { margin:10px 0 20px 0; padding-left:0.8em; } #rightColumn .single li, #rightColumn .single2 li, #rightColumn .dark li {background: url(/siteImages/bullets/rightGrey.gif) no-repeat 0px 5px; list-style:none; padding-left: 15px; } /* end */ /* Tiny orange borders RH pod */ #rightColumn .dark h2, #rightColumn .light h2 { border-left: 7px solid #FF9900; padding-left:5px; margin:5px 14px 0.9em 9px; line-height:1.1em; } /* end */ /* Add Corner Background Images */ div.corner {height:25px; background-repeat:no-repeat; background-position:right bottom; margin-top:-3px; } .shadowLeftFooter {background:url(/siteImages/lightThickCorner.gif);} .thinBorderRightFooter {background:url(/siteImages/thinCorner.gif);} .redBorderRightFooter {background:url(/siteImages/redBorderRightCorner.gif);} .darkRightFooter {background:url(/siteImages/darkRightCorner.gif);} .lightRightFooter {background:url(/siteImages/lightRightCorner.gif);} .redRightFooter {background:url(/siteImages/redRightCorner.gif);} .Inner, .thickInner, .thinInner, .shadowInner {border-bottom:0px; margin:0; padding:0;} .corner .bottomLink {bottom:10px; right:22px;} /* Centre Components */ /*###################*/ /* PAT 2010 - from margin-bottom:20px */ .centreComp {padding:10px 15px 30px 15px; position:relative; margin-bottom:10px; } /* for Wysywig pods h2 */ .none { text-decoration:none; } .centreCompIFrame {padding:0px 15px 30px 0px; position:relative; margin-bottom:20px; } .centreComp h2 {margin:0em 0 0.45em 0;} #leftBigColumn .single h2 { margin-right:-2px;} /*fix for #5422*/ /* "Now do this" banners */ .NDT {position:relative; padding:0px 0 0 94px; margin:15px 20px 20px -40px; background:Transparent; height:69px; z-index:100; overflow:visible; position:relative; background-position:left center; background-repeat:no-repeat; } .NDT div {position:relative; padding: 0 0 0 15px; font-size:100%; border-left:0; height:69px; } .NDT div * {margin:0; padding:0; text-decoration:none;} .NDT_red {background-image:url(/siteImages/NDT_white_redbg.gif);} .NDT_grey {background-image:url(/siteImages/NDT_grey.gif);} .NDT_redBorder {background-image:url(/siteImages/NDT_white_redborder.gif);} .NDT_greyBorder {background-image:url(/siteImages/NDT_white_greyborder.gif);} .NDT_grey div {background-color:#7f7f7f; color:#ffffff;} .NDT_red div {background-color:#ff0000; color:#ffffff;} .NDT_redBorder div {background-color:#ffffff; color:#000000; height:65px;} .NDT_greyBorder div {background-color:#ffffff; color:#000000; height:65px;} .NDT_grey * {color:#ffffff;} .NDT_red * {color:#ffffff;} .NDT_redBorder * {color:#000000;} .NDT_greyBorder * {color:#000000;} .NDT_Inner h3 {padding:12px 0 0 0; margin:0;} .NDT_Inner p#NDT_tag {margin-top:0px; width:220px; float:left; } .NDT_Inner p#NDT_link {position:absolute; bottom:14px; right:10px;} .NDT_Inner p#NDT_link a {font-weight:bold; } .NDT_Inner p#NDT_link img {width:26px; height:24px; margin-bottom:-5px; margin-left:4px;} /* #389 Ed 08.01.2007 */ .NDT p a {text-decoration: underline;} .formBody .NDT {padding-top:5px !important; padding-top:6px; } .formBody .NDT a span {background-image:url(/siteImages/NDT_doc.gif); color:#ff0000; text-decoration:none} .formBody .NDT p#NDT_tag {width:165px; margin-top:-3px; padding:0; } /* Pager */ .pager ul, .pager {list-style:none; margin:0 0 5px 0; padding:0; } .pager {position:relative; zoom:1; font-size:84% !important; } .pager li#next a, .pager li#previous a {color:#ff0000; font-weight:bold; width:60px; text-decoration:none; } .pager li {float:left;} .pager li ul {width:275px; text-align:center;} .pager li ul li { display:inline; float:none; text-align:center;margin-left:5px; } .pager li ul li a.active, .pager li ul li.active a {color:#000000; text-decoration:none;} .pager .rightBullet {display:inline !important;} /* Hides the page count when using the tabbedMenu .pager { display:none; } */ .gallery .pager { display:inline; } /*contact*/ .contact {margin:20px 20px 0 0; position:relative;} .contact h3 {font-size:100%;} .contact address {margin-top:0.2em; width:200px;} address a, address span {display:block;} address a {display:inline;} address {margin:0 0 0 0;} /* Top Dotted */ .topDotted {background:url(/siteImages/topDotted.gif) repeat-x top; padding-top:10px; margin-top:10px; clear:both; margin-right:20px; height:1px;} /* Image & Caption */ .ImagePlusCaption {width:160px; padding-top:0; margin-right:20px; margin-top:3px;} .ImagePlusCaption img {} .ImagePlusCaption p {margin:0.5em 2px 9px 7px;} /* "Get Acrobat Reader */ .getAcrobat {list-style:none; height:50px; padding:0; } .getAcrobat li {float:left; } .getAcrobat li a {display:block; margin:10px 0px 0 10px; width:80px;} .getAcrobat li a.downloadLink { width:238px; font-weight:bold; color:#ff0000; text-decoration:none; padding:15px 38px 15px 0; background:url(/siteImages/icons_download.gif) no-repeat right center; margin:3px 0px 0 10px; text-align:right; } a.getAcrobat {padding-bottom:10px;} /* blocks */ /*PAT changed bottom to em */ .linkList { position:absolute; bottom:0.1em; right:15px; padding:0; text-align:right; list-style:none; } /*PAT fixes the links position on the T2 - commented out .t2 .linkList { top:180px; } */ /*PAT fixes the links position on the thin double pods with image on the left */ .imageLeft .linkList { top:125px; } .linkList li {margin:0; padding:0px; line-height:1em;} .titleLeft h2 {width:155px; float:left; padding:0 10px 0 10px; color:#7f7f7f;} .comp53 h2, .h2Large h2 {font-size:185% !important; margin:0 0 0.2em 0; line-height:1.3em;} .headerBig div#articleBody {padding-top:20px;} .headerBig div#articleHeader + div {padding-top:00px;} .comp53 p {margin-left:20px; padding-right:10px;} .comp53 h2 {color:#7f7f7f; margin-top:12px; margin-left:20px; padding-right:10px;} /* Gallery */ /* old background-color:#dbd8d4*/ #imageGalleryContainer {background-color:#ffffff; margin:0 0 20px -20px; width:430px; position:relative; padding:0; line-height:1em; text-align:center; } #imageGalleryContainer img { width:400px; position: relative; left:0px; } * + html #imageGalleryContainer img {margin-bottom:-2px;} /*divg.gallery#articleBody {margin-top:22px;}*/ /*#gallerySpacer {height:70px;}*/ /* downloadList */ .dlist {padding:0px; list-style:none;} .dlist li {clear:both;} .dlist span {color:#000000; float:left; padding-right:12px;} .dlist p {width:230px; float:left;} .dlist a { width:65px; margin-top:-15px; text-decoration:none;} .dlist a img {vertical-align:text-top;} /* Action Listings*/ #actionListingHeader {margin-top:18px;} .actionListItem {position:relative; zoom:1; padding-top:10px; float:left;} a img {vertical-align:middle; } .actionListItem a.pdfDownload {margin-top:9px; margin-bottom:0px; float:left; width:95px;} /* width 666 */ .actionListItem a.redArrow {margin:12px 0 40px 0; float:right; } .actionListItem a.bottomLink {bottom:13px; display:block; right:0; width:74px; position:absolute; } /* width 666 */ * html .actionListItem a.bottomLink {bottom:3px;}/*ie 6*/ * + html .actionListItem a.bottomLink {bottom:3px;}/*ie 7*/ .actionListItem img + div {margin-left:144px;} /* if there is an image out a margin on the following content (all non IE6) */ /* Inline lists */ .inline {list-style: none outside none; padding: 0;} .inline li {display: inline; margin: 0 25px 25px 0;} /* Small Biogs */ div#centreColumn .smallBiog {padding:0px; width:180px; overflow:visible; height:auto; } .smallBiog address {margin:12px 0 1em 0;} #biogList {list-style:none; margin-bottom:1.5em; padding-left:0;} .biogToTop {text-align:right; margin-top:38px;} .bioTitle {font-size:107%;} /* Homepage components */ .homepage .single {margin:0px; margin-top:20px; min-height:166px;} .homepage .single2 {width:148px; min-height:160px;} .homepage .single4 {width:146px; min-height:158px;} .homepage .HomeCentre {width:370px; float:left; margin-left:10px;} .homeCentreColumn {width:185px; float:left; padding-left:0px; min-height:169px; padding-bottom:1em; position:relative; padding-bottom:0;} .HomeCentre a.redRight, x:-moz-any-link {bottom:2px !important;}/*ff*/ .HomeCentre a.redRight {color:#ff0000; font-weight:bold; text-decoration:underline; display:inline; position:absolute; bottom:0; }/*aomb*/ * html .HomeCentre a.redRight, * + html .HomeCentre a.redRight {bottom:0 !important;}/*ie*/ .HomeCentre h3 {color:#000000; font-size:107%; margin-bottom:0; padding-bottom:0.4em;} .HomeCentre .topDotted {margin-right:10px; margin-top:4px; padding-bottom:0; margin-bottom:-7px;} .HomeCentre h1 img {padding-bottom:0; margin:0;} .HomeCentre h1 {padding-top:33px; margin-bottom:-9px; padding-bottom:0;} .HomeCentre .topBlock {min-height:55px;} .HomeCentre ul { margin-top:5px;} .HomeCentre li {margin:0; padding:0 0 7px 0; line-height:1em; } .homepage .HomeSub {width:140px; padding-bottom:1em; float:left; background-image:url(/siteImages/homepage-corner.gif); background-repeat:no-repeat; background-position:top left;} .HomeSub h2 {padding-top:16px; margin-bottom:0; padding-bottom:0;} .HomeSub ul li a {color:#000000; font-weight:bold; text-decoration:none; font-size:107%; display:block;} .HomeSub ul li {margin-bottom:0.3em;} .HomeSub .bottomLink {color:#000000; font-weight:bold; left:15px; bottom:15px;} /* T11 links */ ul.floatRight {list-style:none; text-align:right;} ul.floatRight a {margin:0;} ul.floatRight li {padding-bottom:0.3em;} /* Sitemap Syles */ .sitemap * {margin-top:0;} ul.sitemap, ul.sitemap ul, ul.sitemap ul li {list-style:none; margin:0; padding-top:0; padding-bottom:0px; zoom:1;} ul.sitemap {padding-left:0; margin-bottom:7px; margin-top:0;} ul.sitemap h2 {margin:0; padding:0;} ul.sitemap li {line-height:1.8em; } .sitemap h3 a, .sitemap a.blackDown {color:#000000;} .sitemap a.redDown {color:#ff0000;} #articleHeader .topDotted {margin:0px; padding:0;} #articleHeader .sitemap {padding:0;padding-left:0; width:180px; float:left; margin-bottom:10px; margin-top:10px;} #articleHeader .sitemap li {margin:0px; padding:0; width:180px;} div.sitemap {position:relative; margin:0; } div.sitemap a {color:#ff0000;} .sitemap p { font-size:104%; padding-top:4px; padding-bottom:4px;} .sitemap li a {display:block; margin-bottom:0.5em; line-height:1.5em;} /* Floating Send Email */ .sendEmail {width:130px;margin-right:20px; padding:10px 10px 7px 10px;} .sendEmail a {display:block; padding:8px 35px 8px 0; text-align:right; color:#ff0000; font-weight:bold; background:url(/siteImages/redEmail_icon.gif) no-repeat right center; } .sendEmail p {margin-bottom:2px;} /* Related Links Box & Contact Info box (T14) */ #articleRelatedBox ul li {margin:0; padding:0px; line-height:1.4em;} #articleRelatedBox ul {margin:0; padding:0px;} #articleRelatedBox h2, #contactInfoBox h2 {margin-bottom:0px;} /* Contact Info */ h2.contactHeader {font-size:107%;} .contactDetailLinks {display:block; clear:both; text-align:right; list-style:none; margin-left:-20px } .contactsBlock {width:185px;} .contactsBlock address {margin-bottom:10px;} .contactDetailLinks li, .openHours li {padding:0px; margin:0px; line-height:1.5em;} #relAndContact {padding:0px; border:0px; background-color:Transparent; margin:0; } #relAndContact td {vertical-align:top; margin-right:20px; } #relAndContact td div {height:100%;} #relAndContact td h2 {font-size:107%; margin-bottom:5px; } table.light td {background-color:#edebe9; margin-right:19px;} #relAndContact td#firstCell {border-right:15px solid #ffffff;} #relAndContact * {line-height:1.2em; margin:0; line-height:1.3em;} #relAndContact .singleStretch {width:154px;} /* t11Details */ #t11Details {margin-top:45px;} /* F A Q s */ #articleHeader ol.faqItems p {margin:0em 0 0.7em 0;} #articleHeader ol.faqItems {margin-top:10px;} /* Emergencies Update */ .centreCorner { height:210px; padding:0; overflow:visible; } .centreCorner .thinBorder {width:153px; padding:15px 15px 0 15px; border-bottom:0;} .centreCorner .thinBorderRightFooter {background-image:url(/siteImages/thinCorner185.gif); width:185px;} .emergenciesUpdate a {font-weight:bold; display:inline;} .emergenciesUpdate .thinBorder div {padding-bottom:10px; margin:0;} #leftBigColumn .centreCorner {width:180px; height:210px; } .homepage .single .thinBorder, #leftBigColumn .centreCorner .thinBorder {width:148px; } .homepage .centreCorner .thinBorderRightFooter, #leftBigColumn .centreCorner .thinBorderRightFooter {background-image:url(/siteImages/thinCorner180.gif); width:180px; border:0px dotted blue; } /* Comp 20 */ .comp20 img {margin-left:-15px; float:left; margin-right:15px;} /* Left Components */ /*#################*/ .left {margin-bottom:30px;} .left .bottomLink {margin-right:14px;} /* Left Menu */ #leftMenu {border-color:#404040; padding-bottom:3px; } #leftMenu * {color:#000000;} #leftMenu ul, #leftMenu li {list-style:none; padding:2px 0 0 0; margin:0; background-color:#EDEBE9; line-height:1.5em;} #leftMenu li { zoom:1;} #leftMenu li a { padding-bottom:0.4em !important;} /*padding 666*/ #leftMenu a { background-position:12px 5px; display:block;} #leftMenu ul ul {padding-left:10px; position:relative; line-height:1.5em;} #leftMenu h2 {font-size:107%; } #leftMenu h2, #leftMenu h2 a {margin:0; padding:0; color:#000000;} #leftMenu ul.active, #leftMenu ul.active li, #leftMenu ul.active ul, #leftMenu ul.active ul li {background-color:#dbd8d4;} /* defect 1475 */ #leftMenu li.selected a {text-decoration:none;} #leftMenu h2 {padding:0 0 3px 13px; margin:0;} #leftMenu a {padding:0px 0 0 23px; } #leftMenu .topDotted {margin:2px 5px 0px 13px; padding:3px 0 1px 0; } /* Right Components */ /*#################*/ #rightColumn fieldset, #rightColumn p, #rightColumn h2 {margin:5px 10px 0.2em 10px;} #rightColumn h2 {font-size:152%; color:#7f7f7f} #rightColumn .red h2 {color:#ff0000;} #rightColumn .light, #rightColumn .dark, #rightColumn .none, #rightColumn .red, #rightColumn .thickBorder, #rightColumn .thinBorder, #rightColumn .redBorder, #rightColumn .shadow, #rightColumn .shadowLight {padding-top:10px; padding-bottom:15px;} /*PAT created for the CT29 replacement WYSiWYG */ #rightColumn .topAlign { padding-top:0px !important; } /* 57 (quote) */ .component p.quote {margin:0 8px 0 17px; padding:0; font-size:129% ; line-height:1.3em; font-weight:bold; } .redBorder p.quote {color:#ff0000;} /* Right List Block (58) */ .extra58 div p, .comp58 p {padding:6px 0 7px 0; margin-bottom:3px; margin-left:0; background:url(/siteImages/topDotted.gif) repeat-x bottom; position:relative; clear:both;} .comp58 div.Inner {padding-bottom:2px; width:128px !important; padding-left:15px; padding-right:15px;} /* .comp58 div.Inner {padding-bottom:2px; } */ .comp58 div.Inner h2, .comp58 div.Inner p {margin-left:0 !important; margin-right:0 !important; } /* 58b */ #rightColumn div.extra58 div.shadow {width:152px; margin-left:2px; margin-right:6px; padding-top:5px;} #rightColumn div.extra58 p {margin:0; height:36px; line-height:1.1em; padding-top:6px;} #rightColumn div.extra58 a {margin-top:6px;} #rightColumn div.extra58 p.list img {position:relative; top:1px;} #rightColumn div.extra58 .shadow p.list { margin-right:10px;} p.list#one img, p.list#three img {float:left; clear:both; margin-left:-2px; margin-right:05px;} p.list#two img, p.list#four img {float:right; clear:both; margin-right:-16px; margin-left:5px;} .light p.list#one img, .light p.list#three img, .dark p.list#one img, .dark p.list#three img {margin-left:0px;} .light p.list#two img, .light p.list#four img, .dark p.list#two img, .dark p.list#four img {margin-right:0px;} .extra58 .light, .extra58 .dark {padding-bottom:1px;} .extra58 .light p#two, .extra58 .light p#four, .extra58 .dark p#two, .extra58 .dark p#four { padding-left:12px;} /* Donate (60) */ .currency {width:35px; height:16px; color:#000000;} .amount {width:30px; height:16px; color:#000000;} .form {padding-bottom:15px; vertical-align:bottom;} /* Double donation with background image class=bgBorder */ .donateCentre.bgBorder { min-height:168px;height:168px; overflow:hidden; background: url(http://www.christianaid.org.uk/images/bg_double_pod.jpg) no-repeat 100% 50%; } .bgBorder #donateCentrePanel { padding-top:3px; } .bgBorder #donateCentrePanel h2, .bgBorder #donateCentrePanel p {color:#000000;} .bgBorder .bottomLink{ bottom:-5px !important; right:13px !important; } #rightAndCentre #centreColumn #articleBody .donateCentre.bgBorder { padding:8px 0px 0px 15px; min-height:211px; width:374px; } /* end */ /* Have your say */ .hysImage {margin:6px 0 7px 0 !important;} /* Related Links */ /* Pat replaced padding-bottom:10px */ div.relatedComp {margin-bottom:20px;} div.relatedComp p {padding-bottom:10px;} div.relatedComp a.leftBullet {background-position:left 0.3em; margin:0 15px 0 10px; display:block;} div.relatedComp .topDotted {margin:5px 15px 3px 15px; padding:0; height:1px;} /* forms */ /* Mintra editing email field .formBox h2 img {padding:0; margin:0 -10px 0 0;} .formBox input.emailImput {margin-right:-10px;} */ .formBox h2 img {padding:0; margin:0;} /*PAT 04/06 */ .formBox {padding-bottom:10px; padding-top: 5px !important; } /* .formBox input.emailImput {margin-right:-10px;} */ /* Mintra start adding here */ .homeRightColumn .formBox {margin-top:10px; background-image:url(/siteimages/homepage_email_bg.gif); background-repeat:repeat-y; padding:0 !important; } .homeRightColumn .formBox h2 {background-image:url(/siteimages/homepage_email_top.gif); background-position:top; background-repeat:no-repeat; padding-top:10px; padding-left:10px;} .homeRightColumn .formBox .clear {background-image:url(/siteimages/homepage_leftclip_bottom.gif); background-repeat:no-repeat; background-position:bottom; height:17px !important; width:160px !important; margin:0 !important;} .homeRightColumn .formBox p {padding:0 !important; margin-left:10px !important;} /* Mintra end the adding */ /* Image Blocks */ .single img {margin:0 -15px 0 -15px;} .single.topImage img {margin-right:-30px; margin-left:-15px; margin-top:-10px;} .topImage {overflow:hidden;} .topImage p { padding-top:4px; padding-bottom:10px; } .topImage img {margin-top:-15px; } .component img {margin-bottom:7px;} .centreComp img {margin-bottom:7px;} .NDT img {margin-bottom:3px;} .imageLeft img {margin:-15px 15px -2.9em -15px; float:left; display:inline; clear:both;} /* Mintra: adding clear:both; to .imageLeft to correct bug in imageLeft pod in Firefox2 (PC) - 06 August 2008 */ .imageLeft {padding:15px 15px 0 15px; min-height:143px; overflow:hidden; clear:both;} .imageLeft p {padding-left:176px;} #articleHeader ul {margin-bottom:20px;} /* final styles */ .floatLeft {float:left; margin-right:10px; margin-bottom:15px; display:inline;} .floatRight {float:right; margin-left:1em; margin-bottom:15px; display:inline;} /* div#articleBody span, - removed 08 Jul 2008 by Gerry (prior to new homepage rollout) because it broke the register button on logon page */ div#articleBody label, div#articleBody p, div#articleBody dl, div#articleBody ul, div#articleBody ol, div#articleBody h2, div#articleBody h3, div#articleBody h4, div#articleBody h5, div#articleBody h6, div#articleBody pre, div#articleBody form, div#articleBody blockquote, div#articleBody table {margin-right:20px;} /*PAT Tables style as Tridion in FormatAreaStyles.css */ table.stndrdtbl {border-collapse:collapse; } table.stndrdtbl tr th, table.stndrdtbl tr td {padding:.5em;background:#f3f3f3;border:5px solid #fff;} div#articleBody div p, div#articleBody div dl, div#articleBody div ul, div#articleBody div ol, div#articleBody div h2, div#articleBody div h3, div#articleBody div h4, div#articleBody div h5, div#articleBody div h6, div#articleBody div pre, div#articleBody div form, div#articleBody div blockquote, div#articleBody div table {margin-right:0px;} div#articleBody div.accountPanel {padding-right:20px;position:relative;} div#articleBody div.accountPanel .topDotted {margin-right:0px;} div#articleBody div table {margin-right:-20px;} div#articleBody a.rightMargin, div#articleBody div.rightMargin {margin-right:20px;} div.formBody#articleBody .centreComp {margin-right:20px;} div#articleBody .centreComp .topDotted {margin-right:0;} /* Back to Top */ .backToTop {display:block; text-align:right; clear:both; margin:0px 20px 10px 0; margin-top:20px;} /* Tabs for the center column of T5 pages */ .tabbedMenu { border-top: 2px solid rgb(237, 235, 233); margin: 0 0 40px 0; padding: 0; list-style-type: none; width: 390px; } .tabbedMenu li { padding: 2px 10px 5px 10px; float: left; margin-right: 10px; background-color: #EDEBE9; } .tabbedMenu li#select { background-color: #FFFFFF; font-weight:bold; } .tabbedMenu li#select a { text-decoration:none; } /* end of tabs */ /* Align Links */ .bottomLink {position:absolute; bottom:10px; right:15px; list-style:none; clear:both;} .rightAlign {display:block; text-align:right; } p.rightAlign {margin:0; padding:0;} .component a.rightAlign {margin-bottom:15px; margin-right:10px;} .corner a.rightAlign {padding-right:20px;} ul.noMargin {margin:0; padding:0;} .HomeSub img { margin-top:-18px !important; margin-bottom:4px; margin-left:0;} * a:hover, a:hover {text-decoration:none;} .centreCorner img {margin:0; padding:0;} .empty#articleHeader {height:12px !important; background-color:Transparent; padding:0; margin:3px 0 0 0 !important; margin:0 0 -19px 0; } a.getAcrobatImage {margin:15px 0 15px 0; display:block } #centreColumn div.noPadding {padding:0 0 20px 0; width:388px;} #centreColumn div.noPadding .bottomLink {bottom:0px;} a.faq {display:block; margin-bottom:3px;} /*~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###\ ~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~### | # | # o # F U N C T I O N A L C O M P O N E N T S T Y L E S o # | # | # ###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~ \###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~###~o~*/ #articleHeader ul.buttonStrip {list-style:none; clear:both; padding-top:30px; margin:0; padding:0; padding-top:30px;} /* .buttonStrip li {float:left; margin:0 8px 0 0; padding:0 2px 0 0; display:inline; } .buttonStrip li input {background-color:#edebe9; color:#7f7f7f; font-weight:bold; height:18px; cursor:pointer; border:0; margin:0; width:115px;} */ .buttonStrip li {float:left; margin:0 8px 0 0; border-right:2px solid #7f7f7f; padding:0; display:inline; } .buttonStrip li input {background-color:#edebe9; color:#404040; font-weight:bold; height:18px; cursor:pointer; border:1px solid #edebe9; border-bottom:0; padding:2px 10px 6px 10px; margin:-2px 0 0 0; position:relative; font-size:107%; height:22px; width:auto; overflow:visible; text-decoration:underline;} .buttonStrip li input.active {background-color:#ffffff; border:1px solid #cccccc; border-bottom:0; text-decoration:none;} .checkPlusText {padding:0; margin-top:1em;} .checkPlusText input {float:left;} .checkPlusText label, .checkPlusText a {margin-left:20px; display:block;} .radioListList li {clear:both;} .radioListList li span {display:block; float:left; display:inline;} .radioListList li span input, .radioListList li span label {float:left; width:30px; display:inline; padding:0;} .radioListList li.topDotted {margin-right:0px;} /* .saveCancel {list-style:none; margin:0; padding:0;} .saveCancel li {width:50%; float:left;} .saveCancel input.redArrow {float:right;} * + html .saveCancel input.redArrow {margin-right:-20px;} */ .saveCancel li {width:100px; float:left;} .saveCancel {list-style:none; margin:0; padding:0; zoom:1;} .NAL {margin-right:7px} .saveCancel .saveRight { float:right; display:inline; width:auto;} /** html .saveCancel input.redArrow {margin-right:-20px;} */ .standardForm span.fixedtext {padding-bottom:2px; display:-moz-inline-box; display:inline-block;} .standardForm label {width:120px; float:left; padding-bottom:2px;} .standardForm .checkBox label {float:none;} .standardForm input {vertical-align:middle; width:170px;} .checkbox { width:20px !important; } .indented {margin-left:140px;} .standardForm .checkLabelLeft input {float:left; margin-right:5px; } .standardForm .indented label {width:210px; display:block !important; display:inline; margin:0 0 0 0px; padding:0; float:right;} .standardForm .radioChoice {clear:both;} .standardForm .radioChoice span {display:inline} .standardForm .radioChoice label, .standardForm .radioChoice input {display:inline !important; float:none; margin:0px 0 0 0; } .standardForm .radioChoice input {margin-right:3px;} .registrationForm span.fixedtext {padding-bottom:2px; display:-moz-inline-box; display:inline-block;} /*.registrationForm span {width:120px; float:left; padding-bottom:2px;} */ .registrationForm span {width:120px; padding-bottom:2px;} .registrationForm label {width:120px; float:left; padding-bottom:2px;} .registrationForm .checkBox label {float:none;} .registrationForm input {vertical-align:middle; width:170px;} .indented {margin-left:140px;} .registrationForm .checkLabelLeft input {float:left; margin-right:5px; } .registrationForm .indented label {width:210px; display:block !important; display:inline; margin:0 0 0 0px; padding:0; float:right;} .registrationForm .radioChoice {clear:both;} .registrationForm .radioChoice span {display:inline} .registrationForm .radioChoice label, .registrationForm .radioChoice input {display:inline !important; float:none; margin:0px 0 0 0; } .registrationForm .radioChoice input {margin-right:3px;} #manageCheckboxes span {line-height:2em; display:inline-block;} #manageCheckboxes span label {display:inline-block; width:30px; } .standardForm#giftAid input {vertical-align:middle;} .standardForm#giftAid label {width:auto; margin-left:2px;margin-bottom:3px;} .formTable {width:390px;} .formTable .firstColumn {width:80px; } .formTable th, .formTable td {padding:2px 2px 2px 4px;} .formTable th {font-weight:bold; color:#000000;} .formTable table td {padding:0 4px 0 0; margin:0;} div.formHeader#articleHeader {background-image:none; border:0;} div.formBody#articleBody {padding-top:20px;} div.formBody#articleBody h4 {padding-bottom:4px;} /* Search Form */ .highlighted {color:#ff0000;} #searchTitle {margin-bottom:3px; font-size:107%;} #searchResults {margin-top:15px;} #searchResults li {padding-bottom:20px;} #searchResults p {margin:0; } #searchResults h3 {margin:0; font-size:100%} .caSearchDetails {display:block; padding-top:2px;} .searchListItem h3 {margin-bottom:6px;} .searchListItem img {margin-bottom:-3px;} .searchListItem img.archive {margin-bottom:-2px;} #webSearchForm {padding:15px 0px 10px 15px; margin-right:00px; margin-top:20px; margin-bottom:0; vertical-align:middle; } #webSearchForm li, #webSearchForm fieldset {padding:0; margin:0;} #webSearchForm ul {float:left; width:100%; margin-left:-30px; padding:0; margin-top:-0px; margin-bottom:0; } #webSearchForm li {list-style:none; float:left; height:40px !important; position:relative;} #webSearchForm input {} #webSearchForm label {width:90px; text-align:right; float:left; padding-right:5px; padding-top:3px;} .formSelect {width:90px;} #webSearchForm .mainInput {width:171px; margin-right:10px; } * + html #webSearchForm .mainInput { height:1.3em; margin-top:0px; } #webSearchForm .rightArrow { margin-top:-2px; } #webSearchForm .redArrow {height:18px; display:-moz-inline-box; display:inline-block; margin-left:10px; margin-top:0px; padding-top:0 !important; padding-top:2px;} #webSearchForm .rightArrow {padding-right:20px;} #commentBody, #emailBody { background-color:#ffffff; margin-bottom:10px; overflow:visible; margin-right:10px; width:358px; } #emailBody { overflow:hidden !important; text-overflow:ellipsis;} #commentBody { padding-top:0; } #emailBody { padding-top:10px; } #commentBody textarea, #emailBody textarea { width:355px; display:block; height:100px; color:#404040; margin:-5px 0px -1px 0px; line-height:1.4em; padding-top:5px; } * html #commentBody textarea, * html #emailBody textarea { width:352px !important;} * + html #commentBody textarea, * + html #emailBody textarea { width:352px !important;} * + html .ICantSpell { margin-top:-15px !important; } #commentBody p, #emailBody p {padding:0 0 0 10px; margin:0 0 10px 0;} #sendToFriendForm .standardForm li.addressBox p {margin-bottom:20px;} #sendToFriendForm .standardForm li.addressBox textarea {width:280px; height:50px; margin:0 0 5px 0; vertical-align:top;} #sendToFriendForm .standardForm li.addressBox label {width:40px;} #sendToFriendForm .standardForm li.addressBox .indented {margin-left:63px;} #subject {font-size:107%; margin-bottom:15px;} .formBody .centreComp {padding-bottom:5px;} #addCommentForm {padding-top:20px;} #addCommentForm .standardForm .radioChoice label {width:20px;} #commentList li {padding:10px; margin-top:0; margin-bottom:0;} .commentName {margin-top:15px;} .checkLabelLeftPlus .firstLabel {float:left; width:80px;} .checkLabelLeftPlus input {float:left; margin-right:5px; vertical-align: bottom;} .checkLabelLeftPlus label {padding-bottom:3px;} .checkLabelLeftPlus .secondLabel {width:200px; white-space:normal; display:block; } .checkLabelLeftPlus span {margin-left:140px; display:block;} #sendToFriend {padding-bottom:25px;} .shortLabel label {width:50px; } #subjectLine input {width:285px; margin-right:-20px; } .checkBox, .checkBox input { width:auto; } label#emUpdatesBox { width:220px; } .radioButtonList input { width:auto; } ul.longLabel label { width:200px; } #bottomCheckBoxList li { margin-top:-10px; } /* Buttons */ #emailBody button, input.textButton {border:0; padding:0; background-color:Transparent; color:#404040; cursor:pointer; font-size:100%; text-decoration:underline; overflow:visible; background:url(/siteImages/underline.gif) repeat-x 0px 1.25em; width:auto;} button.redArrow {border:0px; background-image:url(/siteImages/arrowButtons/AB_red_whiteBack.gif); background-position:right center; background-color:#ff0000; overflow:visible; height:18px; padding-bottom:2px; padding-right:20px; padding-left:5px; cursor:pointer; font-weight:bold;} input.redArrow, input.redArrowGrey {border:0px; background-image:url(/siteImages/arrowButtons/gray_whiteBack.gif); background-position:right center; background-color:#ff0000; color:#ffffff; overflow:visible; height:20px; padding-bottom:2px; padding-right:15px; padding-left:15px; cursor:pointer; font-weight:bold;} /* OLD STYLE red Arrow input.redArrowGrey {border:0px; background-image:url(/siteImages/arrowButtons/AB_redGrey.gif); background-position:right center; background-color:#ff0000; height:18px; padding-right:12px; padding-bottom:2px; cursor:pointer; font-weight:bold;} */ /* Mintra (19/05/09): change for new sign up box for orange design */ input.darkArrow {border:0px; background-image:url(/siteImages/go_darkgrey.gif); background-position:right center; height:18px; cursor:pointer;width:30px !important; text-indent: -9000px;} /* #3104 styles to inherit from component's classes as the button's classes cannot be set by tridon (this is an AIS user control). */ /* Mintra (19/05/09): change for new sign up box for orange design */ .none input.darkArrow, .thinBorder input.darkArrow, .thickBorder input.darkArrow, .redBorder input.darkArrow {background-image:url(/siteImages/go_darkgrey.gif); text-indent: -9000px;} .light input.darkArrow {background-image:url(/siteImages/go_darkgrey.gif); } .dark input.darkArrow {background-image:url(/siteImages/go_darkgrey.gif);} /* PAT modified from margin:0 37px 5px 0; */ .rightArrow {text-align:right; margin:0 0 5px 0; padding:0;} .rightArrow input {margin-left:20px; width:auto;} table.RadETableWrapper {top:50px !important;}/* fix to stop the rad spell check going of the page in non-IE browsers. */ /* Error Messages */ span.error, p.error, div.error {color:#ff0000; border:1px solid #ff0000; margin-bottom:10px; font-weight:bold; padding:8px 5px 8px 10px; margin-right:20px; position:relative; } span.error {display:block; white-space:normal;} #articleBody * div.error { margin-right:0; } /* if it's in any container it should have a space on the right already. */ .error * {color:#ff0000; } .error ul {list-style:none; padding-left:0;} .noerror {color:#326635; border:1px solid #326635; margin-bottom:10px; font-weight:bold; padding:8px 5px 8px 10px; } .noerror * {color:#326635;} /* Mintra (19/05/09): change width from 130px, for sign up box */ #rightColumn input {width:98px;} #rightColumn input.button {width:auto;} #rightColumn .error {margin-left:10px; margin-top:3px; padding-bottom:0; width:120px; } #rightColumn .error ul {list-style:none; margin:0; padding:0; } #rightColumn p.error {padding-bottom:6px; margin-bottom:5px; } #articleBody .centreClear {clear:both;} /*PAT 2010 changed it from margin-top:-4px; */ .centerComp {margin-top:-5px;} #theLastLabel {width:350px} #addCommentForm ul li.radioChoice label {width:50px !important;} .cssHideJSshow{display:none;} .ajaxLoadingImg {margin:0 0 0 180px; position:relative;left:190px;top:80px} #ajaxLoadingDivWrapper div, #ajaxLoadingDivWrapper {height:0; line-height:0; padding:0; position:absolute;top:0} /* reading room additions */ .redArrow2 { color:#ffffff; background:url(/siteImages/arrowButtons/AB_red.gif) no-repeat; height:18px; display:-moz-inline-box; display: inline-block; font-weight:bold; background-position:right center; padding-right:20px; text-decoration:none; margin-bottom:0.7em; margin-top:-2px; } input#btnEmailFriend{ position:relative; /*color:#666;*/ border:none; cursor: pointer; cursor: hand; padding: 0px; display:inline; /*background:url(/siteImages/printerIcon.gif) no-repeat left center;*/ font-weight:bold; /* padding-left:20px;*/ margin:0px 0px 0px 0; } /* end reading room additions */ /* reset text size 666 .pdfDownload,*/ #header h2 {font-size:1.85em;} h1 {font-size:1.5em;} #header h1, #header h2 {font-size:1.45em !important;} #rightColumn h2 {font-size:1.15em !important;} input.redArrowGrey { font-weight:bold;} .formBody button.redArrow, .formBody input.redArrow, .formBody input.redArrowGrey, .formBody a.redArrow, .formBody a.darkArrow, .formBody a.whiteRedArrow, .formBody a.whiteLightArrow, .formBody a.whiteArrow {font-size:100% !important;} a.rightILA {float:right; margin-right:74px; position:relative; zoom:1; text-align:right; } a.inlineILA {margin-top:-1.45em;} * + html a.rightILA input.forgotBTN {margin-right:-20px; } * html a.rightILA input.forgotBTN {margin-right:-20px; } .formBody input.textButton {font-size:105% !important;} .homepage #topMenu {font-size:80%;} #sendToFriendForm {padding-bottom:0px !important;} /*un-used css for fixing the CT images overflow issue*/ .imgWrap {margin:0 0 0 -15px; padding:0; width:185px; overflow:hidden; } .single2 .imgWrap {width:183px; } .single4 .imgWrap {width:181px; } .homepage .single .imgWrap, .t2 .single .imgWrap {width:180px; } .homepage .single2 .imgWrap, .t2 .single2 .imgWrap {width:178px; } .homepage .single4 .imgWrap, .t2 .single4 .imgWrap {width:176px; } .imgWrap img {margin:0;} /* #4629 */ .rightBullet-greyRight-bottomLink {background:url(/siteImages/bullets/rightGrey.gif) no-repeat 100% 60%; padding-right:10px; display:block;text-align:right; position:relative;} /*=========== Mintra: Form for register page ============*/ #formProgress {margin-top:-20px;margin-bottom:30px;} #formProgress p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} #formRegister {margin-left:75px;} #formPayment {margin-left:82px;} #formSubmit {margin-left:30px;} .standardForm li .formRegisterFee {width:200px;} .noBullets .radioListList .formAccept label {width:150px;padding:0;} /*=========== Mintra: End Form for register page ============*/ /* ==================================================================================================== */ /* ============================================== Re - Skin =========================================== */ /* ==================================================================================================== */ /* Mintra Code for CA Re-skin */ /*>>>>>>>>>>>>> start smallTopNav (the classes originally in ca_default.css) */ #smallTopContainerNew {width:100%; display:block; padding:2px 0 0 0; background-color:#7f7f7f; margin-bottom:10px; height:22px; vertical-align:middle;} html>body #smallTopContainerNew {width:100%; display:block; padding:2px 0 0 0; background-color:#7f7f7f; margin-bottom:10px; min-height:22px; vertical-align:middle;} #smallTopContainerNew ul {padding-top:1px;} /* size removed 666 */ /* PAT 2010 - from 0.96em */ #smallTopContainerNew a {color:#ffffff; padding: 0 4px 0 3px; border-right:1px solid #ffffff;font-size:0.94em; } #smallTopNavRight {float:right; display:inline;} #smallTopNavLeft {float:left; margin-left:8px;} #smallTopNavLeftLoggedIn {float:left; margin-left:8px;} #smallTopContainerNew li.last a {border:0;} #smallTopContainerNew a:focus, #smallTopContainerNew a:active {background-color:#9e9e9e !important; position:relative; } /* PAT 2010 - margin right was 5 and width 120px height 15px */ #smallTopNavRight input.searchBox {margin:0; border:0; height:1.25em; width:9em; vertical-align:middle;} /* Mintra (21/05/09): change the background image and background colour */ #smallTopNavRight input.goLightGreyButton {margin:0 5px 0 0; border:0px; background-image:url(/siteImages/go_lightgrey.gif); background-repeat:no-repeat; background-color:#7f7f7f; height:15px; padding:0 5px 0 0; cursor:pointer; font-weight:bold; vertical-align:middle; width:30px;} /*>>>>>>>>>>>>> end smallTopNav */ /*>>>>>>>>>>>>> start home Banner */ .xLargeHeaderNew {min-height:270px;} #headerNew {height:270px; min-height:270px; position:relative;} #headerNew h1 { text-indent:-9000px; } #headerNew div {position:absolute;} /*>>>>>>>>>>>>> end home Banner */ /*>>>>>>>>>>>>> start homeContentContainer */ #homeContentContainer { width:760px; min-height:435px; float:left; position:relative; top:10px; } /*>>>>>>>>>>>>> end homeContentContainer */ /* >>>>>>>>>>>> start Left */ .homeLeftColumn {float:left;width:235px;margin-bottom:20px;} .homeLeftNews {height:70px; color:#333333;} .homeLeftColumn .leftImgHolder {width:80px; float:left; } .homeLeftColumn .leftNewsHolder {width:155px; height:53px; float:right;} .homeLeftColumn .leftNewsHolder img {margin-left:5px;} .homeLeftRss {height:27px;} .homeRssLogo {width:26px; height:20px; float:left;} .homeRssText {width:209px; height:20px; float:right;} .specialFeature {width:235px; background-image:url(/siteimages/special_bg.gif); background-repeat:repeat-y;} /* Unclear code to ask about */ .specialFeature .sFTop {height:25px;background-image:url(/siteimages/special_bg.gif); background-repeat:repeat-y;} .specialFeature .sFBottom {height:15px;} .specialFeature .sFContent {height:33px; width:220px; padding-left:15px; background-image:url(/siteimages/special_bg.gif); background-repeat:repeat-y;} html>body .specialFeature .sFContent {height:38px; width:220px; padding-left:15px; background-image:url(/siteimages/special_bg.gif); background-repeat:repeat-y;} .specialFeature .sFContent p {margin-bottom:5px; padding-bottom:0;} .sFContent .greyRight {background:url(/siteImages/bullets/rightGrey.gif) no-repeat right 6px; padding-right:12px;} .sFContent .link2 {font-weight:bold;} .homeLeftH10px {height:10px; width:235px;} /* >>>>>>>>>>>>>> end Left */ /* >>>>>>>>>>>>>> start Centre */ .homeCentreNew {position:relative;float:left;width:335px;margin-left:15px;margin-bottom:20px;} .centreCompNew {width:335px;display:inline;} .homeCentreNew .greyRight {background:url(/siteImages/bullets/rightGrey.gif) no-repeat right 6px;} /* PAT added min-height + height in ieFixes*/ .homeCentreLeft {display:inline; float:left; position:relative; width:160px; min-height:235px; } /*display:inline ignored by all browsers, but fixes double margin bug in IE. */ /* PAT added min-height + height in ieFixes */ .homeCentreRight {display:inline; float:right; position:relative; width:160px; min-height:235px; } /*display:inline ignored by all browsers, but fixes double margin bug in IE. */ /* PAT 03/06 .homeCentreLeft img {margin-bottom:10px;} .homeCentreRight img {margin-bottom:10px;} */ .homeCentreLeft p {padding-left:10px; padding-right:10px; margin-top:0px; float:left;} .homeCentreRight p {padding-left:10px; padding-right:10px; margin-top:0px; float:left;} /* PAT turned into absolute IE6 uses relative ieFixes */ .homeCentreLeft p a { bottom:12px; right:15px; padding-right:10px; position:absolute; } /* PAT turned into absolute IE6 uses relative ieFixes */ .homeCentreRight p a { bottom:12px; right:15px; padding-right:10px; position:absolute; } /* PAT 03/06 */ .homeCentreLeft a#homeCentHeadLink {text-decoration:none; width:120px; float:left; padding-bottom:10px; padding-left:0px;} .homeCentreRight a#homeCentHeadLink {text-decoration:none; width:120px; float:left; padding-bottom:10px; padding-left:0px;} /*PAT changed padding-top:20px; .centreBanner {width:335px; height:118px; float:left; padding-top:10px;} */ /*PAT for two slim banners - commented out above */ .centreBanner {width:335px; float:left; padding-top:12px;} /*>>>>>>>>>>>>>>>>>>>>>>>> end Centre */ /*>>>>>>>>>>>>>>>>>>>>>>>> start Right */ .homeRightColumn {position:relative;float:right;top:0px;width:160px; } /* Mintra (19/05/09): add the .homeRightColumn input, for sign up box */ .homeRightColumn input {width:100px;} /* ================= start donate right ====================== Mintra (12/05/09): a lot of changes throughout template */ /* for understanding browsers */ .donateRight {width:158px; min-height:130px;} /* for Internet Explorer - IE ignores the min-height property. */ /* It treats the height property as min-height */ /*\*/ * html .donateRight {height: 130px; } /**/ #homeRightColumn .donateRight {min-height:140px;} #homeRightColumn .donateRight .imgHeader {position:relative; top:2px; left:2px; margin-bottom:10px;} .donateRight .imgHeader {z-index:100; position:absolute; top:-10px; left:-16px;} /* PAT changed margin bottom from 15px */ #rightColumn .donateRight h2 {font-size: 1.2em ! important; margin:1px 0 22px 0; padding:0; position:relative; width:155px;} /** donations (used icw javascript) **/ #mainContent .donateRight #regulardonation {float:left;height:2em;margin:10px 0 15px 0;width:140px;} #mainContent .donateRight #regulardonation #regularlink {float:right;} /** PAT specified margin: 0 0 10px - DC **/ #mainContent .donateRight .singledonation {float:left;height:2em;margin:0 0 10px;width:140px;} /* Mintra add for red arrow background in donate pod */ #mainContent .donateRight.redBorder .singledonation {float:left;height:2em;margin:0 0 0 -5px;width:150px;height:26px;min-height:26px;padding:3px 0px 2px 8px; background-image:url(/siteimages/red_tab_bg.gif); background-repeat:no-repeat;} /** form elements **/ /** PAT CHANGED MARGIN-TOP from 2 to 1em **/ #mainContent .donateRight .formfields {margin-left:8px;padding:0;position:static;top:auto;right:10px;margin-top:1.3em;margin-bottom:10px;} #mainContent .donateRight .formfields input {width:auto;vertical-align:top;} .regDonationOnlyRHCLink { position: relative; float:right; margin-right:15px; } #mainContent .donateRight select {height: 17px; width:35px; float:left;margin:0;} #mainContent .donateRight #Donate_Amount {width:40px;height:15px;float:left;margin-left:1px;} #mainContent .donateRight #Donate_Click1 {border:0;float:left;margin:0;width:54px;height:18px;float:right;} /* Mintra add for red arrow background select field */ #mainContent .donateRight select#currencySelect {width:37px !important; height:18px !important; font-size:0.9em !important; font-size-adjust:inherit; padding-left:-2px !important;} /* Mintra add for red arrow background input field */ #mainContent .donateRight input#Donate_Amount {width:35px !important; font-size:0.9em; padding:0; margin-left:5px;} #mainContent .donateRight #Donate_Amount {width:40px;height:15px;float:left;margin-left:1px;} #mainContent .donateRight #Donate_Click1 {border:0;float:left;margin:0;width:52px;height:20px;float:right;} /* Mintra add for red arrow background in donate pod (for homepage) */ #mainContent .donateRight.redBorder #Donate_Click1 {float:left;margin:0;width:51px;height:19px;position:relative;right:-6px;top:1px;} #mainContent .donateRight #Donate_Click2 {border:0;float:left;margin:0;width:52px;height:20px;} #mainContent .donateRight #regulardonation img {border:0;margin:0;width:52px;height:20px;float:right;} /** pod text **/ /** PAT ADDED margin-right **/ #mainContent .donateRight .donatetext {height:auto;margin-left:10px;margin-right:10px; margin-bottom:15px; } #mainContent .donateRight #spanCurrency {display:none;font-size:10px;} /** pod colours **/ #mainContent .donateRight .darkDonation {padding-top:5px;background-color:#DBD8D4;} #mainContent .donateRight.redBorder{border:1px solid #ff0000;padding-top:5px;} /* Mintra (12/05/09): added .redBorder in this line */ #mainContent .donateRight.redBorder h2 {color:#f00 !important;} #mainContent .donateRight.redBorder p {color:#f00;} #mainContent .donateRight.redBorder #selecttype {color:#f00;} #mainContent .donateRight.redBorder .formfields {color:#ff0000;} #mainContent .donateRight.greyBorder {border:1px solid #7f7f7f; } /* Mintra (12/05/09): delete space between .donateRightHome and .greyBorder */ #mainContent .donateRight.greyBorder p {color:#404040;} #mainContent .donateRight.greyBorder p.donatetext a{color:#404040; font-size:0.9em;} #mainContent .donateRight.greyBorder h2 {color:#404040 !important; border-left: 7px solid red; padding:0 7px 0 5px; font-size:1.15em !important; line-height:1.1em; position:relative; left:2px; top:9px; margin-top:4px !important; margin-left:8px; width:130px;} #mainContent .donateRight.greyBorder .formfields {color:#404040;} .donateRight input#currencySelect {width:40px;} /* Style Repeated inline in HTML for Safari compatibility */ .donateRight input#Donate_Amount {width:35px;} /* Style Repeated inline in HTML for Safari compatibility */ #mainContent .donateRight.greyBg {background:#edebe9; position:relative;} /* ========================== end donate right ======================== Mintra (12/05/09): end those lots of changes */ /* PAT for RED regular donation pod 02/02/10 */ #mainContent .donateRight.redDonation { background-color:#EDEBE9; color:#404040; padding-top:13px; border:1px solid #7f7f7f; } #mainContent .donateRight.redDonation h2 {font-size:1.15em !important; border-left:7px solid #FF0000; padding-left:5px; margin: 0 8px 0.9em 10px; line-height:1.1em; width:130px;} #mainContent .donateRight.redDonation p { color:#404040; } #mainContent .donateRight #regulardonation img { border:0 none; float:right; margin:0; } /* END of reg donation */ /*PAT ADDED min-height*/ .homeRightColumn .rightBox {background-color:#edebe9; margin-top:10px; padding:1px 0; width:160px; } .homeRightColumn .rightBox h2 { border-left: 7px solid #FF9900; margin: 13px 14px 0.9em 11px; padding-left: 6px; font-size: 1.2em ! important; line-height:1em; } .homeRightColumn .rightBox p { margin: 5px 10px 0.2em; padding-bottom: 10px; } /* Not sure if this is needed - test after CAWeek rollout. Gerry:Mar 2010 */ /*.homeRightColumn #homeEmailSignUp {position:relative; margin-top:20px; height:42px;}*/ /*.homeRightColumn #homeEmailSignUp input.darkArrow {margin-left:10px;}*/ /*>>>>>>>>>>>>>>>>>>>>>> end Right */ /*>>>>>>>>>>>>>>>>>>>>>> start Footer */ /* Small Footer */ .footerSmall#footerNew {margin-top:20px; background-color:#EDEBE9; padding-top:1px;} .footerLeft {width: 500px; float: left; text-align:left;} .footerRight {float: left; text-align: right; padding: 20px 10px; width: 240px; font-size: 0.94em;} .footerRight p {margin-bottom:0.5em;} #footer .footerLeft, #footer .footerRight {margin-top: 15px;} div.footerSmall#footerNew ul#footerList li {display:inline; float:none;} #footerNew li.last {border:0;} /* PAT changed from padding: 25px 0pt 35px; */ #footerNew #footerList {padding:20px 0 20px 10px;} /*>>>>>>>>>>>>>>>>>>>>>> end Footer */ /* Added by DC to restrict image width*/ .img180x80 {width:180px; height:80px; } .img185x80 {width:185px; height:80px; } .img183x80 {width:183px; height:80px; } .img178x80 {height:80px; } /* PAT changed height:195px to min-height:195px - 2010 changed to 211*/ #mainContent #leftBigColumn .double2 { padding:10px 15px 0 15px; min-height:211px; } #rightAndCentre #centreColumn #articleBody .double2 { padding:15px 15px 0 15px; min-height:119px; overflow:hidden; clear:left; } /* PAT from padding-top:13px; */ #rightAndCentre #centreColumn #articleBody .double2 ul.linkList { position: relative; padding-top: 30px; } /* ---------- What we do MAPS ---------- */ /* Double map check also ieFixes*/ #mainContent #leftBigColumn .double2.donateCentre.smap { background-image:url(/siteImages/world_map.gif); background-repeat:no-repeat; } /* ---------- Rollover effect ---------- */ img.image{ display: none; } dl#Map{ margin: 0; padding: 0; width: 373px; position: relative; } dd{ margin: 0; padding: 0; position: absolute; font-size: 10px; } /* ---------- Hotspot Declarations check IEfixes ---------- */ dd#africaDef{ top: 39px; left: 104px;} dd#africaDef a{ position: absolute; width: 106px; height: 126px; text-decoration: none;} dd#africaDef a span{ display: none; } dd#africaDef a:hover{ background: transparent url(/siteImages/world_map.gif) -119px -270px no-repeat;} dd#africaDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; bottom: 100%; margin: 0; padding: 0px 0px 2px 0px; width: 100%; } dd#americaDef{ top: 43px; left: -10px;} dd#americaDef a{ position: absolute; width: 92px; height: 118px; text-decoration: none;} dd#americaDef a span{ display: none; } dd#americaDef a:hover{ background: transparent url(/siteImages/world_map.gif) -5px -274px no-repeat;} dd#americaDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; bottom: 100%; margin: 0; padding: 0px 0px 2px 0px; width: 110%; } dd#middleeastDef{ top: 13px; left: 169px; } dd#middleeastDef a{ position: absolute; width: 50px; height: 36px; text-decoration: none; } dd#middleeastDef a span{ display: none; } dd#middleeastDef a:hover{ background: transparent url(/siteImages/world_map.gif) -184px -465px no-repeat; } dd#middleeastDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; top: 100%; margin: 0; padding: 2px 0px 0px 0px; width: 120%; } dd#asiaDef{ top: -2px; left: 227px; } dd#asiaDef a{ position: absolute; width: 128px; height: 121px; text-decoration: none; } dd#asiaDef a span{ display: none; } dd#asiaDef a:hover{ background: transparent url(/siteImages/world_map.gif) -242px -229px no-repeat; } dd#asiaDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; top: 100%; margin: 0; padding: 2px 0px 0px 0px; width: 100%; } /* 4x map check also IE fixes */ #mainContent #leftBigColumn .double2.donateCentre.bigmap { width:373px !important; min-height:423px; padding: 0; margin: 0pt 20px 0 0; float: right; } .bigmap img { margin-bottom: -3px; } /* FactFile pages check IE fixes */ .flag { padding-left: 42px; } .flag, x:-moz-any-link, x:default { padding-left: 20px; } /* END OF what we do MAPS..... */ /* SEO friendly JUMP MENU */ #rollovermenu{ padding:0; width:156px; height:18px; border:1px solid #333; border-color: #333; background-color:#333; } #rollovermenu, #rollovermenu ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #rollovermenu ul{ border:1px solid #333333; border-color: #7F7F7F; background-color:#f7f3f3; width:158px; padding-bottom:7px; } #rollovermenu ul a:link, #rollovermenu a:visited { display: block; border:none; text-decoration: underline; padding: 0 10px 0 12px; height:15px; } #rollovermenu ul a:hover, #current a{ /* background:#D6C089; */ color:#333333; text-decoration: none; } /* all list items */ #rollovermenu li { position: relative; text-align: left; cursor: default; padding: 0 5px 0 10px; margin:3px; color:#333; font-size:1em; font-weight: normal; } /* second-level lists */ #rollovermenu li ul { position: absolute; border:1px solid #333333; border-color: #7F7F7F; background-color:#EDEBE9; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } /* lists nested under hovered list items */ #rollovermenu li:hover ul, #rollovermenu li.sfhover ul { left:-17px; top:16px; } li#invite { text-align:left; font-size:1em; margin: 2px 0 0px 15px; padding:0; color:#FEFEFE; height:16px; font-weight: bold; z-index:500; } /* END OF SEO friendly JUMP MENU */ /* Mintra (26/05/09): Start new orange top banner for T2 dimension 760x200 and 760x230 */ /* ========================= hCut =========================== */ #header.hHeightMedium #topBannerTextContainer {float:right;padding:0;width:275px;height:200px;position:relative;top:0px;} #header.hHeightMedium #topBannerImg {float:left;width:245px;vertical-align:top;padding:25px 15px 0px 15px;} #header.hHeightMedium #topBannerText {width:245px;height:90px;position:relative;top:0px;padding:0 15px 25px 15px;color:#212121;overflow:hidden;float:left;} #header.hHeightMedium #topBannerText span {overflow:hidden; height:90px; width:240px; color:#212121; font-size:1.1em !important; position:absolute; top:15px; left:15px;} #header.hHeightMedium #topBannerText h1 {font-size:1em !important; color:#ff9900 !important; font-weight:normal; padding:0; position:relative; top:-70px;} /* ========================= vCut =========================== */ #header.hHeightLarge #topBannerTextContainer {float:right;padding:0;width:260px;height:230px;position:relative;top:0px;} #header.hHeightLarge #topBannerImg {float:left;width:225px;vertical-align:top;padding:25px 15px 0px 20px;} #header.hHeightLarge #topBannerText {width:220px;height:60%;position:relative;top:0px;padding:5px 0px 0px 20px;font-size:0.9em;font-weight:normal;overflow:hidden;float:left;} #header.hHeightLarge #topBannerText span {overflow:hidden;color:#212121; font-size:1.15em;} #header.hHeightLarge #topBannerText h1 {font-size:1em !important; color:#ff9900 !important; font-weight:normal; padding:0; position:relative; top:-50px;} /* Mintra (26/05/09): End new orange top banner for T2 dimension 760x200 and 760x230 */ /* PAT Homepage takeover CAweeK donation in center column and bespoke rightColumn */ /* Bespoke Ca week logo - commented out .caweek .homepage div#logo a {background:transparent url(http://www.christianaid.org.uk/siteImages/caw_homeLogo.png) no-repeat scroll left top; height:128px; left:-50px; position:absolute; top:-10px; width:215px; z-index:100; } .caweek#logo a { z-index:-100; } */ #homepageDonateCentre {width:313px; padding: 13px 11px 10px 11px; margin-bottom: 10px; background-color: #EDEBE9; } #homepageDonateCentre h2 {font-size:1.2em; border-left:7px solid #FF0000; padding-left: 5px; } .bottomLink-breaksit { padding-top:10px; } .bottomLink-breaksit p { margin-top: 3px; font-weight:bold; } .bottomLink-breaksit p, .bottomLink-breaksit input, .bottomLink-breaksit select { float: left; margin-right: 7px; } .oneColumn p {padding:8px; margin:0; } .oneColumn .floatRight { margin-bottom:5px; } .oneColumn .clear { background-image:url(/siteImages/homepage_leftclip_bottom_grey.gif); background-position:center bottom; background-repeat:no-repeat; height:17px !important; margin:0 !important; width:160px !important; } #LHSignup { height:60px; } /* END OF PAT Homepage takeover */ /* Triple pod T2 */ #mainContent #leftBigColumn .triple { margin:0 20px 11px 0; min-height:300px; padding:0; width:570px !important; }