/* RC24 - added to Tridion by Dominic 080708 */ /* New style for counter */ /* RC23 - added to Tridion by Gerry 080708 */ /* New Homepage */ /* 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 */ /* 2013-01-22 Styles for CAW2013 and IF LOGO Adjustments footer, by mmolina */ /********************************** F O N T S **********************************/ /* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.10.0 */ /* modified by ed for CA website */ /** * 84.5% for !IE, keywords for IE * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE < 6 and IE6 quirks mode. * */ body {font:62.5% arial,helvetica,clean,sans-serif; } /* size 666*/ /*body {font:0.67em arial,helvetica,clean,sans-serif;}*/ table {font-size:inherit;font:100%;} /** * 99% for safari; 100% is too large */ select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} /** * Bump up !IE to get to 13px equivalent */ pre, code {font:115% monospace;*font-size:100%;} /** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * {line-height:1.22em;} /********************************** R E S E T **********************************/ /* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.10.0 */ /* modified by ed for CA website */ a, body,div, dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,select,p,blockquote,th,td{margin:0;padding:0; color:#404040;} /*color 666*/ /*table{border-collapse:collapse;border-spacing:0;}*/ fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} /*ol,ul {list-style:none;}*/ caption,th {text-align:left;} /*h1,h2,h3,h4,h5,h6{font-size:100%;}*/ q:before,q:after{content:no-open-quote;} /********************************** G E N E R A L **********************************/ * + html {font-size:small;} * + html body {font-size:107%; } *:hover {text-decoration:none;} body {background-color:#EDEBE9; overflow:-moz-scrollbars-vertical; } /* Turn left scrollbar on permanantly for Gecko based browsers to stop page "jumping". */ .clear {clear:both; height:1px; width:0px; line-height:0px; margin:-1px; padding:0;} .clearLeft {clear:left;} .centered { display: block; margin-left: auto; margin-right: auto; } .displayNone {display:none;} #topContainer {position:absolute; top:0; left:0px;} div.smallFooter#mainContent {background-image:none;} #container { font-size: 1.2em; background-color: #FFFFFF; width: 780px; margin-left: auto; margin-right: auto; padding-bottom:2px; } #mainContent {min-height: 740px; position:relative; width:760px; left:50%; margin-left:-380px; margin-top:0; background:url(/siteImages/footerBack.gif) repeat-x bottom center; } p,dl,dt,dd,ul,ol,li, h5,h6, pre,form,fieldset,input,blockquote,th,td {margin:0 0 0.7em 0;} #articleHeader ul, #articleHeader p {margin:0.7em 0 0 0;} #articleBody p.firstParagraph {margin-top:-0.3em !important;}/*666*/ #articleBody p.imageCaption {margin:0; font-size:92%; margin-bottom:0.1em !important; font-weight:bold;}/*666*/ #articleBody p.imageCredit {margin:0; font-size:84%; margin-bottom:1.5em !important; }/*666*/ h2 {margin:0em 0 0.7em 0;} h3 {margin:0.3em 0 0.6em 0; color:#000000;} /*color 666*/ h1 {font-size:167%; margin:0 0 0.4em 0;} h2 {font-size:130%;} h3 {font-size:122%;} h4 {font-size:100%;} /*p.quote {font-size:159%; margin:0.8em 0 0.8em 0; font-weight:bold;}*/ .date {margin:0 0 0px 0; font-size:114%;} ol {padding-left:2em;} ul {padding-left:1.5em;} .HomeSub ul, .noBullets {list-style:none; padding:0; } .noBullets li {clear:both; margin-top:10px; padding:5px 0; } .formBody .noBullets li {clear:none; margin:0; padding:3px 0; } .noMargin {margin:0 0 0 0;} /* Bold & Block */ q, .firstParagraph, .date {font-weight:bold; display:block;} /* Black */ h1, h2, h2 a, h3, /*666*/ h4, .date {color:#404040 !important;} #makered {color:#ff0000;} .blockquote { width:150px; float:right; clear:both; text-align:left; font-weight:bold; font-size:136%; /*666*/ margin:1.5em 20px 1.5em 1.8em !important;/*666*/ } .quote { font-size:136%; /*666*/ clear:both; font-weight:bold; margin-top:1.5em;/*666*/ margin-bottom:1.5em ;/*666*/ } /*end ReadingRoom additions*/ .italic {font-style:italic; line-height:1.5em;} .normal {font-style:normal;} /* Link Bullet Styles */ .greyRight {background:url(/siteImages/bullets/rightGrey.gif) no-repeat;} .greyDown {background:url(/siteImages/bullets/downGrey.gif) no-repeat;} .greyUp {background:url(/siteImages/bullets/upGrey.gif) no-repeat;} .blackRight {background:url(/siteImages/bullets/rightBlack.gif) no-repeat;} .blackDown {background:url(/siteImages/bullets/downBlack.gif) no-repeat;} .redRight {background:url(/siteImages/bullets/rightRed.gif) no-repeat;} .redLeft {background:url(/siteImages/bullets/leftRed.gif) no-repeat;} .redDown {background:url(/siteImages/bullets/downRed.gif) no-repeat;} .leftBullet {background-position:left center; padding-left:10px;} .rightBullet {background-position:right 50%; padding-right:10px; } .findAddress {background-position:right 8px;} .centreComp .rightBullet { display:inline-block;} .HomeSub ul li a {padding-right:10px; background:url(/siteImages/bullets/rightBlack.gif) no-repeat right center;} /* Arrow Button Links */ a.redArrow, a.darkArrow, a.whiteRedArrow, a.whiteLightArrow, a.whiteArrow {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;} /* PAT prevented the arrows to appear */ /* .redArrow {color:#ffffff; background:url(/siteImages/arrowButtons/AB_red.gif) no-repeat;} .redArrowGrey {color:#ffffff; background:url(/siteImages/arrowButtons/AB_redGrey.gif) no-repeat;} .darkArrow {color:#ffffff; background:url(/siteImages/arrowButtons/AB_dark.gif) no-repeat;} .darkArrow2 {color:#ffffff; background:url(/siteImages/arrowButtons/AB_dark_trans.gif) no-repeat;} .whiteArrow {background:url(/siteImages/arrowButtons/AB_white.gif) no-repeat;} .whiteLightArrow {background:url(/siteImages/arrowButtons/AB_whiteLight.gif) no-repeat;} .whiteRedArrow {color:#ff0000; background:url(/siteImages/arrowButtons/AB_white_red.gif) no-repeat;} */ .redArrow span, .darkArrow span, .whiteRedArrow span, .whiteLightArrow span, .whiteArrow span {display:-moz-inline-box; display: inline-block; height:16px; padding:4px 6px; cursor:pointer;} .redArrow span {background-color:#ff0000;} .darkArrow2 span, .darkArrow span {background-color:#7f7f7f;} .whiteArrow span, .whiteLightArrow span, .whiteRedArrow span {background-color:#ffffff;} div.h_two p a span {color:#000000;} a.pdfDownload {background:url(/siteImages/pdfLogo.gif) no-repeat center right; padding: 4px 30px 4px 0; z-index:5; display:inline-block; text-decoration:underline; } a.pdfDownload:hover {text-decoration:none !important;} /********************************** T O P M E N U **********************************/ #topMenu {margin-bottom:-7px;} /* dev 0px; */ .seperateMenu li, #topMenu li, #topMenu h3, #smallTopNavLeft, #smallTopNavLeftLoggedIn, #smallTopNavRight {display:inline; margin:0; padding:0;} #topMenu ul {padding:0;}/* Revert padding applied to main content */ div#smallTopContainer {width:100%; display:block; padding:0 0px 3px 0px; background-color:#7f7f7f; margin-bottom:10px;} #smallTopContainer ul {padding-top:0px;} /* size removed 666 */ #smallTopContainer a {color:#ffffff; padding: 0 4px 1px 3px; border-right:1px solid #ffffff; } #smallTopNavRight {float:right;} #smallTopNavLeft {float:left; margin-left:8px;} #smallTopNavLeftLoggedIn {float:left;} #footer li.last, #smallTopContainer li.last a {border:0;} #smallTopContainer a:focus, #smallTopContainer a:active { background-color:#9e9e9e !important; position:relative; } /* set basic menu styles */ #LargeTopNav li {float:left;} #LargeTopNav li a {display:block; height:30px;} #LargeTopNav li a span { position:absolute; top:0; left:-5000px; } /* Hide live text */ #menuHome a {width:108px; background:url(/siteImages/menuHome.gif) no-repeat;} #menuAbout a {width:120px; background:url(/siteImages/menuAbout.gif) no-repeat;} #menuEmergencies a {width:150px; background:url(/siteImages/menuEmergencies.gif) no-repeat;} #menuIssues a {width:151px; background:url(/siteImages/menuIssues.gif) no-repeat;} #menuWhatWeDo a {width:151px; background:url(/siteImages/menuWhatWeDo.gif) no-repeat;} #menuAct a {width:108px; background:url(/siteImages/menuAct.gif) no-repeat;} #menuGet a {width:151px; background:url(/siteImages/menuGet.gif) no-repeat;} #menuGive a {width:80px; background:url(/siteImages/menuGive.gif) no-repeat;} #LargeTopNav {min-height:30px;} /* dev 0px */ /* set menu background postion for different states */ #LargeTopNav li a:hover {background-position: 0 -30px;} #LargeTopNav li.active a, #LargeTopNav li.active a:hover {background-position: 0 -60px;} #LowerTopNav {clear:both; margin:10px 0 15px 0; height:15px} #LowerTopNav li {padding:0 0 0 35px;} #LowerTopNav li a {color:#000000; padding-top:6px; padding-bottom:0; font-size:100%;} #LowerTopNav li a.active {text-decoration:none !important;} /********************************** T E M P L A T E L A Y O U T S **********************************/ /* M3 */ #centreColumn {float:left; width:432px; padding: 3px 0 0 0; background-color:#ffffff; margin:0 0 0 3px; display:inline;} #leftColumn {width:140px;} #rightAndCentre {float:right; width:610px;} #rightColumn {width:160px; float:right;} #rightColumn, #leftColumn {margin-top:18px;} .headerNone #rightColumn, .headerNone #leftColumn {margin-top:12px;} /* slightly less height than logo height to accomodate first element's margin. */ /* PAT 2010 removed border-right:2px solid #7f7f7f; */ #articleHeader {padding:5px 20px 10px 20px; margin:0;} #articleHeader h1 {padding: 6px 0 0 0;} div.headerNone #articleHeader h1 {margin-top:10px;} #articleHeader h2 {margin:15px 0 0 0;} /* Change the central left hand border start position by altering the second background-position value. This sets the pixels from the top that the line starts. */ /* See also last line of this file for safari work around. #4062 */ div.headerNone #articleHeader {background:url(/siteImages/borderLeft_safari.gif) no-repeat 430px 0; border:0; } div.headerSmall #articleHeader {background:url("/siteImages/borderLeft.gif") no-repeat scroll 430px 17px transparent;} div.headerMedium #articleHeader {background:url("/siteImages/borderLeft.gif") no-repeat scroll 430px 17px transparent;} div.smallPrint#articleHeader { background-position:430px 10px; } div#articleBody {border-right:2px solid #7f7f7f; border-bottom:2px solid #7f7f7f; padding:0 0 10px 20px; margin-top:0; min-height:465px; position:relative; clear:both;} div.bottomPadding#articleBody {padding-bottom:15px;} .t05#articleBody h2 {margin-top:30px;} #articleBody .centreComp h2 {margin-top:0px} h3.orangeh3 {border-left:7px solid #FF9900; line-height:1.1em; margin:5px 14px 0.9em 0; padding-left:5px; } .hidden { visibility:hidden; position:absolute; top:0; left:0; } /* Footer */ div#footer {background-color: #EDEBE9; text-align:center;clear:both; padding-top:15px; padding-bottom:15px; position:relative; zoom:1; } #printMe {color:#404040; background:url(/siteImages/printerIcon.gif) no-repeat left center; font-weight:bold; text-decoration:none;} #email {background:url(/siteImages/emailIcon.gif) no-repeat left transparent!important; font-weight:bold; display:none;} #btnEmailFriend {color:#404040; font-weight:bold; margin-bottom:0px; background-image:none; text-decoration:none; }/* added to style button as link, requested by RR. Ed. 01/02/07 */ * html #btnEmailFriend, * + html #btnEmailFriend {margin-bottom:-1px;} /* work arounds for ie6 and 7 rather than create new ie7 stylesheet. */ #btnEmailFriend:hover {background-image:none;} #printMe, #email {padding-left:20px; margin:0px 20px 15px 20px;} /* center the links on the t2s */ .t2 ul#footerList { padding:30px 0 0 10px; } ul#footerList { margin:0; padding:20px 0 20px 10px; list-style:none; font-size:0.94em; } ul#footerList li { float:left; padding: 0 8px 0 0; margin: 0 8px 5px 0; border-right:1px solid #7f7f7f; } /* style for #footerListTwo - MS - 17/05/2012 */ ul#footerListTwo { margin:0; padding:0px 0 0px 10px; list-style:none; font-size:0.94em; float:left; } ul#footerListTwo li { float:left; padding: 0 8px 0 0; margin: 0 8px 8px 0; border-right:1px solid #7f7f7f; } /* --- */ .t19#mainContent {background:none;} .t19#mainContent #footer {margin-left:0; width:100%; padding-top:48px;} .t19#mainContent #footer ul#footerList {padding-top:24px;} .t19#mainContent #footer #printMe, .t19#mainContent #footer ul#footerList {margin-left:265px;} /* M2 */ #leftBigColumn {padding-top:20px; margin-bottom:50px;} div.smallFooter#mainContent {background-image:none;} div#leftBigColumn {width:590px; float:left;} /* PAT shadows - overwrites the line above div#leftBigColumn { float:left; width:595px; } */ .t2 #rightColumn {margin-top:20px;} /* M1 */ div.homepage #LargeTopNav {margin-top:-7.9px; padding-top:0; position:relative;} /* -7.9 margin (not 8) to stop a rounding error in Safari. IE margin reset in IEfixes.css */ /* dev no margin-top */ .homepage #header {height:300px;} /* Small Footer */ div.footerSmall#footer {margin:0px; text-align:center; border-bottom:65px; padding-bottom:0;} div.footerSmall#footer ul#footerList li {display:inline; float:none;} div.footerSmall#footer {padding-top:00px;} .registered { display:none; } #irishRegistered { font-size:0.8em; padding-left:10px; margin-top:5px; } .accessHide {display:block; position:absolute; left:-3000px; top:0; } /* Safari hack - the defect tracking voices made me do it - ED 17/oct/07 #4062 */ /* safari won't read any styles after this */ div.headerNone #articleHeader {background:url(/siteImages/borderLeft.gif) no-repeat 430px 82px; # } /* New style for flash counter in Act Now page */ .counter { float:left; margin:0 15px 0 0; padding:0; } /** 2012-12-16 Styles for CAW2013 and IF LOGO Adjustments footer, by mmolina **/ .footer1stLine { padding: 8px 0 6px 10px; margin: 0; } .footerLinks{ padding: 8px 0 6px 10px; font-size: 0.94em; list-style: none outside none; margin: 0; } .FooterLinksFloatLeft { float: left; width: 160px; } .ifLogo { margin-bottom: 34px; } /** END OF ca_default stylesheet **/