/* Latest revision by Patrizio Saliani 010611 */ /* 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 */ .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;} .white {background-color:#ffffff;} .red {background-color:#ff0000; color:#ffffff;} .thinBorder {background-color:#ffffff; border:1px solid #dbdbdb;} .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 { box-shadow:1px 1px 3px #AAAAAA; -o-box-shadow:1px 1px 3px #AAAAAA; -moz-box-shadow:1px 1px 3px #AAAAAA; -webkit-box-shadow:1px 1px 3px #AAAAAA; } .shadow:hover { background-color:#EDEBE9; box-shadow:1px 1px 1px #AAAAAA; -o-box-shadow:1px 1px 1px #AAAAAA; -moz-box-shadow:1px 1px 1px #AAAAAA; -webkit-box-shadow:1px 1px 1px #AAAAAA; } .shadowLight { box-shadow:1px 1px 3px #888888; -o-box-shadow:1px 1px 3px #888888; -moz-box-shadow:1px 1px 3px #888888; -webkit-box-shadow:1px 1px 3px #888888; } .shadowLight:hover { background-color:#EDEBE9; box-shadow:1px 1px 1px #888888; -o-box-shadow:1px 1px 1px #888888; -moz-box-shadow:1px 1px 1px #888888; -webkit-box-shadow:1px 1px 1px #888888; } /* 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;} #leftBigColumn .centreComp {margin:0 15px 10px 0; float:left; min-height:175px; } #leftBigColumn .centreComp.single.light, #leftBigColumn .centreComp.single.dark {min-height:177px;} #leftBigColumn .centreComp.single.light.shadow, #leftBigColumn .centreComp.single.light.shadowLight, #leftBigColumn .centreComp.single.dark.shadow, #leftBigColumn .centreComp.single.dark.shadowLight {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;} #centreColumn .single {width:155px; min-height:175px; } #centreColumn .single2 {width:153px; min-height:175px;} #centreColumn .single4 {width:151px; min-height:158px;} #centreColumn .double {width:358px;} #leftBigColumn div.single {width:150px; } #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;} .t2#mainContent .single {clear:none !important; overflow:hidden;} .t2#mainContent .single2 {overflow:hidden;} /* 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 */ /*###################*/ .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 */ .pagerNone .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 */ .linkList { position:absolute; bottom:0.1em; right:15px; padding:0; text-align:right; list-style:none; } /* 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;} /* 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 {padding-bottom:3px; } #leftMenu.shadow {border-color:#404040; border-width:0 2px 2px 0; border-style:solid; box-shadow:none;} #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 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;} /* General double donation (ex CT50) */ /** main pod **/ #mainContent .donateCentre {min-height:168px;height:168px;overflow:hidden;} /** donations (used icw javascript) **/ #mainContent .donateCentre #singledonation {display:none;} #mainContent .donateCentre #regulardonation img {margin:0 0 9px 0;border:0;width:54px;height:18px;} /** form elements **/ #mainContent .donateCentre .donateradiobuttons {width:150px; float:left; } #mainContent .donateCentre .donateradiobuttons ul {list-style-type: none; padding-left:0; } #mainContent .donateCentre .donateradiobuttons input {width:auto;vertical-align:top; margin-right:5px;} #mainContent .donateCentre .donateradiobuttons p {margin-bottom:10px;font-weight:bold;} #mainContent .donateCentre select {font-size: 1.2em !important; font-size-adjust: inherit; height: 24px; width: 48px; float:left;} #mainContent .donateCentre #Donate_Amount {background: url("/siteImages/field-bg.gif") repeat-x 0 0; font-size: 1.4em; margin: 1px 0 0 8px; padding: 0; width: 99px; height:20px; border: 1px solid #C8C8C8; color: #333333; text-align:center; float:left; } #mainContent .donateCentre #Donate_Click1, #mainContent .donateCentre #Donate_Click2 {width:159px; height:46px; margin:10px 0 0 0; float:left; padding:0; background-image:url(/siteImages/dbl-donate-btn.gif); background-position:0 0; text-indent:-5000px; overflow:hidden; display:block; border:0; cursor:pointer;} #mainContent .donateCentre #Donate_Click1 a, #mainContent .donateCentre #Donate_Click2 a {width:159px; height:46px; background-image:url('/siteImages/dbl-donate-btn.gif'); background-repeat:no-repeat; background-position:0 0; display:block; cursor:pointer;} #mainContent .donateCentre #Donate_Click1:hover, #mainContent .donateCentre #Donate_Click2:hover, #mainContent .donateCentre #Donate_Click1 a:hover, #mainContent .donateCentre #Donate_Click2 a:hover {background-position:0px -46px;} #mainContent .donateCentre #Donate_Click1:active, #mainContent .donateCentre #Donate_Click2:active, #mainContent .donateCentre #Donate_Click1 a:active, #mainContent .donateCentre #Donate_Click2 a:active {background-position:0px -44px;} #mainContent .donateContainer {width:320px; margin:0; padding:10px 10px 10px 10px; position:absolute; top:105px; border:1px solid #d3d3d3; } #mainContent .dark .donateContainer {border:1px solid #AAAAAA; background-color:#EDEBE9;} #mainContent .donateContainer.bothDonations {top:110px;} #mainContent .donateCentre.regular .donateContainer {top:125px; padding:2px 10px 10px 10px; } .donateImg {width:150px; margin:0 0 0 10px; padding:0; float:left; height:80px; background-image:url('/siteImages/donate-img.jpg'); background-repeat:no-repeat; background-position:0 0;} .donateCentre.regular .donateImg { background-position:-20px -20px; height:45px; margin-top:9px; overflow:hidden;} /** pod text **/ #donateCentrePanel h2 {line-height:0.95em; margin:3px 0 12px 0; border-left: 7px solid #FF0000; padding: 0 7px 0 5px;} #mainContent .donateCentre #spanCurrency {display:none;} /** positioning of bottom fields **/ #mainContent .donateCentre .bottomLink {width:160px; margin:0; padding:0; float:left; position:relative; bottom:0; right:0; } #mainContent .donateCentre .bottomLink p {float:left;margin-right: 10px;margin-top:4px;; font-weight:bold;} #mainContent .donateCentre .bottomLink img {padding:0;margin:0;} #mainContent .donateCentre .bothDonations .bottomLink {clear:none; position:relative; bottom:0; right:0;} #mainContent .donateCentre .bothDonations .bottomLink #regulardonation {margin-top:0px; } #mainContent .donateCentre .bothDonations .bottomLink #Donate_Click2 {margin:10px 0 0 0;} /** pod colours **/ #mainContent .donateCentre.redBorder {border:1px solid #7f7f7f;} #mainContent .donateCentre.redBorder p {color:#404040;} #mainContent .donateCentre.redBorder h2 {color:#404040 !important;} #mainContent .donateCentre.redBorder .donateradiobuttons {color:#404040;} /** added for greyBorder **/ #mainContent .donateCentre.greyBorder {border:1px solid #7f7f7f;} #mainContent .donateCentre.greyBorder p {color:#7f7f7f;} #mainContent .donateCentre.greyBorder h2 {color:#7f7f7f !important;} #mainContent .donateCentre.greyBorder .donateradiobuttons {color:#7f7f7f;} #mainContent .donateCentre.thinBorder .donateradiobuttons {color:#7f7f7f;} #rightAndCentre #centreColumn #articleBody .double2.donateCentre {min-height:209px; } /* End of general double */ /* Double donation with background image class=bgBorder */ .donateCentre.bgBorder {min-height:168px;height:168px; overflow:hidden; background: url('/images/double-pod-bg.jpg') no-repeat 100% 50%; } #mainContent .donateCentre.bgBorder {border:1px solid #7F7F7F;} #mainContent .donateCentre.bgBorder .bottomLink p {color:#FFF;} #mainContent .donateCentre.bgBorder h2{color:#000 !important;} .bgBorder #donateCentrePanel {padding:8px 8px 8px 8px; margin:5px 0 0 0; width:165px; background-color:#f0efed; min-height:175px; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; position:relative; } .bgBorder #donateCentrePanel h2, .bgBorder #donateCentrePanel p {color:#000000;} .bgBorder .donatefields {width:160px; margin:0; padding:0; position:absolute; bottom:10px;} #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 */ 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 */ .formBox {padding-bottom:10px; padding-top: 10px !important; } .formBox h2 img {padding:0; margin:0;} .formBox input.emailImput {background-image: url("/siteImages/field-bg.gif"); background-repeat: repeat-x; border: 1px solid #C8C8C8; color: #333333; font-size: 1.1em; line-height: 1em; padding: 1px 0 4px 0; width: 90px !important; height:13px; } #EmailSignUp_EmailSignUpPanel p:last-of-type {margin:20px 10px 0.2em 10px;} .homeRightColumn .formBox {margin-top:10px; background-image:url(/siteimages/homepage_email_bg.gif); background-repeat:repeat-y; padding:0 !important; } .homeRightColumn .formBox h2 {font-size:1.15em; 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;} /* 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;} .component.right img {margin-bottom:0;} .centreComp img {margin-bottom:7px;} .NDT img {margin-bottom:3px;} .imageLeft img {margin:-15px 15px -2.9em -15px; float:left; display:inline; clear:both;} .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 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 */ .tabContainer {margin:30px 0 40px 0;} .tabbedMenuContainer {position:relative;} .tabbedMenu {height:25px; padding: 0; list-style-type: none; margin-bottom:0;} .tabbedMenu + p {clear:both; margin-top:15px;} /* this is to fix the old tab system wrapping */ .tabbedContent {width: 390px; border-top: 1px solid #CCCCCC; } .tabbedMenu li { height:14px;position: relative; white-space: nowrap; width: auto; text-align:center; border: 1px solid #CCCCCC; padding: 5px 10px; float: left; margin: 0 5px 0 0; background-color: #EDEBE9; } .tabbedMenu li:hover {background: #f4f4f4 !important;} .tabbedMenu li#select { height:15px !important; background: #FFFFFF !important; display:block; color: #C7202B; font-weight:bold; border-bottom: 0 none !important; } .tabbedMenu li#select a {text-decoration:none; } .tabbedMenu li a {font-weight:bold; 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; 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 input {float:left; margin-right: 10px;} .radioListList li label {float:left; margin-left: 5px; margin-bottom:20px; max-width:330px;} .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 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;} .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; background-image:url("/siteImages/field-bg.gif"); background-repeat:repeat-x; border:1px solid #C8C8C8; color:#333333; font-size:1.1em; line-height:1em; margin-bottom:10px; padding:2px 0 4px 0; width:200px; } .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; padding-bottom:2px;} .registrationForm label {width:120px; float:left; padding-bottom:2px;} .registrationForm .checkBox label {float:none;} .registrationForm input { vertical-align:middle; background-image:url("/siteImages/field-bg.gif"); background-repeat:repeat-x; border:1px solid #C8C8C8; color:#333333; font-size:1.1em; line-height:1em; margin-bottom:10px; padding:2px 0 4px 0; width:200px; } .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; background-image:url("/siteImages/field-bg.gif"); background-repeat:repeat-x; border:1px solid #C8C8C8; color:#333333; font-size:1.1em; line-height:1em; margin-bottom:10px; padding:2px 0 4px 0; } * + 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; } /* Fake button for anchor links */ .darkButtonLink {border:0px; background-image:url(/siteImages/arrowButtons/gray_whiteBack.gif); background-position:right center; background-color:#FFFFFF; color:#FFFFFF; overflow:visible; height:18px; padding:3px 15px; margin-top:5px; font-weight:bold; text-decoration:none;} .darkButtonLink.floatRight {padding:2px 15px 0;} input.redArrow, input.redArrowGrey, .grayButton, .lightButtonLink { border:0 none; background-color: #EDEBE9; background-image: -webkit-gradient(linear, left top, left bottom, from(#EDEBE9), to(#D4D2D0)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #EDEBE9, #D4D2D0); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #EDEBE9, #D4D2D0); /* FF3.6 */ background-image: -ms-linear-gradient(top, #EDEBE9, #D4D2D0); /* IE10 */ background-image: -o-linear-gradient(top, #EDEBE9, #D4D2D0); /* Opera 11.10+ */ background-image: linear-gradient(top, #EDEBE9, #D4D2D0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EDEBE9', EndColorStr='#D4D2D0'); /* IE6-IE9 */ border:1px solid #B8B8B8; color:#404040; font-weight:bold; overflow:visible; margin-right:20px; padding:3px 10px; text-decoration:none; text-shadow:0 1px 0 rgba(255, 255, 255, 0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } input.redArrow:hover, input.redArrowGrey:hover, .grayButton:hover, .lightButtonLink:hover { background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #d4d2d0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d2d0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#d4d2d0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#d4d2d0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#d4d2d0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d2d0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f4f4f4 0%,#d4d2d0 100%); /* W3C */ } /** BUTTONS **/ /* OLD img based #mainContent #articleBody #DonateBtn {width:159px; height:46px; margin:5px 10px 10px 10px; float:right; padding:0; background-image:url(/siteImages/dbl-donate-btn.gif); background-position:0 0; text-indent:-5000px; overflow:hidden; display:block; border:0; cursor:pointer;} #mainContent #articleBody #DonateBtn:hover {background-position:0px -46px;} #mainContent #articleBody #DonateBtn:active {background-position:0px -44px;} */ #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;} /* OLD 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;} */ 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;} /* Go button for email signup */ input.goButton { background: url("/siteImages/go-btn.gif") no-repeat scroll right top transparent; font-weight:bold; border: 0 none; cursor: pointer; height: 20px; margin: 0px 10px 0 0; padding: 0 5px 0 0; vertical-align: top; width: 35px !important; } /* Donate webfont no-img based */ .donateBtn { background: #EE220D; /* Old browsers */ background: -moz-linear-gradient(center top, #EE220D 0%, #CC0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE220D), color-stop(100%,#CC0000)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #EE220D 0%,#CC0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EE220D 0%,#CC0000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #EE220D 0%,#CC0000 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE220D', endColorstr='#CC0000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #EE220D 0%,#CC0000 100%); /* W3C */ border-radius: 3px 3px 3px 3px; box-shadow:0px 1px 1px #7f7f7f; -moz-box-shadow: 0px 1px 1px #7f7f7f; -o-box-shadow: 0px 1px 1px #7f7f7f; -webkit-box-shadow: 0px 1px 1px #7f7f7f; color: #FFFFFF; cursor:pointer; display:inline-block; font-family: 'Serifa W01 45 Light', Arial, _sans; font-size:1.5em; height:40px; line-height:41px; letter-spacing:0.02em; margin-top:5px; overflow: visible; padding: 0 25px; text-decoration: none; text-align:center; text-shadow: 0px 0px white, 0px -1px #404040; font-weight:normal; /* to remove IE ClearType fuzziness */ opacity: .9; /* other browsers and IE9+ */ filter: alpha(opacity=99); /* IE6+ */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99); /* IE6+ */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /* this works in IE8 only */ } .donateBtn:hover { background: #F00000; /* Old browsers */ background: -moz-linear-gradient(center top, #FF3300 0%, #CC0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3300), color-stop(100%,#CC0000)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #FF3300 0%,#CC0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FF3300 0%,#CC0000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #FF3300 0%,#CC0000 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3300', endColorstr='#CC0000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #FF3300 0%,#CC0000 100%); /* W3C */ /* to remove IE ClearType fuzziness */ opacity: .9; /* other browsers and IE9+ */ filter: alpha(opacity=99); /* IE6+ */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99); /* IE6+ */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /* this works in IE8 only */ } .donateBtn:active {margin-top:7px;} /* end of donate webfont no-img based */ /* Call to action buttons */ #mainContent #articleBody .registerNowBtn {float:right; width:132px; height:50px; margin:0 0 10px 10px; padding:0; background-image:url(/siteImages/register_now_floated.gif); background-position:0 0; text-indent:-5000px; overflow:hidden; display:block; border:0; cursor:pointer;} #mainContent #articleBody .registerNowBtn:hover {background-position:0px -50px;} #mainContent #articleBody .registerNowBtn:active {background-position:0px -48px;} /* end of call to action buttons */ /* Call to action buttons no-img based */ .callToActionBtn { background: #F99500; /* Old browsers */ background: -moz-linear-gradient(center top, #FF9900 0%, #E88B00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F99500), color-stop(100%,#F09000)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #F99500 0%,#F09000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F99500 0%,#F09000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F99500 0%,#F09000 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F99500', endColorstr='#F09000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #F99500 0%,#F09000 100%); /* W3C */ border-radius: 3px 3px 3px 3px; box-shadow:0px 1px 1px #7f7f7f; -moz-box-shadow: 0px 1px 1px #7f7f7f; -o-box-shadow: 0px 1px 1px #7f7f7f; -webkit-box-shadow: 0px 1px 1px #7f7f7f; color: #FFFFFF; cursor:pointer; display:inline-block; font-family: 'Serifa W01 45 Light', Arial, _sans; font-size:1.5em; height:40px; line-height:41px; letter-spacing:0.02em; margin-top:5px; overflow: visible; padding: 0 15px; text-decoration: none; text-align:center; text-shadow: 0px 0px white, 0px -1px #7f7f7f; font-weight:normal; /* to remove IE ClearType fuzziness */ opacity: .9; /* other browsers and IE9+ */ filter: alpha(opacity=99); /* IE6+ */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99); /* IE6+ */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /* this works in IE8 only */ } .callToActionBtn:hover { background: #FF9900; /* Old browsers */ background: -moz-linear-gradient(center top, #FFB544 0%, #E88B00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9900), color-stop(100%,#F09000)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #FF9900 0%,#F09000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FF9900 0%,#F09000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #FF9900 0%,#F09000 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#F09000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #FF9900 0%,#F09000 100%); /* W3C */ /* to remove IE ClearType fuzziness */ opacity: .9; /* other browsers and IE9+ */ filter: alpha(opacity=99); /* IE6+ */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99); /* IE6+ */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /* this works in IE8 only */ } .callToActionBtn:active {margin-top:7px;} /* Call to action buttons no-img based */ /* #3104 styles to inherit from component's classes as the button's classes cannot be set by tridon (this is an AIS user control). */ .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);} .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;} #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;} .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} .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; } #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%; min-height:22px;} #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;} /*=========== 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;} /*=========== End Form for register page ============*/ /* ==================================================================================================== */ /* ============================================== 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;} .homepage #smallTopContainerNew {margin-bottom:18px;} #smallTopContainerNew ul {padding-top:1px;} /* size removed 666 */ #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; } #smallTopNavRight input.searchBox { margin:0 -4px 0 0; border:0; height:11px; width:110px; vertical-align:middle; padding:2px 0 3px 0; background:url("/siteImages/field-bg.gif") repeat-x; border:0 solid #C8C8C8; color:#333333; font-size:0.9em; border-radius: 2px 0px 0px 3px; -moz-border-radius: 2px 0px 0px 3px; -webkit-border-radius: 2px 0px 0px 3px; } /* change the background image and background colour */ #smallTopNavRight input.goLightGreyButton { background: url("/siteImages/go_lightgrey.gif") no-repeat scroll right top #7F7F7F; border: 0 none; font-weight:bold; cursor: pointer; height: 17px; margin: 1px 10px 0 0; padding: 0 5px 0 0; vertical-align: middle; width: 35px; } /*>>>>>>>>>>>>> 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; margin-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;} .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;} /* 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. */ /* 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. */ .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;} /* IE6 uses relative ieFixes */ .homeCentreLeft p a { bottom:12px; right:15px; padding-right:10px; position:absolute; } /* IE6 uses relative ieFixes */ .homeCentreRight p a { bottom:12px; right:15px; padding-right:10px; position:absolute; } .homeCentreLeft a#homeCentHeadLink, .homeCentreRight a#homeCentHeadLink {text-decoration:none; width:120px; float:left; padding-bottom:0; padding-left:0px; margin-bottom:10px;} h2.homeCentreTitle { font-family:'Serifa W01 45 Light'; background-color: #404040; color: white !important; font-size: 1.23em; font-weight: normal; padding: 2px 5px 1px 10px; margin: 0; width:145px; } .centreBanner {width:335px; float:left; padding-top:10px;} /*>>>>>>>>>>>>>>>>>>>>>>>> end Centre */ /*>>>>>>>>>>>>>>>>>>>>>>>> start Right */ .homeRightColumn {position:relative;float:right;top:0px;width:160px; } /* ================= start donate right ====================== Mintra (12/05/09): a lot of changes throughout template */ /* for understanding browsers */ .donateRight {width:158px;} /* for Internet Explorer - IE ignores the min-height property. */ /* It treats the height property as min-height */ /*\*/ * html .donateRight {height: 130px; } /**/ #homeRightColumn .donateRight {margin-bottom:10px;} #homeRightColumn .donateRight .imgHeader {position:relative; top:2px; left:2px; margin-bottom:10px; min-height: 160px;} .donateRight .imgHeader {z-index:100; position:absolute; top:-10px; left:-16px;} #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 {margin:10px 0 10px 0; width:140px;} #mainContent .donateRight #regulardonation #regularlink {float:right;} #mainContent .donateRight.redBorder .singledonation {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 **/ #mainContent .donateRight .formfields { padding:10px 8px 0 8px; } #mainContent .donateRight .formfields input {width:auto;vertical-align:top;} #mainContent .donateRight.bothDonations .formfields ul { list-style-type: none; padding-left:0; } #mainContent .donateRight.bothDonations .formfields input { margin-right: 5px; vertical-align: top; width: auto; } .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, #mainContent .donateRight #Donate_Click2 { margin: 10px 0 10px 0; padding:0; text-indent:-5000px; overflow:hidden; border:0; border-radius: 4px 6px 0 0; -o-border-radius: 4px 6px 0 0; -moz-border-radius: 4px 6px 0 0; -webkit-border-radius: 4px 6px 0 0; } #mainContent .donateRight #Donate_Click1, #mainContent .donateRight #Donate_Click2, #mainContent .donateRight #Donate_Click1 a, #mainContent .donateRight #Donate_Click2 a {width:141px; height:37px; background-image:url(/siteImages/donate_red_2011.gif); background-repeat:no-repeat; background-position:0 0; display:block; cursor:pointer;} #mainContent .donateRight #Donate_Click1:hover, #mainContent .donateRight #Donate_Click2:hover, #mainContent .donateRight #Donate_Click1 a:hover, #mainContent .donateRight #Donate_Click2 a:hover {background-position:0px -37px;} #mainContent .donateRight #Donate_Click1:active, #mainContent .donateRight #Donate_Click2:active, #mainContent .donateRight #Donate_Click1 a:active, #mainContent .donateRight #Donate_Click2 a:active {background-position:0px -35px;} #mainContent .donateRight select#currencySelect {font-size: 1.2em !important; font-size-adjust: inherit; height: 24px !important; width: 48px !important; } #mainContent .donateRight input#Donate_Amount {font-size: 1.4em; margin: 1px 0 0 8px; padding: 0; width: 81px !important; height:20px; background-image: url("/siteImages/field-bg.gif"); background-repeat: repeat-x; border: 1px solid #C8C8C8; color: #333333; text-align:center; } #mainContent .donateRight #Donate_Amount {width:40px;height:15px;float:left;margin-left:1px;} #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 **/ #mainContent .donateRight .donatetext {height:auto; margin:5px 10px 0.2em 10px; } #mainContent .donateRight .regularDonateText {border-top: 1px solid #D5D5D5; padding-top:10px; margin:0 10px 0.9em 10px; } #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;} /* 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; margin:13px 0 0.9em 10px; 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 ======================== end those lots of changes */ #mainContent .donateRight.redDonation {background-color:#EDEBE9; color:#404040; padding-top:15px; 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 */ /* Other ways to give border-left for heading */ #rightColumn h2.donateTitle {border-left:7px solid red;} /* endo of other ways to give heading */ .homeRightColumn .rightBox {background-color:#edebe9; margin-top:10px; padding:1px 0; width:160px; } .homeRightColumn .rightBox h2 { border-left: 7px solid #FF9900; margin: 14px 14px 0.9em 11px; padding-left: 6px; font-size: 1.1em ! important; line-height:1.15em; } /*dev { 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; } /*>>>>>>>>>>>>>>>>>>>>>> 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: 0px;} div.footerSmall#footerNew ul#footerList li {display:inline; float:none;} #footerNew li.last {border:0;} #footerNew #footerList {padding:8px 0 6px 10px;} /* Change padding here to give more space to #footerListTwo - MS - 17/05/2012 */ /*>>>>>>>>>>>>>>>>>>>>>> end Footer */ .img180x80 {width:180px; height:80px; } .img185x80 {width:185px; height:80px; } .img183x80 {width:183px; height:80px; } .img178x80 {height:80px; } #mainContent #leftBigColumn .light.double2, #mainContent #leftBigColumn .dark.double2 { padding:12px 15px 0 15px; } #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; } #rightAndCentre #centreColumn #articleBody .double2 ul.linkList { position: relative; padding-top: 30px; } /** PRE-2011 NON WEBFONT BASED T2 banner for T2 dimension 760x200 and 760x230 **/ /* COMMENTED OUT ========================= 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;} */ /* COMMENTED OUT ========================= 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;} */ /* END OF OLD NON WEBFONT BASED T2 banner */ /** WEBFONT BASED T2 banner **/ #header.hHeightMedium #topBannerTextContainer {float:right; padding:0; width:275px; height:200px; position:relative; top:0px; } #header.hHeightMedium #topBannerImg {display:none; float:left; width:245px; vertical-align:top; padding:25px 15px 0px 15px; } #header.hHeightMedium #topBannerText {float:left; width:245px; height:155px; position:relative; top:0px; padding:22px 15px 25px 15px; color:#212121; overflow:hidden; } #header.hHeightMedium #topBannerText h1 {font-family:'Serifa W01 55 Roman'; font-size:2.55em !important; color:#212121 !important; font-weight:normal; line-height:0.85em; text-transform:uppercase; padding:0; position:relative; } #header.hHeightMedium #topBannerText span {overflow:hidden; height:90px; width:240px; color:#212121; font-size:1.1em !important; } #header.hHeightMedium #topBannerText p:first-child {padding-top:5px;} /** END OF - WEBFONT BASED T2 banner **/ /* Triple pod T2 */ #mainContent #leftBigColumn .triple { margin:0 0 10px 0; min-height:300px; padding:0; width:570px !important; } /* News feed box */ .feedBox {padding:15px; width:360px;} /** POPUP pages control **/ /*common*/ .popup #topContainer, .popup #topMenu, .popup .header, .popup #rightColumn, .popup #leftColumn, .popup #footer, .popup .registered, .popupWide #topContainer, .popupWide #topMenu, .popupWide .header, .popupWide #rightColumn, .popupWide #leftColumn, .popupWide #footer, .popupWide .registered {display:none;} .popup #mainContent, .popupWide #mainContent {background:none;} .popup div#articleHeader, .popupWide div#articleHeader {padding:0 20px 10px;} .popup div#articleHeader h1 {padding:0; margin:0;} .popup div#articleBody, .popupWide div#articleBody {min-height:0; height:auto; border:none; padding:0 20px 10px;} /*normal*/ #container.popup {width:445px;} .popup #mainContent {width:435px; left:0; margin-left:0; min-height:0; } .popup #rightAndCentre {width:435px; float:none; margin:0; padding:0;} .popup #centreColumn {width:435px; float:none; } /*wide*/ .popupWide {overflow-x:hidden;} .popupWide#container {width:780px;} .popupWide #mainContent {width:780px; left:0; margin-left:0; min-height:0;} .popupWide #rightAndCentre {width:770px; float:none; margin:0; padding:0; } .popupWide #centreColumn {width:770px;} /*popup content*/ .box1, .box2, .box3 { float:left; padding: 0px; position: relative; } .box1 { margin: 0 20px 0 0; width: 210px; } .box2 { margin: 0 20px 0 0; width: 310px;} .box3 { width: 400px;} /** end of POPUP pages control **/ /* Rolling quotes */ #rollingquotes {width: 390px; min-height:70px; padding:10px 0; margin:10px 0 0 0; margin-right:0; list-style-type: none;} #rollingquotes .slide {background-color:white;} #rollingquotes blockquote {font-family: 'Serifa W01 55 Roman'; font-weight:normal; color: #000000; background-color:white; font-size: 1.5em; line-height:1.22em; padding:10px 0 0 10px; margin:0; margin-right:0 !important; border-left:10px solid #EDEBE9; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=99)'; /* to remove IE ClearType fuzziness */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); } /* to remove IE ClearType fuzziness */ #rollingquotes .bqstart {line-height:10px; height: 45px; font-size:1.8em; color: #FF9900; letter-spacing:-0.04em;} #rollingquotes .bqstart.quote {float: left; margin-top: -22px; margin-left: -8px; padding-top: 45px; margin-bottom: -55px; font-size: 600%; line-height:10px; height: 45px; color: #FF9900;} #rollingquotes .bqstart.donate {color:#F00000;} #rollingquotes .donateBtn, #rollingquotes .callToActionBtn {font-size:1em;} /* end of rolling quotes */ /* JQuery accordion style */ .accordionItems #leftPanel {width:190px; height:auto; float:left;} .accordionItems #rightPanel {width:190px; height:auto; float:left;} .accordionItems #phone {background-image:url(/siteimages/phone_icon.gif); background-repeat:no-repeat; padding:0 0 0 32px; margin:0;} .accordionItems #fax {background-image:url(/siteimages/fax_icon.gif); background-repeat:no-repeat; padding:0 0 0 32px; margin:0;} /* Accordion style */ #accordion .itemTitle h3 {display:block;width:400px;padding:5px 20px 5px 0; font-weight:normal; outline:none;font-size:1em !important; font-weight:bold; color:#666666;cursor:pointer;margin:0 0 0 0;} #accordion .itemBody {padding-left:20px;padding-right:10px;padding-top:10px;overflow:hidden;} /* end Accordian style */ /* INLINE UL */ ul.inlineLinks {padding:15px 0 15px 0; } ul.inlineLinks li { display:inline; margin:0 8px 8px 0; padding:0 8px 0 0; } #rightColumn .inlineLinks li {background:none;} #rightColumn ul.inlineLinks li {padding:0; } /* END */ /* Twitter feed */ #twitter-ticker { width:390px; height:225px; color:#666; display:none; -moz-border-radius:10px 10px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; text-align:left; } /* Twitter feeds in right hand column by Gerry 8th June 2012 - last updated 20 June 2012 */ .right #twitter-wrapper { width:140px;background-color:#edebe9;padding:10px;margin-bottom:20px; } .right #twitter-wrapper h3 { width:130px; } .right #twitter-wrapper p { margin:0px;width:145px; } .right #twitter-ticker { width:145px;height:215px; } .right #tweet-container { background-color:#edebe9; } .right .tweet { background: none repeat scroll 0 0 #FcFbFa; border: none; margin: 0 0 10px 0; overflow: hidden; padding: 5px; width: auto; } /* end of Twitter feeds in right hand column by Gerry 8th June 2012 */ .tweet .avatar, .tweet .user, .tweet .time { float:left; } #tweet-container { height:200px; width:auto; overflow:hidden; } #twitIcon { position:absolute; top:-25px; left:-10px; width:64px; height:64px; } .tweet { padding:5px;margin:0 8px 8px 0; border:1px solid #F0F0F0; background:url(/Images/transparent.png); width:auto; overflow:hidden; } .tweet .time { text-transform:uppercase; font-size:10px; color:#AAAAAA; white-space:nowrap; margin-left:10px; } .tweet .avatar img { width:36px; height:36px; border:2px solid #eeeeee; margin:0 5px 5px 0; } .tweet .txt { clear:both; } .tweet .user { font-weight:bold; } #loading { margin:100px 95px; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right:4px; top:0; height: 100%; background: #ddd; } .jScrollPaneDrag { position: absolute; background: #999; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;} a.jScrollArrowDown:hover {/*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* END OF Twitter */ /** END OF stylesheet **/