/* CONTENTS ***************************************************************************** 1. GLOBAL bits / overlay / buttons / shadow box / forms (part - mostly forms styles in create section) / links / headings 2. CORE header / navigation / generic content / footer tell-a-friend 3. PAGE SPECIFICS home login create: generic / submit buttons / register & login / tabs (also used in donate) / steps 1 - 4 / overlays / step 5 / themes / report content / example page management: generic / my pages / my pages / edit / private messages / my details / address book / change password / promote / overlay (add contacts) donate: search / your donation / about you sitemap admin address book /* 1. GLOBAL ************************************************************************************** */ /* --- floats, clears, and other bits --- */ .fl { float:left; } .fr { float:right; } .clear { clear:both; line-height:0; } .error, .login-error { color:red !important; } .error-top { color:red !important; margin:10px 0; } .error span, .login-error span, .error-top span { background:none; padding:0; font-size: 14px; } .message-top { background:#ffffcc; padding:2px 5px; width:950px; margin:0 0 10px 0; } .strong { font-weight:bold; } .em { font-style:italic; } .right_info { background: #E2F1FA; left:570px; padding:10px; position:absolute; width:350px; } body { background:#fff; font-family:Arial, Helvetica, sans-serif; height:100%; line-height:1.4; /*padding-bottom:30px;*/ position:relative; font-size: 14px; } textarea { font-family:Arial, Helvetica, sans-serif; } .wrapper { color:#000; margin:0 auto; width:990px; } a { color:#1d0096; } a.alt { color:#1d0096 !important; } /*a:hover { text-decoration:none; }*/ h1, h2, h3, h4, h5, h6, dt, .sitemap #create .strong, .page, .create #forgot, #steps, .create3 table .field-data, .donation strong, .my-pages .no-pages, .donate-search #results .result .page-name, #footer, .promote .sent { color:#1d0096; } .required { color:#ec008c; } .required2 { color:#ec008c; margin-right:0 !important; } /* BASE FONT SIZES */ h1 { font-size: 20px; } h2 { font-size: 15px; } h3, h4, h5 { font-size: 14px; } p { font-size: 14px; } a { font-size: 14px; } ul li, ol li { font-size: 14px; } label { font-size: 14px; } p.required-message { font-size: 12px; } /* overlay main bg - see page specifics for overlay content styles */ .overlay-bg { background:url('/dim/images/overlay-bg.png') 0 0; min-height:100%; position:absolute; top:0; left:0; width:100%; z-index:1000; } .overlay-container { position:fixed; top:60px; width:100%; z-index:1100; } .overlay-top { background:url('/dim/images/overlay-top.png') 0 0 no-repeat; margin:0 auto; padding-top:77px; width:834px; } .overlay-stretch { background:url('/dim/images/overlay-stretch.png') 0 bottom no-repeat; padding:0 46px 66px; position:relative; width:742px; } .overlay-stretch h4 { border-bottom:1px solid #dcdfee; padding:0 0 8px 20px; position:absolute; top:-25px; left:46px; width:722px; } .overlay-stretch .close-button { position:absolute; top:-23px; right:60px; background: url('/dim/images/overlay-close-btn.png') no-repeat 0 50%; padding: 0 0 0 20px; color: #000; } .overlay-inner { padding: 20px 10px 10px 20px; overflow:hidden; } .overlay-inner h5 { height:1%; margin:0 5px 10px 0; } .overlay-inner .submit-js { float:right; } .overlay-inner .btn-m2 { float:right; margin-right:10px; } .overlay-inner .submit-box { margin-left:-30px; padding:5px 30px; } /* promote - add contact override */ #contact-overlay .overlay-top { background:url('/dim/images/overlay-top-contact.png') 0 0 no-repeat; width:610px; } #contact-overlay .overlay-stretch { background:url('/dim/images/overlay-stretch-contact.png') 0 bottom no-repeat; padding:0 46px 66px; position:relative; width:518px; } #contact-overlay .overlay-stretch h4 { border:0;; padding:0; } #contact-overlay .overlay-inner { padding:0; overflow:hidden; } /* --- buttons --- */ .nojs .btn-sm, .nojs .btn-m, .nojs .btn-m2, .nojs .btn-m3, .nojs .btn-lg { display: none; } .nojs .btn-sm .submit-box, .nojs .submit-js .submit-box { position: relative !important; margin: 0 !important; padding: 0 !important; } .btn-sm, .btn-m, .btn-m2, .btn-m3, .btn-lg { font-weight:bold; cursor:pointer; } .btn-sm { background:#153377 url('/dim/images/btn-sm-bg.png') 0 0 repeat-x; display:inline; height:17px; margin-right:8px; padding:1px 0 0 0; position:relative; width:auto; } .btn-sm a { color:#fff !important; display:block; float:left; font-weight:bold; height:17px; overflow:hidden; padding:0 10px; text-decoration:none; } /*.btn-sm a:hover { text-decoration:underline; }*/ .btn-sm .btn-sm-left { background:url('/dim/images/btn-sm-left.png') 0 0 no-repeat; display:block; height:18px; position:absolute; top:0; left:-5px; width:5px; } .btn-sm .btn-sm-right { background:url('/dim/images/btn-sm-right.png') 0 0 no-repeat; display:block; height:18px; position:absolute; top:0; right:-13px; width:13px; } .btn-m { background:#153377 url('/dim/images/btn-m-bg.png') 0 0 repeat-x; height:24px; padding:5px 15px 0; position:relative; z-index:10; } .btn-m a { color:#fff !important; height:21px; text-decoration:none; } /*.btn-m a:hover { text-decoration:underline; }*/ .btn-m .btn-m-left { background:url('/dim/images/btn-m-left.png') 0 0 no-repeat; display:block; height:29px; position:absolute; top:0; left:-5px; width:5px; } .btn-m .btn-m-right { background:url('/dim/images/btn-m-right.png') 0 0 no-repeat; display:block; height:29px; position:absolute; top:0; right:-20px; width:20px; } .btn-m .btn-m-right-alt { background:url('/dim/images/btn-m-right.png') right 0 no-repeat; display:block; height:29px; position:absolute; top:0; right:-5px; width:5px; } .btn-m2 { background:#153377 url('/dim/images/btn-m2-bg.png') 0 0 repeat-x; height:22px; padding:2px 10px 0; position:relative; z-index:10; } .btn-m2 a { color:#fff !important; text-decoration:none; } /*.btn-m2 a:hover { text-decoration:underline; }*/ .btn-m2 .btn-m2-left { background:url('/dim/images/btn-m2-left.png') 0 0 no-repeat; display:block; height:24px; position:absolute; top:0; left:-5px; width:5px; } .btn-m2 .btn-m2-right { background:url('/dim/images/btn-m2-right.png') 0 0 no-repeat; display:block; height:24px; position:absolute; top:0; right:-5px; width:5px; } .btn-m3 { background:url('/dim/images/btn-m3-bg.png') 0 0 repeat-x; height:22px; padding:2px 10px 0; position:relative; z-index:10; } .btn-m3 a { color:#1d0096 !important; text-decoration:none; } /*.btn-m3 a:hover { text-decoration:underline; }*/ .btn-m3 .btn-m3-left { background:url('/dim/images/btn-m3-left.png') 0 0 no-repeat; display:block; height:24px; position:absolute; top:0; left:-5px; width:5px; } .btn-m3 .btn-m3-right { background:url('/dim/images/btn-m3-right.png') 0 0 no-repeat; display:block; height:24px; position:absolute; top:0; right:-5px; width:5px; } .btn-lg { background:#153377 url('/dim/images/btn-lg-bg.png') 0 0 repeat-x; height:28px; padding:5px 10px 0; position:relative; z-index:10; } .btn-lg a { color:#fff !important; height:25px; text-decoration:none; } /*.btn-lg a:hover { text-decoration:underline; }*/ .btn-lg .btn-lg-left { background:url('/dim/images/btn-lg-left.png') 0 0 no-repeat; display:block; height:33px; position:absolute; top:0; left:-6px; width:6px; } .btn-lg .btn-lg-right { background:url('/dim/images/btn-lg-right.png') 0 0 no-repeat; display:block; height:33px; position:absolute; top:0; right:-20px; width:20px; } .submit-js { position:relative; } .submit-js span.ajax-loader { margin:0 15px 0 0; } .submit-js .submit-box { background:#fff; position:absolute; top:0; left:0; margin-left:-5px; padding:0 20px 10px; z-index:10; } /* --- expandable drop shadow box - max-width 1000px or requires larger bg image - ie6 & 7 specific styles apply --- */ .shadow-box { margin-left:5px; position:relative; } .shadow-box .border-top { background: url('/dim/images/shadow-box-t.png') repeat-x; top left } .shadow-box .top-right { background: url('/dim/images/shadow-box-tr.png') no-repeat top right; } .shadow-box .border-right { background: url('/dim/images/shadow-box-r.png') repeat-y top right; } .shadow-box .bottom-right { background: url('/dim/images/shadow-box-br.png') no-repeat top left; } .shadow-box .border-bottom { background: url('/dim/images/shadow-box-b.png') repeat-x top left; } .shadow-box .bottom-left { background: url('/dim/images/shadow-box-bl.png') no-repeat top left; } .shadow-box .border-left { background: url('/dim/images/shadow-box-l.png') repeat-y top left; } .shadow-box .top-left { background: url('/dim/images/shadow-box-tl.png') no-repeat top left; } .wrapper .shadow-box-alt .border-top, .wrapper .shadow-box-alt .top-right, .wrapper .shadow-box-alt .border-right, .wrapper .shadow-box-alt .bottom-right, .wrapper .shadow-box-alt .border-bottom, .wrapper .shadow-box-alt .bottom-left, .wrapper .shadow-box-alt .border-left, .wrapper .shadow-box-alt .top-left { background-image: url('/dim/images/shadow-box-bg-alt.png'); } .wrapper .shadow-box-alt .top-right { background-position:-1030px 0 !important; right:-10px; width:10px; } .wrapper .shadow-box-alt .bottom-right { background-position:-1030px -10px; background-repeat:no-repeat; height:10px; line-height:0; position:absolute; top:0px; right:-10px; width:10px; } .wrapper .shadow-box-alt .bottom-left { background-position:-20px -10px; background-repeat:no-repeat; height:10px; line-height:0; position:absolute; top:0px; left:-10px; width:10px; } .wrapper .shadow-box-alt .border-bottom { background-position:-30px -10px; background-repeat:no-repeat; height:10px; position: relative; } .wrapper .shadow-box-alt .top-left { background-position:-20px 0 !important; } .wrapper .shadow-box-alt .border-top { background-position:-30px 0; background-repeat:no-repeat; } .shadow-box-pink .border-top, .shadow-box-pink .top-right, .shadow-box-pink .border-right, .shadow-box-pink .bottom-right, .shadow-box-pink .border-bottom, .shadow-box-pink .bottom-left, .shadow-box-pink .border-left, .shadow-box-pink .top-left { background-image: url('/dim/images/shadow-box-pink-bg.png'); overflow: hidden; } .shadow-box .border-top { height:10px; } .shadow-box .top-right { height:10px; position:absolute; top:0px; right:-10px; width:10px; } .shadow-box .border-right { margin:0 -10px 0 0; padding:0 6px 5px 0; } .shadow-box-alt .border-right { padding-right:10px; } .shadow-box .bottom-right { height:10px; line-height:0; position:absolute; bottom:0px; right:-9px; width:10px; } .shadow-box .border-bottom { height:10px; position: relative; } .shadow-box .bottom-left { height:10px; line-height:0; position:absolute; bottom:0px; left:-10px; width:10px; } .shadow-box .border-left { margin:0 0 0 -10px; padding:0 0 0 6px; } .shadow-box-alt .border-left { padding:0 0 0 10px; } .shadow-box .top-left { height:10px; position:absolute; top:0px; left:-10px; width:10px; } .shadow-box .border-middle { background:#fff; height:100%; margin-bottom:-7px; overflow:hidden; padding:0px; position:relative; width:100%; } .shadow-box-alt .border-middle { background:#ecf9fc; } .shadow-box .border-inner { background:#fff; } .shadow-box-alt .border-inner { background:none; } /* Paul - Occasionally the width/height of .border-right etc was sometimes larger than what was set, I have now added overflow: hidden on all borders so that they are always at their set width/height */ .shadow-box .top-right, .shadow-box .bottom-left, .shadow-box .bottom-right, .shadow-box .top-left { overflow: hidden; } /* --- forms --- */ .home form input.text, .login form input.text { background:url('/dim/images/input-text-bg.png') 0 0 no-repeat; border:0px; border-right:1px solid #d4d4d4; height:17px; padding:9px 8px 8px; } /* form input, form textarea, form select { border:1px solid #aa9fd7; color:#1d0096; float:left; font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:0px 35% 6px 0px; width:30%; } form select { padding:2px; width:31%; } */ /* 2. CORE *************************************************************************** */ #skip-to-content { display:none; } /* --- header --- */ #masthead { background:#e5e7f4; border:1px solid #dcdfee; border-top:0; height:62px; overflow:hidden; position:relative; width:988px; } #masthead a { color:#1d0096; display:block; float:left; height:49px; margin:6px 0 0 14px; position:relative; text-decoration:none; text-transform:uppercase; width:166px; } #masthead a span { background:url('/dim/images/cruk-logo.gif') top left no-repeat; height:100%; position:absolute; top:0px; left:0px; width:100%; } #frm_cruk { position:absolute; top:20px; right:16px; } #frm_cruk label { color:#1d0096; padding:0px 14px 0px 0px; width:100%; margin:0px; clear:none; float:none; display:inline; font-size: 13px; } #frm_cruk select { width:174px; margin:0px; font-size:100%; float:none; font-size: 13px; } /* --- navigation --- */ #nav-cont { background:#190080 url('/dim/images/nav-main-bg.gif') 0 0 repeat-x; color:#fff; overflow:hidden; min-height:44px; } #dim-logo { display:inline; float:left; height:22px; margin:13px 0 0 14px; overflow:none; position:relative; width:169px; } #dim-logo a { display: block; text-indent: -999px; overflow: hidden; text-decoration: none; } #dim-logo span { background:url('/dim/images/dim-logo.png') 0 0 no-repeat; position:absolute; top:0px; left:0px; height:100%; width:100%; } #nav-main { display:inline; float:right; margin-right:5px; } #nav-main li { background:url('/dim/images/nav-main-divide.png') 0 center no-repeat; float:left; min-height:39px; margin:5px 0 0 0; padding:0 10px; } #nav-main li.nfirst { background:none; } #nav-main li a { color:#fff; display:block; font-size: 13px; font-weight:bold; margin-top:11px; text-decoration:none; } #nav-main li a:hover { /* color:#ec008c; */ text-decoration:underline; } #nav-main li.active { background:#ecf9fc; position:relative; } #nav-main li.active a { color:#1d0096; } #nav-main li.active .nav-active-left { background:url('/dim/images/nav-active-left.png') 0 0 no-repeat; height:39px; position:absolute; top:0; left:-4px; width:9px; } #nav-main li.active .nav-active-right { background:url('/dim/images/nav-active-right.png') 0 0 no-repeat; height:39px; position:absolute; top:0; right:-4px; width:9px; } #nav-cont li span { display:none; line-height:0; } #nav-cont li.active span, #nav-cont a span { display:block; line-height: 1.4em; } #bread-tool { background:#ecf9fc url('/dim/images/bread-tool-bg.png') 0 0 repeat-x; border-bottom:1px solid #757575; clear:both; color:#000; font-size: 11px; overflow:hidden; width:100%; } #bread-tool a { font-size: 11px; } #bread-tool ol { display:inline; float:left; margin-left:15px; } #bread-tool ol li { background:url('/dim/images/bread-arrow.png') 0 0 no-repeat; color:#1b008a; float:left; margin:0 2px 0 0; min-height:22px; padding:5px 0 0 15px; font-size: 11px; } #bread-tool ol li.you-are-here { background:none; color:#000; padding:5px 0 0 0; } #bread-tool ol li a { float:left; } #bread-tool ol li a, #bread-tool ol li a:visited { color:#1b008a; text-decoration:underline; } /*#bread-tool ol li a:hover { text-decoration:none; }*/ #bread-tool ol li.bread-home { background:none; padding-left:2px; } #bread-tool ol li.bread-home a { /* background:url('/dim/images/home-icon.png') 0 2px no-repeat; */ margin-left:3px; /* text-indent:-9999px; width:13px; */ } #bread-tool #bread-login { float:right; margin:0 10px 0 0; } #bread-tool #bread-login #logged-state { border-right:1px solid #b8bbe1; display:inline; float:left; height:22px; margin:0 13px 0 0; padding:5px 15px 0 0; } #bread-tool #bread-login #logged-state p { font-size: 11px; } #bread-tool #bread-login #logged-state .btn-sm { float:left; display: block; } #bread-tool #bread-login #links { display:inline; float:left; padding-top:5px; } #bread-tool #bread-login #links a { margin:0 10px 0 0; padding:0 0 0 20px; } #bread-tool #bread-login #links #bread-pdf { background:url("/dim/images/icon-pdf.gif") no-repeat scroll 0 50% transparent; } #bread-tool #bread-login #links #bread-print { background:url('/dim/images/icon-print.png') 0 3px no-repeat; } #bread-tool #bread-login #links #bread-faq { background:url('/dim/images/icon-faq.png') 0 1px no-repeat; } #bread-shadow { background:url('/dim/images/bread-shadow-bg.png') 0 0 no-repeat; height:4px; position:absolute; top:0px; left:8px; width:990px; z-index:30; } /* generic content */ #content { background:url('/dim/images/sky-bg-shadow.gif') 6px 0 repeat-y; margin:0 0 0 -8px; padding:0 0 0 9px; position:relative !important; width:1006px; zoom: 1; } /* change for page specific padding - eg: .sitemap #sky { padding:10px 15px 30px 10px; width:963px; } */ #sky { background: transparent url('/dim/images/sky-bg.jpg') 0 -35px repeat-y; padding:30px 30px 30px; width:930px; position: relative; } #sky-bg-footer { background:url('/dim/images/sky-bg-footer.png') 0 0 no-repeat; position: absolute; bottom: -5px; left: 7px; width: 994px; height: 10px; } #sky #sky-bg-footer { background:url('/dim/images/sky-bg-footer.png') 0 0 no-repeat; position: absolute; bottom: -5px; left: -2px; width: 994px; height: 10px; } .generic #sky { padding:10px 0 30px 12px; width:978px; } .generic .nav-generic { display:inline; float:left; margin:-10px 18px 0 -12px; width:178px !important; } /* shadow-box specifics for nested secondary nav v4 amend */ .generic .nav-generic .border-top, .generic .nav-generic .top-left, .generic .nav-generic .bottom-left { display:none; } .generic .nav-generic .border-left { background:#fff; margin-left:0px; padding:0; } .generic .nav-generic .border-middle { padding-top:5px; } .generic .nav-generic .border-inner { background:none; padding-left:10px; } .generic .nav-generic li.active a { background:url('/gic/images/nav-generic-bg.png') 0 center no-repeat; } .generic .nav-generic a { border-bottom:1px solid #e6e9f3; color:#1d0096; display:block; margin:0 9px 0 4px; padding:5px 17px 7px 10px; text-decoration:none; } .generic .nav-generic li.last a { border:none; } .generic .nav-generic a:hover { font-weight:normal; text-decoration:underline; } .generic .nav-generic li.active a { font-weight:bold; text-decoration:underline; } .no-subnav .generic .content-generic { width: 956px; } .no-subnav .generic h1 { width: 949px; } .no-subnav .generic .content-generic .generic-inner { width: auto; } .generic .content-generic { display:inline; float:left; width:767px; } /* specify this width in page spcifics */ .generic .content-generic .generic-inner { padding:10px 10px 40px 15px; width:750px; } .generic #bullets h1 { width:auto !important; padding: 0 15px 0 15px; margin-bottom: 20px; float: none; } .generic h1 { border-bottom:1px solid #dcdfee; float:left; margin:0 0 10px -15px; padding:0 0 10px 15px; width:775px; } .generic h2, .generic h3, .generic h4, .generic h5, .generic ul.gen-ul, .generic p.gen-p, .generic .managed-content p { clear:both; margin:15px 0 0; } .generic .managed-content h2, .generic .managed-content h3, .generic .managed-content h4, .generic .managed-content h5, .generic .managed-content ul, .generic .managed-content p { clear: none; margin:15px 0 0; } .generic h2, .generic h3, .generic h4, .generic h5, .generic ul.gen-ul, .generic p.gen-p { clear:both; margin:15px 0 0; } .generic p.gen-p, .generic .managed-content p { margin-top:10px; } .generic .story, .generic .managed-content .story { display:inline; float:left; padding:10px 30px 30px 5px; width:43%; } .generic .story h4, .generic .managed-content .story h4 { margin-bottom:5px; } .generic .story h4, .generic .managed-content .story h4, .generic .story p.gen-p, .generic .managed-content .story p { clear:none !important; } .generic .story img, .generic .managed-content .story img { margin-bottom:10px; } .generic ul.gen-ul li, .generic .managed-content ul li { background:url('/gic/images/generic-list-bg.gif') 0 3px no-repeat; margin-left:10px; padding:0 0 0 30px; } .generic .managed-content ol { margin:7px 0 17px; padding-left:28px; } .generic ol.gen-ul li, .generic .managed-content ol li { list-style:decimal; margin: 0; padding-left:12px; } ol.instructions-list, ul.instructions-list{ list-style: decimal; margin: 10px 0 10px 20px; } .generic-right-nav .content-generic .generic-inner { float:left; padding-top:70px; } .generic-right-nav .content-generic .generic-inner h1 { position:absolute; top:10px; left:15px; } .generic-right-nav #right-nav { float:right; margin:0 15px 15px; /*position:absolute; top:70px; right:35px;*/ z-index:50; } .generic-right-nav #right-nav .shadow-box-alt { width:200px; } .generic-right-nav #right-nav .border-inner { padding:10px 10px 15px 10px; } .generic-right-nav #right-nav h2, .generic-right-nav #right-nav h3, .generic-right-nav #right-nav h4, .generic-right-nav #right-nav h5 { margin:0 0 7px 0; } .generic-right-nav #right-nav ul { margin:7px 0 17px; padding-left:10px; } .generic-right-nav #right-nav ul li { background:url('/gic/images/generic-list-bg.gif') 0 3px no-repeat; margin:0 0 3px 0; padding:0 0 0 20px; } .generic-right-nav #right-nav ol { margin:7px 0 17px; padding-left:28px; } .generic-right-nav #right-nav ol li { list-style:decimal; } .generic-right-nav #right-nav .links { padding-left:0; } .generic-right-nav #right-nav .links li { background:none; list-style:none; padding-left: 10px; } .generic-right-nav #right-nav .links li a { background:url('/gic/images/generic-list-bg.gif') 0 3px no-repeat; padding:0 0 0 20px; } .generic-right-nav #right-nav .downloads { padding-left:0; } .generic-right-nav #right-nav .downloads li { background:none; list-style:none; margin-left:5px; padding-left:0; } .generic-right-nav #right-nav .downloads li a { padding:0 0 0 30px; } .generic-right-nav #right-nav .downloads .pdf a { background:url('/gic/images/icon-pdf.png') 0 0 no-repeat; } .generic-right-nav #right-nav .downloads .doc a { background:url('/gic/images/icon-doc.png') 0 0 no-repeat; } .generic-right-nav #right-nav .downloads .xls a { background:url('/gic/images/icon-xls.png') 0 0 no-repeat; } .generic-right-nav #right-nav .downloads .txt a { background:url('/gic/images/icon-txt.png') 0 0 no-repeat; } .generic-right-nav #right-nav .videos { padding-left:0; } .generic-right-nav #right-nav .videos li { background:none; list-style:none; padding-left:0; } .generic-right-nav #right-nav .videos li { margin:10px 0 0 0; position:relative; } .generic-right-nav #right-nav .videos li img { border:1px solid #dddef0; display:inline; float:left; margin:0 10px 10px 0; padding:2px; } .generic-right-nav #right-nav .videos li a.play { background:url('/gic/images/icon-video-play.png') 0 0 no-repeat; display:block; height:31px; position:absolute; top:12px; left:15px; width:42px; } .generic-right-nav #right-nav .videos li p { clear:none; display:inline; float:left; width:90px; } .dark-bg { background:#e2f1fa; border:3px solid #f5fafd; overflow:hidden; padding:10px; } .light-bg { background:#E2F1FA; overflow:hidden; padding:10px; } /* footer */ #footer { margin: 15px 0 30px; padding:0 20px; width:950px; } #footer #social { display:inline; float:left; margin-top:17px; } #footer #social li { display:inline; float:left; padding-right:10px; font-size: 11px; color: #000; } #footer #social li a { font-size: 11px; } #footer #social a { color:#000; display:block; float:left; height:16px; padding-left:20px; text-decoration:none; } #footer #social a:hover { text-decoration:underline; } #footer #social #reddit { background:url('/dim/images/icon-social-reddit.png') 0 0 no-repeat; } #footer #social #delicious { background:url('/dim/images/icon-social-delicious.png') 0 0 no-repeat; } #footer #social #digg { background:url('/dim/images/icon-social-digg.png') 0 0 no-repeat; } #footer #social #furl { background:url('/dim/images/icon-social-furl.png') 0 0 no-repeat; } #footer #social #stumble { background:url('/dim/images/icon-social-stumble.png') 0 0 no-repeat; } #footer #social #facebook { background:url('/dim/images/icon-social-facebook.png') 0 0 no-repeat; } #footer #logo-together { display:inline; float:right; height:46px; position:relative; width:361px; } #footer #logo-together span { background:url('/dim/images/logo-together.png') 0 0 no-repeat; height:100%; position:absolute; top:0; left:0; width:100%; } #footer #links-details { clear:both; padding-top:30px; text-align:center; } #footer #links-details a { font-size: 12px; } #footer #links-details ul { } #footer #links-details li { border-right:1px solid #999; display:inline; padding:0 10px; font-size: 12px; } #footer #links-details li.last { border:none; } #footer #links-details p { margin:5px 0 0; font-size: 11px; } #footer #links-details p, #footer #links-details p a { clear:both; color:#999; } #footer #fsb-container { } #footer #logo-fsb { height:61px; display:inline; float:right; margin:-70px 55px 0 0; position:relative; text-decoration:none; width:59px; text-indent: -999px; overflow: hidden; } #footer #logo-fsb span { background:url('/dim/images/logo-fsb.png') 0 0 no-repeat; height:100%; position:absolute; top:0; left:0; width:100%; } /* 3. PAGE SPECIFICS *************************************************************************** */ /* --- home --- */ #homepage #content { background: none; } .home #content { background:none; margin:0 0 0 -9px; } .home #sky { background:url('/dim/images/homepage-sky-bg.jpg') no-repeat bottom left; margin:0 0 0 -9px; padding:30px; width:946px; z-index:1; } .home .box1 { display:inline; width:635px; } .home .box1 .border-inner { background:#fff; padding:20px 25px 10px 30px; } .home .box1 h1 { margin:0 0 10px 0; font-size: 35px; font-weight: normal; padding: 0; line-height: 35px; } .home .box1 h2 { margin:0 0 10px 0; font-size: 22px; color: #f030a2; font-weight: normal; } .home .box1 p { margin:0 0 10px 0; } .home .box1 .options { margin: 26px 10px 0 0; clear: both; } .home .box1 .option { display:inline; float:left; margin: 27px 0 0 0; } .home .box1 .option a { color:#1d0096;} .home .box1 .btn-lg {display:inline; float:right; margin:22px 5px 2px 0; width:123px; } .home .box2 { margin:-1px 0 0 40px; width:250px; } .home .box2 .border-inner { padding:15px 15px 15px; } .home .box2 h2 { border-bottom:1px solid #dcdfee; height:23px; margin:0 0 15px 0; overflow:none; padding:0 0 10px 0; position:relative; width:215px; font-weight: normal; font-size: 22px; line-height: 22px; } .home .left-img { float: left; margin: 0 15px 15px 0; } .home .right-img { float: right; margin: 0 0 15px 15px; } .home .box2 h2 span { background:url('/dim/images/hdr-donate-to-a-page.png') 0 0 no-repeat; position:absolute; top:0px; left:0px; height:100%; width:100%; } .home .box2 label { color:#000; display:block; margin-top:5px; } .home .box2 .error {line-height:1.2; padding-bottom:5px; } .home .box2 .error span {padding:0;} .home .box2 input.text {margin: 5px 0 0; width:201px; } .home .box2 input#search-submit { float:right; } .home .box2 .btn-lg { float: right; margin: 10px 20px 0 0; } .home .box2 .submit-box { background:#ecf9fc; height:40px; padding-top:10px; position:absolute; bottom:12px; right:17px; width:217px; z-index:10; } .home .box3 { margin:0 25px 20px 5px; width:660px; } .home .box4 { width:290px; } .home .box3 .border-inner, .home .box4 .border-inner { background:none; padding:10px 20px 20px; } .home .box3 h3, .home .box4 h3 { margin:0 0 10px; } .home .box3 p, .home .box4 p { margin-top:10px; } .home .box3 a, .home .box4 a { color:#1d0096; } /* login */ .login .shadow-box { width:920px; } .login .border-inner { background:#fff; min-height:385px; padding:25px 15px 35px 30px; } .login #login-box { float:left; width:520px; } .login #login-box h2 { margin: 0; padding: 0 0 20px; } .login p { margin:10px 0; width:425px; } .login #login-box p { width:480px; } .login h1 { margin-left:-20px; padding: 10px 0 15px 50px; width:905px; z-index:100; float: none; } .login h2 { padding: 10px 0 0 30px; } .login #bullets h2 { padding: 5px 0 20px 10px; } .login #login-box .error { color:red !important; display:inline; padding:2px; width:auto; } .login #login-box div.input { display:inline; float:left; margin-bottom:10px; margin-top:10px; position:relative; } .login #login-box div.input p {margin-bottom:0; position:absolute; top:-30px;} .login #login-box div.input label { display:block; margin:3px 0 5px 0; padding:0 0 0 2px; float: left; width: 120px; } .login #content label { display:block; font-weight:bold; } .login #email { width:345px; } .login #password { width:345px; } .login #forgot { float:left; } .login #forgot-submit { position:relative; width:485px; } .login #forgot-submit .submit-box { background:#fff; height:34px; position:absolute; top:-1px; right:1px; width:200px; text-align:right; z-index:10; } .login #forgot-submit #login-submit-a { float: right; } /* used for create login too - with some specifics */ #forgotten-box { background:#ecf9fc; float:left; margin:50px 0 20px; overflow:hidden; padding:20px; position:relative; width:445px; } #forgotten-box .close { position:absolute; top:10px; right:10px; background: url('/dim/images/forgotten-close-btn.png') no-repeat 0 50%; padding: 0 0 0 20px; color: #000; } #forgotten-box p { margin:0 0 10px 0; } #forgotten-box .strong { } #forgotten-box label { display:block; float:left; margin:8px 35px 0 0; } #forgotten-box #forgotEmail { display:block; float:left; margin-right:7px; width:210px; } .create-login #forgotten-box #forgotten-frm label { float:left; width:210px; margin: 0; } .create-login #forgotten-box #forgotten-frm .text { float:left; width:270px; margin: 0; } .create-login #forgotten-box #forgotten-frm .submit-js { float:right; margin:10px 10px 0 0; } #forgotten-box #forgotSubmit { display:block; float:left; margin:5px 0 0 0; } #forgotten-box .submit-js { float:left; margin-top:1px; } #forgotten-box .submit-js .btn-m { float:left; } #forgotten-box .submit-js .submit-box { background:#ebf9fc; padding:0 30px; } .login #bullets { position:absolute; top:75px; right:55px; width:300px; padding: 10px; background: #E2F1FA; } .login #bullets h2 { margin: 0; } .login #bullets p { width:auto !important; } .login #bullets ul { padding:0 0 0 20px; } .login #bullets ul li { list-style-type:disc; margin:0 0 10px; padding: 0; background: none; } /* create - generic */ .create .shadow-box { width:952px; } .create .border-inner { background:none; padding:8px 20px 40px; width:920px; } /* width set for IE7 */ .create h1 { margin-bottom:0; margin-left:-20px; padding-left:20px; width:960px; z-index:100; } .create-login h1 { margin-bottom:10px; } .create h2 { } .create h3 { margin:0; } .create .two-column .col1 { display:inline; float:left; margin:0 25px 0 0; width:525px; } .create .two-column .col1 .light-bg { padding: 15px; } .create .two-column .col2 { display:inline; float:left; width:360px; } .create h2 { margin: 0 0 10px 0; } .create .dark-bg h3 { margin: 0 0 10px 0; } .col2 .light-bg { margin-bottom:15px; } /*moving the help on 'create a page'*/ .col2 .addy-help { margin-top: 65px; margin-bottom: 5px;} .create-form .col2 .addy-help p, .create-form .col2 .uk-address p { margin: 0;} .create p { margin:5px 0 10px 0; } .create-form label { color:#000; } .create-form label span { color:#ec008c; margin:0 5px 0 0; } .create-form #cards {margin-top:20px} .create #forgotten-box { background:#ECF9FC; margin:10px 0 0; padding:15px; position:relative; width:495px; } .create #forgotten-box p { margin:10px 0 10px 0; width: auto; } .create #forgotten-box .error { margin:0 0 0 118px; } .create #forgotten-box label { margin:0 50px 0 0; } .create #forgotten-box #forgotSubmit { margin:2px 0 0 0; } .create .col3 { width:505px; } .create .col2 { } .create .col2 p { margin:0 0 10px 0; } .create .col2 ul { margin:0 0 0 15px; } .create .col2 ul li { list-style-type:disc; background: none; padding: 5px 0 0 0; } /* create submit buttons - generic */ .create-form .submit-js { float:right; margin:0; } .create-form .choose-address .submit-js { float:right; margin:5px 13px 0 0; } .create-form .submit-js .btn-m, .create-form .btn-m2 { float:left; margin-left:10px; } .create-form .submit-js .submit-box { background:#f5fafd; padding:5px 10px 5px 20px; right:-19px; } .create-form .field .submit-js .submit-box { background:#fff; margin-left:0; } .create-form .find-address .btn-m2 { display: block; } .create4 .submit-js .submit-box { padding:5px 10px 5px 32px; } #contact-form #continue { float: right; } #message h4 { padding-top:10px; } #message blockquote h5 { color:#000000; margin-top:5px; padding-bottom:5px; } #message blockquote p { padding-bottom:5px; } .create form #back { float:left; } .thing {height:auto !important; height:400px; min-height:400px;} /* create - login */ .create-login p { margin:0 0 10px; } .create-login #register { margin:0 0 10px 0; padding:15px; } .create-login #register fieldset, .create-login #login-box fieldset { padding:0 !important; } .create-login #register .field { margin:0 0 10px 0; } .create-login #register .error { margin:0 0 0 210px; } .create-login #register .username-error { margin: 0 0 10px 0 !important; } .create-login #register label, .create-login #login-box label, .create-login #forgotten-frm label { display:block; float:left; width:210px; } .create-login #register .text, .create-login #login-box .text, .create-login #forgotten-frm .text { width:270px; } .create-login #register .helper { color:#000; margin-top:5px; font-size: 11px; } .create-login #register .submit-js { clear:none !important; float:right; margin:0 4px 0 0; } .create-login #register .btn-m2 { float:left; } .create-login #register .submit-js .submit-box { background:#e2f1fa; padding:5px 5px 5px 10px; left:0px; } .create-login #login-box .field {display:inline; float:left; margin-top:10px; position:relative; } .create-login #login-box .error { margin:0; position:absolute; top:-20px; } /*.create-login #login-box .field2 { width:280px; }*/ .create-login #login-box label { display:block; } .create-login #login-box .submit-js { float:right; margin:10px 10px 0 0; } .create-login #login-box .btn-m2 { float:left; } .create-login #login-box .submit-js .submit-box { background:#f5fafd; float:left; padding-top:19px; left:-20px; } .create-login #login-box #forgot { display:block; float:left; margin: 10px 0 0 0; text-align:left; } /* tabbed steps (also used by 'make a donation' section) */ #steps { border-bottom:1px solid #dcdfee; clear:left; min-height:25px; margin:-10px 0 15px -20px; overflow:hidden; width:960px; } #steps li { background:#fff; float:left; min-height:22px; padding:3px 10px 0 20px; position:relative; text-align:center; } #steps #tab-step1 { z-index:5; } #steps #tab-step2 { z-index:4; } #steps #tab-step3 { z-index:3; } #steps #tab-step4 { z-index:2; } #steps #tab-step5 { z-index:1; } #steps li span { background:transparent url('/dim/images/step-bg.png') 0 0 no-repeat; height:25px; position:absolute; top:0; right:-11px; width:11px; z-index:100; } #steps li.active { background:#9ecfed; font-weight:bold; } #steps li.active span { background:transparent url('/dim/images/step-active-bg.png') 0 0 no-repeat; } #steps li.complete { background:#ecf5fb; } #steps li.complete span { background:transparent url('/dim/images/step-complete-bg.png') 0 0 no-repeat; } /* step 1 - about your loved one (and generic form styles for this section) also used by "management: my details" */ .create-form fieldset { margin:0 0 10px 0; padding:15px 10px 15px 10px; } .create-form .field { margin:0 0 10px 0; } .create-form .field p { margin:0; } .create-form .field p.helper {color:#000000; font-size:11px; margin:5px 0 10px 10px; width:100%} form span.required { margin:0 5px 0 -10px; } .create-form label { display:block; float:left; padding-left:10px; width:205px; } .create-form .text { width:270px; } .create-form .dates { overflow:hidden; } .create-form fieldset .dates p { float:left; margin:0 0 10px 0 !important; padding-left:10px; width:205px; } .create-form #step2-1 p { display:inline; float:left; margin-left:0 !important; padding-left:10px; width:205px; } .create-form #step2-1 p.right_info { width: 165px; } .create-form #step2-1 .error { display:block; float:none; margin-left:215px !important; padding:0; width:auto; } .create-form #step2-1 .numbers .error { display:inline; float:left; margin-left:0 !important; padding-left:10px; width:205px; } .create-form .select { display:inline; float:left; margin:2px 5px 0 0; } .create-form .select label { display:block; float:none; width:auto; } .create-form .col2 p { margin-bottom:10px; } /* step 2 - about you */ .create-form .numbers { margin-left:215px; padding-left:0; } .create-form .numbers p { margin:0 0 10px 0; padding-left:0px !important; width:280px !important; } .create-form .numbers label { padding-left:0; width:90px; } .create-form .numbers input { width:180px; } .create-form input#postcode { display:inline; float:left; width:120px; margin-right: 5px; } .create-form .btn-m2 { margin-right:9px; } .create-form .country-field { clear:both; float:left; margin-top:10px; } .create-form #no-uk-address { padding-left:210px; } .create-form #step2-2 .submit-js { margin-right:15px; } .create-form .check input { float:left; margin-right:10px; } .create-form #step2-3 .field label { margin:0 0 12px 0; } .create-form #step2-3 .check label { padding:0; width:460px; } .create-form #step2-3 p { padding:0 0 10px 0; width:auto; } .create-form #step2-3 #how label { width:300px; } .create-form #step2-3 #how select { width:180px; } .create-form .field .error { display:block; float:none; margin-left:215px; padding:0; width:auto; } .create-form #step2-3 .error { margin-left:0px; padding:0; } .create-form .check .required, .create-form #how .required { margin-left:0px !important; } /* step 3 - confirm */ .create3 h3 { float:left; } .create3 .edit { float:right; margin-right:10px; } .create3 table { margin:5px 0 40px 0; width:100%; } .create3 .c1 { width:50%; } .create3 .c2 { width:50%; } .create3 td { padding:5px 0 5px 10px; } .create3 .address p { margin:0; } /* step 4 - set up your page (also makes up the majority of update-edit-page styles) */ .create4 .two-column { width:783px; } .create4 .two-column .col1 { margin:20px 15px 10px 0; width:303px; } .create4 .two-column .col2 { margin:20px 0 10px; width:465px; } .create4 .col2 .light-bg { margin-bottom:0; } .create4 .col3 { width:750px; } .create4 div.intro p { margin-left:0; } .create4 .light-bdr { border:3px solid #f5fafd; border-top:0; height:1%; margin-bottom:10px; overflow:hidden; padding-bottom:10px; } .create4 .light-bdr .inner { overflow:hidden; padding:10px 5px 5px 10px; } .create4 .light-bdr .inner p { margin:0; } .create4 #main-image #image-container { border:2px dotted #ccc; min-height:160px; margin:0 0 5px 0; padding:8px; text-align:center; width:238px; } .create4 #main-image #image-container a { display:block; margin-top:5px; } .create4 #main-image .image-container-no-bdr { border:none !important; } .create4 #main-image #add-image { display:block; float:left; margin-top:70px; width:100%; } .create4 #main-image p { } .create4 #page-theme { overflow:hidden; } .create4 #page-theme img { border:1px solid #dcdfee; float:left; margin:5px 20px 10px 0; } .create4 #page-theme p { font-weight:bold; margin:23px 0 5px 0;} .create4 #additional { overflow:hidden; } .create4 #additional .additional-box { clear:both; overflow:hidden; margin:0 0 10px 0; } .create4 #additional ul { clear:both; } .create4 #additional p, .create4 #additional li { display:inline; float:left; margin:0 5px 0 0; position:relative; } .create4 .page-name-create label { width: 120px; } .create4 .page-name-create input { width:635px; } .create4 .page-name-create .error { margin-left:130px; margin-bottom:3px; } /* safari / chrome tweak */ @media screen and (-webkit-min-device-pixel-ratio:0){ .create4 #additional li { margin-bottom:5px; } } .create4 #additional li img { border:1px solid #ddd; padding:2px; } .create4 #additional li .delete img { border:0; margin:2px 2px 0 0; padding:0; } .create4 #additional p { font-weight:bold; margin:0 0 5px 0; } .create4 #additional span { display:inline; float:right; margin:3px 4px 0 0; font-size: 11px; } .create4 #additional .add-additional { background:url('/dim/images/add-additional-bg.png') 0 0 no-repeat; height:55px; margin-bottom:10px; text-align:center; width:83px; } .create4 #additional .add-additional a { display:block; float:left; margin-top:18px; width:100%; font-size: 11px; } .create4 #additional .delete { background:#fff; padding:1px 2px; position:absolute; top:0; right:0; } .create4 #message { padding-left:13px; overflow:hidden; } .create4 #message textarea { margin:0 0 10px 0; height:250px; width:430px; } .create4 #message label { padding: 0 0 10px; width:270px; } .create4 #prefs label { width: 270px; padding: 0; } .create4 #message p, .create4 #prefs p { display:inline; float:left; } .create4 #prefs p.error { display:block; float:none; } .create4 .radios { display:inline; float:right; } .create4 .radios input { display:inline; float:none; margin-right:5px; width:auto; } .create4 .radios label { display:inline; float:none; margin-right:10px; } .create4 #message blockquote { clear:both; padding:10px;width:420px; font-size: 12px; } .create4 #message blockquote p { font-size: 12px; float: none; display: block; } .create4 #prefs { overflow:hidden; } .create4 #prefs p { clear:both; } .create4 #prefs hr { background: #DCDFEE; border:0 none; height:1px; margin:0 5px 10px 0; } .create4 #prefs p.intro { display:block; float:none; } .create4 #prefs p { margin: 0 0 10px 0; } .create4 #prefs .pref p { margin: 0; padding: 0; } .create4 #prefs .pref { clear:both; margin:10px 0; overflow:hidden; } .create4 #prefs .pref4 { border-top: 1px solid #EEE; padding: 10px 0 0; } .create4 #prefs span { clear:both; display:block; float:left; font-size: 14px; } .create4 #prefs .error span { width:auto !important; } .create4 #prefs select { display:inline;float:right; clear: both; margin: 10px 10px 0 0; } .management .page-name .error { margin-left:215px !important; margin-bottom:3px; } /* OVERLAY: add main image */ #preview-overlay .overlay-inner { padding-top:0; padding-bottom:25px; text-align:center; } #preview-overlay .overlay-inner p { margin:0 40px; } #main-image-overlay .option { display:inline; float:left; } #main-image-overlay .option h5 { margin:0 0 20px; } #main-image-overlay #main-image-notification { clear: both; padding-top: 15px; } #main-image-overlay #upload { margin:0; width:270px; } #main-image-overlay #choose { border-left:1px solid #dcdfee; margin:0 0 0 20px; padding-left:20px; width:390px; } #main-image-overlay #choose ul li { display:inline; float:left; margin:0 10px 0 10px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* webkit tweaks */ #main-image-overlay #choose ul li { margin-bottom:5px; } } #main-image-overlay #choose ul li input { display:block; float:left; margin:20px 10px 0 0; } #main-image-overlay #choose ul li img { border:1px solid #aaa; } #main-image-overlay #choose ul li .no-image { border:1px solid #aaa; width:78px; height:47px; margin-left:23px; text-align:center; display: block; } #main-image-overlay fieldset { margin:0 0 15px; } #main-image-overlay fieldset ul { height:200px; overflow:auto; } #main-image-overlay .submit-js { margin-right:0; } /* OVERLAY: choose page theme */ #page-theme-overlay ul { margin:10px 0 0 60px; overflow:hidden; } #page-theme-overlay ul li { display:inline; float:left; margin:0 60px 20px 0; text-align:center; } #page-theme-overlay ul li span { color:#000; } #page-theme-overlay ul li img { display:block; margin:5px 0; } /* OVERLAY: your photos */ /*#your-photos-overlay form { margin:10px 0 0 0; } #your-photos-overlay form .field { margin:20px 0; } #your-photos-overlay form .field label { display:block; font-size:.9em; } #your-photos-overlay form .field input { width:350px; }*/ #your-photos-overlay #upload-an-image { display:inline; float:left; width:300px; } #your-photos-overlay #upload-an-image .field { margin:20px 0 25px; } #your-photos-overlay #upload-an-image .field label { display:block; margin:5px 0; } #your-photos-overlay #upload-an-image .field input { width:290px; } #your-photos-overlay #upload-an-image .submit-box { right:0px; padding-left:10px; } #your-photos-overlay #upload-an-image .submit-box input { float:right; } #your-photos-overlay #add-flickr-slide-show { border-left:1px solid #ddd; display:inline; float:left; margin-left:20px; padding-left:20px; width:370px; } #your-photos-overlay #add-flickr-slide-show .field input { display:block; float:left; width:359px; } #your-photos-overlay #add-flickr-slide-show .field label { clear:left; display:block; float:left; margin-top:12px; } #your-photos-overlay #add-flickr-slide-show .submit-js { margin-top:10px; } #your-photos-overlay #add-flickr-slide-show .submit-box { padding-left:0px; } #your-photos-overlay #add-flickr-slide-show .submit-box input { float:right; right:10px; } #your-photos-overlay #add-flickr-slide-show p { background: #E2F1FA; display:inline; float:left; margin:10px 0; padding: 3px; width:360px; } #your-photos-overlay #add-flickr-slide-show #flickr-id-visual { border:1px solid #ccc; float:right; padding:2px; } /* OVERLAY: flickr #flickr-overlay form { display:inline; float:left; width:310px; } #flickr-overlay .field input { display:block; float:left; width:300px; } #flickr-overlay .field label { clear:left; display:block; float:left; margin-top:12px; } #flickr-overlay .submit-js { margin-top:10px; } #flickr-overlay .submit-box { padding-left:0px; } #flickr-overlay .submit-box input { float:right; right:10px; } #flickr-overlay p { background:url('/dim/images/icon-info.png') 0 0 no-repeat; display:inline; float:left; font-size:.9em; margin:0 0 0 30px; padding:0 0 0 20px; width:325px; } #flickr-overlay #flickr-id-visual { border:1px solid #ccc; float:right; margin:20px 0 0 0; padding:2px; } */ /* OVERLAY: your videos - setup */ #your-videos-overlay h5 { font-weight:normal; margin:0 10px 10px 0; } #your-videos-overlay form { display:inline; float:left; width:310px; } #your-videos-overlay form #youtube-field { overflow:hidden; } #your-videos-overlay .field .text { display:block; float:left; width:300px; } #your-videos-overlay .field label { clear:left; display:block; float:left; margin-top:10px; } #your-videos-overlay .submit-js { margin-top:10px; } #your-videos-overlay .submit-box { padding-left:0px; } #your-videos-overlay .submit-box input { float:right; right:10px; } #your-videos-overlay p { background: #E2F1FA; display:inline; float:left; margin:0 0 0 30px; padding: 8px; width:345px; } #your-videos-overlay #youtube-id-visual { border:1px solid #ccc; float:right; margin:20px 0 0 0; padding:2px; } /* OVERLAY: cruk videos setup */ #cruk-videos-overlay ul { border:1px solid #ccc; display:inline; float:left; height:278px; margin:0 32px 0 0; overflow:auto; position:relative; width:350px; } #cruk-videos-overlay ul li { clear:both; margin:10px 0 20px 0; overflow:hidden; width:310px; } #cruk-videos-overlay ul li input { display:inline; float:left; margin:22px 16px 0; } #cruk-videos-overlay ul li label { display:inline; float:none; position:relative; } #cruk-videos-overlay ul li label .thumb-container { display:block; float:left; margin:0 20px 0 0; position:relative; } #cruk-videos-overlay ul li label .thumb-container img { border:1px solid #ccc; } #cruk-videos-overlay ul li label .thumb-container .play { border:0; position:absolute; top:15px; left:20px; } #cruk-videos-overlay ul li label .title { display:block; margin-bottom:2px; } #cruk-videos-overlay ul li label span { color:#000; display:block; font-size:12px; } #cruk-videos-overlay .preview { border:1px solid #ccc; display:inline; float:left; height:272px; margin:0 0 15px; padding:3px; width:314px; } /* OVERLAY: gallery */ #gallery-overlay .overlay-inner { padding:0; } /* step 5 - preview page - also provides styles for example pages and instigator pages */ .create5 h1 { margin-bottom:0px; margin-left:0; padding:28px 0 10px 33px; width:953px; } .create5 #steps { margin:0 0 15px 0; width:988px; } .create #steps li.first { padding-left:33px; } .create5 h2 { margin:0 0 10px 33px; } .create5 .options { margin:0 auto 15px; padding-bottom:20px; width:735px; } .create5 .options .intro { background:#d2ecd5; margin: 15px 0; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .create5 .options .intro p { margin:5px 0; } .create5 .options .back { display:inline; float:left; margin-left:5px; } .create5 .options .submit-js { display:inline; float:right; } .create5 .options .submit-js .btn-m { float:left; } .create5 .options .submit-js .submit-box { padding-left:20px; } /* step 5 - themes generic */ .theme-outer { background:url('/dim/images/theme-content-bg.png') repeat-y top left; margin:0 0 0 -9px; width:1006px; } .theme-outer-btm { background:url('/dim/images/theme-content-btm.png') 5px 100% no-repeat; padding:1px 0 9px 9px; width:997px; } .theme { padding:12px 0 0 0; width:988px; } /* reset from styles earlier in create section */ .theme h1, .theme h2, .theme h3, .theme h4, .theme p { display:block; float:none; font-weight:normal; margin:0; padding:0; } .theme h2 { font-weight:bold; } .theme-btm { padding:0 0 60px 13px; width:974px; position: relative; } .edit_page_panel { padding: 13px 10px 10px 10px; margin: 0; height: 30px; width: 968px; background: white; overflow: hidden; } .theme-btm .edit_page_panel { background:url('/dim/images/bottom-bar-inc-shadow.png') no-repeat 50% 0; } .edit_page_panel .btn-m { float: right; margin-right: 35px; } .theme-btm .edit_page_panel { position: relative; bottom: -60px; left: -13px; } .dividing-shadow { background:url('/dim/images/bread-shadow-bg.png') 0 0 no-repeat; height:4px; width:991px;; z-index:30; margin: -13px 0 10px -2px } .theme-inner h1 { background:url('/dim/images/transparent-top-bg.png') 0 0 no-repeat; } .theme-inner-btm { background:url('/dim/images/transparent-btm-bg.png') 0 bottom no-repeat; height:5px; width:960px; } .theme-inner { min-height: 560px; width:960px; } .theme-inner h1 { border-bottom:1px solid #d9dfeb; float:none; font-weight:bold; height:35px; margin:0; padding:10px 0 0 20px; width:auto; } .theme-content { background: white; margin:0; border-left: 1px solid #dcdfee; border-right: 1px solid #dcdfee; overflow:hidden; padding:20px 20px 0; } .theme-content .light-bg { -moz-border-radius:5px; -webkit-border-radius:5px; } .theme-content .col1 { display:inline; float:left; margin:0 25px 0 0; width:238px; } .theme-content .col1 #main-image { margin:0 0 20px 0; text-align:center; } .theme-content .col1 #main-image img { border:1px solid #dddef0; margin:0 0 15px 0; padding:2px; } .theme-content .col1 .side-box { background:#fff; border:1px solid #dddef0; margin:0 0 20px 0; overflow:hidden; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .theme-content .col1 .side-box h3 { font-weight:bold; } .theme-content .col1 .side-box p { } .theme-content .col1 .side-box ul#photos, .theme-content .col1 .side-box ul#videos { height:1%; overflow:hidden; padding:7px 0 3px; } .theme-content .col1 .side-box ul#videos { border-top:1px solid #dddef0; padding:7px 0 10px; } #flickr { position:relative; } #flickr .logo { border:0; padding:0; position:absolute; top:72px; right:56px; z-index:10; } #additional #flickr .delete { top:10px; right:80px; z-index:100; } .theme-content .col1 .side-box ul#photos li, .theme-content .col1 .side-box ul#videos li { display:inline; float:left; margin:0 1px 0 0; position:relative; } .theme-content .col1 .side-box ul li img, .create4 #flickr ul li img, .theme-content .col1 .side-box .cruk-video img { border:1px solid #dddef0; padding:2px; } .theme-footer { clear: both; width: 657px; background: transparent url('/dim/images/theme-footer.png') no-repeat top left; padding: 10px 20px 15px 283px; position: relative; margin-bottom: 5px; height: 65px; } .theme-footer .theme-footer-btm { width: 960px; height: 5px; background: transparent url('/dim/images/theme-footer-btm.png') no-repeat bottom left; position: absolute; left: 0; bottom: -5px; } /* this
element is wrapped by jCarousel around the list and has the classname "jcarousel-container" */ .jcarousel-container { margin:0 auto; position: relative; border:1px solid #dddef0; } .jcarousel-clip { z-index: 2; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } /* we set the width/height explicitly. No width/height causes infinite loops. */ .jcarousel-list li, .jcarousel-item { float: left; list-style: none; margin:0 1px 0 0; width: 105px; height: 79px; } .jcarousel-list li img { border:0 !important; } .jcarousel-next, .jcarousel-prev { z-index: 3; display: block; } .jcarousel-skin-tango { border-top:1px solid #dddef0; padding: 7px 0 10px; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 105px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 105px; height: 79px; } .jcarousel-skin-tango .jcarousel-item { width:105px; text-align:center; height: 79px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* margin required for safari jcarousel bug */ .jcarousel-skin-tango .jcarousel-item { margin:0 0 0 1px; } .jcarousel-skin-tango .jcarousel-item img { padding-left:1px !important; } } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /* horizontal buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 37px; right:-30px; width: 11px; height: 15px; cursor: pointer; background: transparent url('/dim/images/gallery-arrow-right.gif') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 37px; left:-30px; width: 11px; height: 15px; cursor: pointer; background: transparent url('/dim/images/gallery-arrow-left.gif') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; } /* gallery jcarousel overrides */ .gallery { text-align:center; } .gallery .jcarousel-container { border:0; } .gallery .jcarousel-skin-tango { border-top:0; } .gallery .jcarousel-skin-tango .jcarousel-container-horizontal { height: 320px; width: 500px; border: 1px solid #dddef0; padding: 2px; } .gallery .jcarousel-skin-tango .jcarousel-clip-horizontal { height: 320px; width: 500px; } .gallery .jcarousel-skin-tango .jcarousel-item { height:320px; text-align:center; width:500px; overflow: hidden; } .gallery .jcarousel-skin-tango .jcarousel-item img { margin: 0 auto; display: block; height: auto; } .gallery .jcarousel-skin-tango .jcarousel-item span { display:block; margin:0 auto; width:400px; } .gallery .jcarousel-skin-tango .jcarousel-next-horizontal { top:125px; right:-30px; width:17px; height:23px; background:transparent url('/dim/images/gallery-overlay-arrow-right.gif') no-repeat 0 0; } .gallery .jcarousel-skin-tango .jcarousel-prev-horizontal { top:125px; left:-30px; width:17px; height:23px; background:transparent url('/dim/images/gallery-overlay-arrow-left.gif') no-repeat 0 0; } .theme-content .col1 .side-box a.play { background:url('/dim/images/icon-video-play.png') 0 0 no-repeat; display:block; height:31px; position:absolute; top:12px; left:15px; width:42px; } .theme-content .col1 .side-box .cruk-video { float:left; margin:10px 0 0 0; overflow:hidden; position:relative; } .theme-content .col1 .side-box .cruk-video img { display:inline; float:left; margin:0 10px 10px 0; } .theme-content .col1 .side-box .cruk-video p { display:inline; float:left; width:130px; } .theme-content .send-page { background:url('/dim/images/icon-send-small.png') 0 0 no-repeat; display:block; float:left; font-size: 12px; margin:0 0 10px 10px; padding: 14px 0 14px 50px; width:168px; } .theme-content .col2 .send-page { margin-left:0; } .invite-friends, .theme-content .invite-friends { background-position: 0 50%; background-repeat: no-repeat; display:block; float:left; margin:0 0 10px 10px; padding: 14px 0 14px 50px; width:168px; font-size: 12px; } .theme-content .facebook-share { background-image: url('/gic/images/facebook-small.png'); } .theme-content .twitter-share { background-image: url('/gic/images/twitter-small.png'); } .invite-friends em, .theme-content .invite-friends em { margin-top: 10px; display: block; font-style: normal; } .promote .invite-friends { margin: 0; float: none; padding-bottom: 0; font-weight: bold; } .theme-content .col1 .shadow-box-pink { width:227px; } .theme-content .col2 .shadow-box-pink { display:inline; float:left; width:215px; } .theme-content .shadow-box-pink .border-inner { overflow:hidden; padding:3px 7px 7px; } .theme-content .shadow-box-pink a { background:url('/dim/images/icon-email.png') 0 0 no-repeat; display:block; float:left; min-height:20px; padding:5px 0 0 35px; } .theme-content .col2 { display:inline; float:left; width:655px; } .theme-content .col2 #message { display:inline; float:left; margin:0 15px 15px 0; width:415px; } .theme-content .col2 #message { height:auto !important; height:210px; min-height:210px; } .theme-content .col2 #total-donations { float:right; text-align:center; width:185px; } .theme-content .col2 #total-donations h4 { margin:0 0 20px 20px; position:relative; } .theme-content .col2 #total-donations h4 span { background:url('/dim/images/hdr-total-donations.png') 0 0 no-repeat; position:absolute; top:0; left:0; height:22px; width:142px; } .theme-content .col2 #total-donations #total { margin:0 0 5px; font-size: 20px; } .theme-content .col2 #total-donations p { margin:0 0 15px; } .theme-content .col2 #total-donations p a { color:#000; font-weight:bold; } .theme-content .col2 #total-donations .btn-m { margin:0 0 0 32px; } .theme-content .col2 .donate { clear:both; display:inline; float:left; margin:10px 20px 20px 0; width: 400px; } .theme-content .col2 .donate2 { float:right; margin:20px 20px 20px 5px; width: auto !important; } .theme-content .col2 .donate .btn-m { margin-left: 5px; } .theme-content .col2 .btn-m { display:inline; float:left; } .theme-content .col2 #msgs-donations { background:#fff; border:1px solid #dddef0; clear:left; float:left; margin-bottom:10px; position:relative; width:654px; -moz-border-radius:5px; -webkit-border-radius:5px; } .theme-content .col2 #msgs-donations img#not-public-icon { display:none; } .theme-content .col2 #msgs-donations h3 { background:#f5fafd; border-bottom:1px solid #dddef0; font-weight:bold; padding:13px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } .theme-content .col2 #msgs-donations .donation { border-bottom:1px solid #dddef0; height:1%; overflow:hidden; padding:13px; } .theme-content .col2 #msgs-donations .last { border:none; } .theme-content .col2 #msgs-donations .donation .left { display:inline; float:left; width:440px; } .theme-content .col2 #msgs-donations .donation .left p { overflow: hidden; } .theme-content .col2 #msgs-donations .donation .show-hide { display:inline; float:left; width:40px; } .theme-content .col2 #msgs-donations .donation .right { display:inline; float:right; width:140px; } .theme-content .col2 #msgs-donations .donation .right p { } .theme-content .col2 #msgs-donations .donation .right p strong { } .theme-content .col2 .not-public { margin-top:10px; } .theme-content .col2 .not-public img#not-public-icon { display:block !important; position:absolute; top:-20px; left:-20px; } .theme-content .col2 .not-public h3 { background:#e8edf1 !important; color:#6b5bb4; } .theme-content .col2 .not-public .donation, .theme-content .col2 .hidden-msg { background:#f3f3f3; } .theme-content .col2 .not-public .donation p, .theme-content .col2 .hidden-msg p { color:#585858; } .theme-content .col2 .not-public .donation strong, .theme-content .col2 .hidden-msg strong { color:#6b5bb4; } .theme-footer #created-report { clear:both; } .theme-footer #created-report p { display:inline; float:left; font-size: 12px; } .theme-footer #created-report a { float:left; clear: left; font-size: 12px; margin: 10px 0 0 0; } .theme-footer .donate { float: right; padding-top: 0; } .theme-footer .donate .btn-m { float: right; margin-right: 20px; } .create5 .theme-outer { background-position: 0 0; } .create5 .theme-outer-btm { padding:8px 0 0 9px; } .create5 .theme-content .col2 #msgs-donations { position:relative; } .create5 .theme-content .col2 .donation-empty { height:38px !important; } .create5 .theme-content .col2 #notification { background:#fafafa; border:1px dashed #cacaca; height:290px; opacity:.75; padding:50px 120px 0; position:absolute; top:110px; left:20px; text-align:center; width:370px; } /* step 5 - themes specific */ /* theme0 - blue sky */ .theme0 .theme { background: #98c8e7 url('/dim/images/theme0-bg.jpg') 0 0 no-repeat; } .theme0 .theme-btm { background:url('/dim/images/theme0-btm-bg.jpg') 0 bottom no-repeat; } /* theme1 - blue sky */ .theme1 .theme { background: #98c8e7 url('/dim/images/theme1-top.jpg') 0 0 no-repeat; } .theme1 .theme-btm { background:url('/dim/images/theme1-btm-bg.jpg') 0 bottom no-repeat; } /* theme2 - sunflowers */ .theme2 .theme { background: #7f8fcd url('/dim/images/theme2-bg.jpg') 0 0 no-repeat; } .theme2 .theme-btm { background:url('/dim/images/theme2-btm-bg.jpg') 0 bottom no-repeat; } /* theme3 - poppies */ .theme3 .theme { background: #abdd44 url('/dim/images/theme3-bg.jpg') 0 0 no-repeat; } .theme3 .theme-btm { background:url('/dim/images/theme3-btm-bg.jpg') 0 bottom no-repeat; } /* theme4 - sunset */ .theme4 .theme { background: #ffdcb6 url('/dim/images/theme4-bg.jpg') 0 0 no-repeat; } .theme4 .theme-btm { background:url('/dim/images/theme4-btm-bg.jpg') 0 bottom no-repeat; } /* theme5 - leaves */ .theme5 .theme { background: #87b326 url('/dim/images/theme5-bg.jpg') 0 0 no-repeat; } .theme5 .theme-btm { background:url('/dim/images/theme5-btm-bg.jpg') 0 bottom no-repeat; } /* theme6 - magenta */ .theme6 .theme { background: #ed0990 url('/dim/images/theme6-bg.jpg') 0 0 no-repeat; } .theme6 .theme-btm { background:url('/dim/images/theme6-btm-bg.jpg') 0 bottom no-repeat; } /* theme7 - blue */ .theme7 .theme { background: #80bee5; } .theme7 .theme-btm { background: none; } /* create thanks */ .thanks-bg { background:#dff1bf url('/dim/images/tick-green-thanks.png') 10px 10px no-repeat; float:left; margin:10px 5px 0 0; overflow:hidden; padding:10px 20px 10px 50px; width:675px; -moz-border-radius:5px; -webkit-border-radius:5px; } .thanks-bg p { margin: 0 !important; padding: 5px 0; } .thanks-bg .btn-m { display:inline; float:right; margin:5px 10px 0 0; } /* report inappropriate content */ .generic-form .shadow-box { width:955px; } .contact .shadow-box { width:767px; } .generic-form h1 { width:948px; } .generic-form form { width:530px; } .generic-form .field { padding:0 0 10px; } .generic-form .other { margin-left:217px; } .generic-form .other label { width:45px; } .generic-form .other input { width:223px; } .generic-form form p, .generic form form a { display:inline; float:left; margin:0 0 10px; } .generic-form form p { width:217px; } .generic-form form textarea { height:154px; padding:3px; width:268px; } .generic-form .light-bg { width:495px; } .generic-form .message p { color:#000; display:block; float:none; margin-top:5px; padding-right:8px; text-align:right; width:auto; } .generic-form .message .error { margin-top:0; padding:0; text-align:left; } .report .inappropriate-page a { float:left; margin-bottom:15px; width:275px; } .generic-form form#contact-form p.error-top { float:none !important; } .generic-form form input, .generic-form form textarea { font-family:arial, helvetica, sans-serif; } .contact .submit-js { margin:0 5px 0 0; } .contact .submit-js .btn-m { float:left; margin-right:10px; } .contact .submit-js .submit-box { background:#f5fafd; padding:5px 10px 5px 21px; right:-10px; } .return-to-page { float:left; margin:20px 0 20px 5px; } /* example page (uses lots of step 5 and theme styles) */ .example h2 { clear:left; margin:0; padding-top:15px; } .example .intro { margin:0 0 0 15px; padding:0 0 20px 18px; width:720px; } .example .intro-first { border-bottom:1px solid #DCDFEE; position:relative; padding-bottom:38px; clear: both; } .example #back-to-home { float:left; } .example .intro-first .btn-m { position:absolute; top: 20px; right: -180px; } #content.example .theme-outer a, #content.example .theme-outer .btn-sm, #content.example .theme-outer .btn-m, #content.example .theme-outer .btn-m2, #content.example .theme-outer .btn-m3, #content.example .theme-outer .btn-lg { cursor:default; outline:none; } /* tell a friend */ .taf #again { display:inline; float:left; margin:25px 0 50px 5px; } #tell-a-friend .thanks-bg { float: none; width: auto; } #tell-a-friend #contact-form .field .light-bg { margin-left:505px; margin-top:0; position:absolute; width:210px; } /* management - generic */ .management .border-inner { background:none; } .management .content-generic { width:767px; } .management .generic-inner { width:750px; } /* management - my pages */ .my-pages .intro { display:inline; float:left; width:500px; } .my-pages .btn-create { display:inline; float:right; margin: 20px 29px 15px 0; } .my-pages .no-pages { clear:both; height:1%; margin:0 0 15px 0; width:730px; -moz-border-radius:5px; -webkit-border-radius:5px; } .my-pages .no-pages p { margin:0; padding:0; } .my-pages .page { clear:both; margin-bottom:5px; width:730px; } /* width set here for IE7 */ .my-pages .page .border-inner { padding:6px 10px 10px 8px; } .my-pages .page-number { background:url('/dim/images/page-number-bg.png') 0 0 no-repeat; display:inline; float:left; font-size:1.5em; height:36px; margin-right:10px; padding:10px 0 0 0; text-align:center; width:46px; } .my-pages .page .fr { text-align:right; } .my-pages .page-url a, #my-pages .date, #my-pages .amount { color:#000; } .my-pages .page-url { margin:5px 0 15px; } .my-pages .page-url a { text-decoration:none; font-size: 11px; } .my-pages .page-url a:hover { text-decoration:underline; } .my-pages .actions { background:#ecf5fb; clear:both; margin:0px 0 0 0; overflow:hidden; padding:5px 8px 1px; width:705px; } .my-pages .actions li { display:inline; float:left; } .my-pages .actions li a { display:block; float:left; height:35px; padding:15px 15px 0 50px; width:auto; font-size: 13px; } .my-pages .actions .edit a { background:url('/dim/images/icon-edit.png') 0 0 no-repeat; } .my-pages .actions .private-msg a { background:url('/dim/images/icon-msg.gif') 0 0 no-repeat; } .my-pages .actions .send a { background:url('/dim/images/icon-send.png') 0 0 no-repeat; } .my-pages .actions .mats a { background:url('/dim/images/icon-print-mats.png') 0 0 no-repeat; } .my-pages .actions .close-page a { background:url('/dim/images/icon-close-page.png') 0 0 no-repeat; } .my-pages .actions .open-page a { background:url('/dim/images/icon-open-page.png') 0 0 no-repeat; } .my-pages .actions li a { background-position:0 8px !important; } .my-pages .giftaid { } .my-pages .page-closed .page-number, .my-pages .page-closed .fl, .my-pages .page-closed .fr { opacity:.3; filter:alpha(opacity = 30); } .my-pages .page-closed fieldset { float:left; text-align:center; width:450px; } .my-pages .page-closed fieldset p { margin-bottom:5px; } .my-pages .page-closed fieldset label { margin-right:15px; } .my-pages .page-closed .submit-js { float:left; margin:9px 0 0 0; } .my-pages .page-closed .btn-m { float:left; } .my-pages .page-closed .submit-box { background:#ecf5fb; float:left; } .my-pages p.success { background:#E8F5EA; border:3px solid #A5D9AB; clear:both; font-weight:bold; margin:0 0 15px 0; padding:10px 0; text-align:center; } /* management - private message overlays */ .message-list ul { margin:0px !important; height:300px; overflow:auto !important;} .message-list ul li { margin:0 0 25px;} .message-list h5 { margin-bottom:2px;} .message-list h5, #message-list p { text-align:left; color:#000;} .message-list .print-link { background:transparent url(/dim/images/icon-print.png) no-repeat scroll 0 50%; color:#000000; padding:0 0 0 20px; position:absolute; right:127px; top:-23px; } /* management - edit a page */ .management .page-name label, .management .email-updates label { width:205px; } .management .page-name .error, .management .email-updates .error { margin-left:235px; } .edit h1 { margin-bottom:10px; } /* management - my details */ .my-details .sent, .password .sent { background:#E8F5EA; border:3px solid #A5D9AB; clear:both; font-weight:bold; margin:0 0 15px 0; padding:10px 0; text-align:center; } .my-details form { clear:both; width:530px; } .my-details form .light-bg { width:510px !important; } .my-details .submit-box { right:-20px; } /* management - address book (also promote add contacts overlay) */ .address form { clear:both; } .address #form-1 { clear:left; overflow:hidden; padding:0 0 35px; } .address #form-1 p, .address #form-2 p { color:#1d0096; margin:10px 0; } .address #form-1 .field label { margin:0 10px 0 0; width:90px; } .address #form-1 .field #contacts-new { margin:0 20px 0 0; width:260px; } .address #form-1 .field #addContactSubmit { width: auto; } .address #form-1 .field label, .address #form-1 .field input, .address #form-1 .submit-js { display:inline; float:left; } .address #form-1 .submit-js .submit-box { padding-left:10px; } .address #form-1 .submit-js .btn-m2 { float:left; } .address #form-2 { border-top:1px solid #ccc; padding:20px 0 0 0; width:581px; } .address #form-1 .error, .address #form-2 .error { clear: both; margin: 0; padding: 8px 0; } /* .address #form-2 #contacts { display:inline; float:left; margin:0 0 10px; width:579px; } .address #form-2 #abc { background:#ecf9fc; border:1px solid #dcdfee; border-bottom:0; margin:10px 0 0; overflow:hidden; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; } .address #form-2 #abc ul { height:1%; overflow:hidden; padding:5px 10px 0; } .address #form-2 #abc ul li { display:inline; float:left; height:22px; margin:0 2px; padding:4px 3px 0; } .address #form-2 #abc ul li.active { background:#1d0096; position:relative; } .address #form-2 #abc ul li.active a { color:#fff; } .address #form-2 #abc ul li.active .nav-active-left { background:url('/dim/images/address-active-left.png') 0 0 no-repeat; height:26px; position:absolute; top:0; left:-8px; width:8px; } .address #form-2 #abc ul li.active .nav-active-right { background:url('/dim/images/address-active-right.png') 0 0 no-repeat; height:26px; position:absolute; top:0; right:-8px; width:8px; } .address #form-2 #divide { background:#1d0096; border-right:1px solid #331aa0; border-bottom:1px solid #535353; border-left:1px solid #331aa0; color:#fff; padding:3px 0 4px; width:100%; } .address #form-2 #list { border:1px solid #ccc; border-top:0; height:300px; overflow:auto; width:100%; } .address #form-2 #list ul li { border-bottom:1px solid #ccc; margin:2px 0; padding:1px 0 3px; } .address #form-2 .submit-js { display:inline; float:left; } .address #form-2 .submit-js .btn-m2 { float:left; } .address #form-2 .edit { background:url('/dim/images/address-select-arrow.gif') 0 3px no-repeat; margin:0 20px 0 10px; padding:0 0 0 27px; } .address #form-2 .edit .submit-box { margin-left:10px; } */ /* management - change password */ .password form { width:530px; } .password #page-loader { position:absolute; top:-2px; left:-35px; } /* management - send to family and friends */ .promote p { margin:0 0 10px; } .promote #page-to-send { margin:20px 0; } .promote #page-to-send p { background:url('/dim/images/icon-send-alt.png') 3px 0 no-repeat; height:36px; margin:0; padding:14px 0 0 60px; } .promote #page-to-send p a { margin-left:5px; } .promote form { margin-top:20px; padding: 0; } .promote form label { color:#000; } .promote #promote-1 label { margin:0 30px 0 0; } .promote h2 { margin:15px 0; } .promote #addFriends { width: 128px; height: 30px; display: block; border: none; background:url('/dim/images/address_book/add_contacts.gif') no-repeat top left; text-indent: -999px; font-size: 0; line-height: 0; margin: 0 0 10px 155px } .promote .sent { background:#E8F5EA; border:3px solid #A5D9AB; font-weight:bold; margin:0 0 15px 10px; padding:10px 0; text-align:center; width:575px; } .promote #promote-2 label { clear:both; display:block; float:left; margin:0 7px 0 3px; width:145px; } .promote #promote-2 label.not-required { margin-left:17px; width:131px; } .promote #promote-2 span.required { margin: 0 5px 0 0; } .promote #promotion-message-form .required-message { font-size: 12px; } .promote #promote-2 .text, .promote #promote-2 .textarea { float:left; font-family:arial, helvetica, sans-serif; font-size:14px; margin:0 10px 0 0; width:430px; } .promote #promote-2 .textarea { height:244px; padding:3px; width:428px; } .promote #promote-2 #promoteTo.textarea { height:35px } .promote #promote-2 .field { clear:left; margin:0 0 10px 0; overflow:hidden; } .promote #promote-2 .to input { height:40px; } .promote #promote-2 .btn-m2 { display:inline; float:left; margin:0 0 5px 160px; } .promote #promote-2 .helpers { color:#000; display:inline; float:left; width:135px; } .promote #promote-2 .submit-js { display:inline; float:right; margin:0 150px 0 0; } .promote #promote-2 .submit-js .btn-m { float:left; } .promote .field .error { margin:0 0 0 155px; } .promote #facebook-panel small { display: block; font-size: 10px; margin-top: 10px; } .promote-create form { /*border:0;*/ margin-top:40px; } .promote-create #promote-2 .helpers { color:#000; display:block; float:none; margin:10px 0 5px 155px; width:300px; } .promote-thanks .thanks { background:#dff1bf url('/dim/images/tick-green-thanks.png') 10px 20px no-repeat; float:left; margin:10px 5px 20px 0; overflow:hidden; padding:10px 20px 20px 50px; width:675px; -moz-border-radius:5px; -webkit-border-radius:5px; } .promote-thanks .content-generic .border-inner { padding-bottom:80px !important; } .promote-thanks h2 { clear:left; margin:15px 0 30px; position:relative; } .promote-thanks p { margin:10px 0; } .promote-thanks .all { border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px; } .promote-thanks .thanks #cancel { display:inline; float:left; margin:10px 20px 0 10px; } .promote-thanks .thanks #add { display:inline; float:right; margin:10px 0 0 10px; } .promote-thanks .thanks #add .submit-box { float:right; } .promote-thanks .thanks .submit-box { padding:5px; top:6px; left:89px; } #promotion-save-addresses-form #cancel, #promotion-save-addresses-form .submit-js { float:left; margin:20px 20px 0 0; } /* OVERLAY - add contacts */ #contact-overlay #abc { margin:10px 0 0; overflow:hidden; width:100%; } #contact-overlay #abc h4 { font-weight:normal; top:-27px; left:56px; width:auto; } #contact-overlay #abc ul { padding:5px 10px 0; position:absolute; top:-30px; left:190px; width:373px; z-index:100; } #contact-overlay #abc ul li { display:inline; float:left; height:22px; margin:0 2px; padding:4px 3px 0; } /* active states */ #contact-overlay #abc ul li.active { background:#1d0096; position:relative; } #contact-overlay #abc ul li.active a { color:#fff; } #contact-overlay #abc ul li.active .nav-active-left { background:url('/dim/images/address-active-left.png') 0 0 no-repeat; height:26px; position:absolute; top:0; left:-8px; width:8px; } #contact-overlay #abc ul li.active .nav-active-right { background:url('/dim/images/address-active-right.png') 0 0 no-repeat; height:26px; position:absolute; top:0; right:-8px; width:8px; } #contact-overlay #divide { background:#1d0096; border:1px solid #dcdfee; border-bottom:0; color:#fff; margin-top:-10px; overflow:hidden; padding:8px 10px 4px; width:496px; } #contact-overlay #divide ul { margin:0 0 5px 0; overflow:hidden; } #contact-overlay #divide ul li { background:url('/dim/images/edit-functions-divide.gif') 0 3px no-repeat; display:inline; float:left; font-size:.7em; margin:0 5px 0 0; padding:0 0 0 5px; } #contact-overlay #divide ul li.first { background:url('/dim/images/edit-functions-arrow.gif') 0 5px no-repeat; margin:0 5px 0 0; padding:0 0 0 18px; } #contact-overlay #divide ul li a { color:#fff; } #contact-overlay #divide .field { display:inline; float:left; margin:0 0 5px 0; } #contact-overlay #divide .field label { display:none; } #contact-overlay #divide .field input { font-style:italic; margin:0 18px; width:370px; } #contact-overlay #divide .field .submit-js { display:inline; float:left; } #contact-overlay #divide .btn-m3 { display:inline; float:left; } #contact-overlay #divide .btn-m3 a { } #contact-overlay #list { border:1px solid #ccc; border-top:0; height:230px; overflow:auto; width:100%; } #contact-overlay #list ul li { border-bottom:1px solid #ccc; margin:2px 0; padding:1px 0 3px; } #contact-overlay #list ul li.last { border:0; } #contact-overlay #edit-delete { display:inline; float:left; margin-top:5px; } #contact-overlay #edit-delete .submit-js { display:inline; float:left; } #contact-overlay #edit-delete .submit-js .btn-m2 { float:left; } #contact-overlay #edit-delete .edit { background:url('/dim/images/address-select-arrow.gif') 0 3px no-repeat; margin:0 10px 0 10px; padding:0 0 0 27px; } #contact-overlay #edit-delete .edit .submit-box { margin-left:10px; } #contact-overlay #cancel-add { float:right; margin:5px 10px 0 0; } #contact-overlay #cancel-add .submit-js { display:inline; float:left; } #contact-overlay #cancel-add .submit-js .btn-m2, #contact-overlay .submit-js .btn-m3 { float:left; } #contact-overlay #cancel-add .cancel { margin:0 20px 0 0; } #contact-overlay #cancel-add .cancel .submit-box { margin-left:10px; } .print-mats .content-generic .light-bg { margin:20px 0 0; } .print-mats .generic-inner .light-bg p { background:url('/dim/images/icon-print-mats.png') 0 8px no-repeat; height:35px; margin:0; padding:15px 0 0 55px; } .print-mats .content-generic ul { float:left; margin: 0 0 30px; overflow:hidden; padding:0 0 0 20px; width:730px; } .print-mats .content-generic ul li { display:inline; float:left; height:105px; margin:25px 50px 0 0; } .print-mats .content-generic ul li a { display:block; height:80px; padding-left:0px; width:300px; } .print-mats .content-generic ul li a img { float:left; } .print-mats .content-generic ul li a span { display:block; float:left; margin:25px 0 0 10px; width:200px; } .print-mats .field label { margin-right:20px; } .print-mats .field input { width:292px; } .print-mats .back-dload { margin:15px 0 60px 5px; padding-bottom:20px; width:685px; } .print-mats .back-dload .back { display:inline; float:left; } .print-mats .back-dload .submit-js .input-btn { float:right; } .print-mats .submit-js .btn-m { float:left; margin-right:25px; } .print-mats .back-dload .submit-js .submit-box { float:right; } .pm-notifications fieldset .field input { color:#ec008c; height:18px; position:absolute; top:233px; left:40px; width:525px; } .pm-notifications fieldset .field label { display:none; } .pm-notifications fieldset #bubble { position:absolute; top:208px; left:560px; } .pm-notifications fieldset p { color:#ec008c; position:absolute; top:337px; left:295px; } .pm-slips fieldset .field input { color:#ec008c; height:20px; position:absolute; top:197px; left:60px; width:500px; } .pm-slips fieldset .field label { display:none; } .pm-slips fieldset #bubble { position:absolute; top:173px; left:555px; } .pm-slips fieldset p { color:#ec008c; position:absolute; top:252px; left:293px; } .pm-box fieldset { background:url('/dim/images/print-mats-box.png') 0 0 no-repeat; height:348px; margin:40px auto; position:relative; width:331px; } .pm-box fieldset .field textarea { color:#ec008c; height:70px; position:absolute; top:100px; left:39px; width:245px; } .pm-box fieldset #bubble { position:absolute; top:100px; left:273px; } /* theme1 Clouds */ .pm-notifications .pm-theme1 fieldset { background:url('/dim/images/themes/DIM_notificationcards_CLOUDS.png') 0 0 no-repeat; height:495px; position:relative; width:685px; } .pm-slips .pm-theme1 fieldset { background:url('/dim/images/themes/DIM_donationslips_CLOUDS.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } /* theme2 Sunflowers */ .pm-notifications .pm-theme2 fieldset { background:url('/dim/images/themes/DIM_notificationcards_SUNFLOWERS.png') 0 0 no-repeat; height:485px; position:relative; width:685px; } .pm-slips .pm-theme2 fieldset { background:url('/dim/images/themes/DIM_donationslips_SUNFLOWERS.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } /* theme3 Poppies */ .pm-notifications .pm-theme3 fieldset { background:url('/dim/images/themes/DIM_notificationcards_POPPIES.png') 0 0 no-repeat; height:495px; position:relative; width:685px; } .pm-slips .pm-theme3 fieldset { background:url('/dim/images/themes/DIM_donationslips_POPPIES.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } /* theme4 Sunrise */ .pm-notifications .pm-theme4 fieldset { background:url('/dim/images/themes/DIM_notificationcards_SUNSET.png') 0 0 no-repeat; height:495px; position:relative; width:685px; } .pm-slips .pm-theme4 fieldset { background:url('/dim/images/themes/DIM_donationslips_SUNSET.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } /* theme5 Woodland */ .pm-notifications .pm-theme5 fieldset { background:url('/dim/images/themes/DIM_notificationcards_GREENLEAVES.png') 0 0 no-repeat; height:495px; position:relative; width:685px; } .pm-slips .pm-theme5 fieldset { background:url('/dim/images/themes/DIM_donationslips_GREENLEAVES.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } /* theme6 Pink */ .pm-notifications .pm-theme6 fieldset { background:url('/dim/images/themes/DIM_notificationcards_PINKSPARKLE.png') 0 0 no-repeat; height:495px; position:relative; width:685px; } .pm-slips .pm-theme6 fieldset { background:url('/dim/images/themes/DIM_donationslips_PINKSPARKLE.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } /* theme Blue7 */ .pm-notifications .pm-theme7 fieldset { background:url('/dim/images/themes/DIM_notificationcards_BLUE.png') 0 0 no-repeat; height:495px; position:relative; width:685px; } .pm-slips .pm-theme7 fieldset { background:url('/dim/images/themes/DIM_donationslips_BLUE.png') 0 0 no-repeat; height:990px; position:relative; width:685px; } .mat-download .content-generic { margin-bottom:20px; } .mats-download p { width:400px; } .mats-download p.light-bg { margin:60px 0 30px !important; } .mats-download .btn-m { float:left; margin:10px 0 20px 5px; } /* donate - search */ .counterText { padding:0 0 0 210px; text-align:right; width:280px; font-size: 11px; } .donate .shadow-box { width:960px; } .donate #sky { padding:10px 15px 30px 10px; width:963px; } .donate h2 { margin-bottom:10px; } .donate .intro { margin:0 0 10px 0; } .donate-search .search-box { clear:left; display:inline; float:left; margin:10px 0 20px 25px; width:520px; } .donate-search .search-box .border-inner { background:url('/dim/images/icon-search.png') 20px 13px no-repeat; padding:10px 20px 25px 80px; width:428px; } .donate-search .search-box p { margin:10px 0; } .donate-search .search-box p.error { margin:0 0 5px 0; } .donate-search .search-box form { margin:15px 0 40px; } .donate-search .search-box .field { display:inline; float:left; margin-right:5px; } .donate-search .search-box label { display:block; } .donate-search .search-box .text { width:315px; } .donate-search .search-box .submit-js { display:inline; float:left; margin-top:-1px; position:relative; } .donate-search .search-box .submit-box { background:#fff; margin-left:-5px; padding:0 5px 5px; position:absolute; top:0; left:0; z-index:10; } .donate-search .search-box .btn-m2 { float:left; } .donate-search #copy { display: block; float:left; margin: 15px 0 0 50px; width:280px; background: #E2F1FA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 15px; } .donate-search #copy h3 { margin: 0; } .donate-search #copy p { margin: 10px 0 0; } .donate-search #copy a { font-weight:bold; } .donate-search #results { margin:0 0 20px 20px; overflow:hidden; width:530px; } .donate-search #results .light-bg { height:1%; overflow:hidden; } .donate-search #results .light-bg p { display:inline; float:left; } .donate-search #results .pagination { display:inline; float:right; } .donate-search #results .pagination a, .donate-search #results .pagination span { display:block; float:left; margin-left:10px; } .donate-search #results .pagination .page-number { color:#1d0096; height:19px; text-align:center; text-decoration:none; width:19px; } .donate-search #results .pagination .active { background:url('/dim/images/pagination-number-bg.png') 0 0 no-repeat; color:#fff; } .donate-search #results .pagination .page-number:hover { text-decoration:underline; } .donate-search #results .result { border-bottom:1px solid #dcdfee; height:1%; margin-bottom:10px; overflow:hidden; padding:10px; } .donate-search #results .last { border:none; } .donate-search #results .result .page-name { font-weight:bold; } .donate-search #results .result .page-url { color:#231f20; text-decoration:none; font-size: 11px; } .donate-search #results .result .page-url:hover { text-decoration:underline; } .donate-search #results .result .page-creation { color:#000; display:inline; float:right; font-style:italic; font-size: 11px; } .donate-search .failed h1 {border:none;} .donate-search .failed {margin:20px 0 0 20px;width:530px;} .donate-search .failed, .donate-search .failed h2 { color: red; } .donate-search .failed h2 { margin:20px auto 30px; position:relative; width:306px; } .donate-search .failed h2 span { background:url('/dim/images/hdr-failed-search.png') 0 0 no-repeat; height:34px; position:absolute; top:0; left:0; width:306px; } .donate-search .failed p { padding:15px; background: none; } .donate-search .field .error { margin:0; } /* donate */ .donate .border-inner { background:none; padding:8px 20px 40px; width:920px; } /* width set for IE7 */ .donate h1 { margin-bottom: 0; margin-left:-20px; padding-left:20px; width:960px; z-index:100; float:left;} .donate #steps { width:966px; } .donate .col2 { display:block; float:right; width:380px; } .donate .col2 .light-bg { margin-bottom:15px; background:#F5FAFD none repeat scroll 0 0; overflow:hidden; padding:10px; width: auto; } .donate .col2 { } .donate .col2 p { margin:0; } .donate .col2 ul { margin:0 0 0 15px; } .donate .col2 ul li { list-style-type:disc; background: none; padding: 5px 0 0 0; } /* donate - your donation, and about you */ .donation form, .donator form { padding:0; } .donation fieldset { padding:10px; width:690px; } .donator fieldset { padding:10px; width:500px; } .donation .light-bg, .donator .light-bg, .donate-confirm .light-bg { width:500px; } .donation .field { clear:both; margin:0 0 15px 0; overflow:hidden; padding-left:10px; } .donation label, .donation .label { color:#000; display:inline; float:left; margin:0 6px 0 0; width:205px; } .donation .giftaid label.not-required { width: 490px; margin: 0; padding: 0; } .donation .text { width:270px; } .donation .checkbox { display:inline; float:left; margin-right:7px; } .donate .helpers { clear:both; display:inline; float:left; margin:5px 0 0 0; width:175px; } .donate .helpers p { margin-bottom:5px; } .donation .name .helpers, .donation .message .helpers { clear:none; float:right; margin:0; } .donation .anon { padding-left:218px; } .donation textarea { display:inline; float:left; height:154px; padding:3px; width:268px; } .donation input.text, .donation textarea { font-family:arial, helvetica, sans-serif; } .donation .giftaid .text { display:inline; float:left; } .donation .giftaid .text p { margin-bottom:10px; } .donation .taxpayer { padding:15px 0 0 10px; width: 490px; } .donation .taxpayer .helpers { margin:5px 0 0 0; width:270px; } .donation .taxpayer .checkbox { margin-left: 0; } .donation .taxpayer label { font-weight: bold; } .donation .submit-js { display:inline; float:right; } .donator .submit-js { display:inline; float:right; margin-right:13px; } .donation .submit-js .submit-box { background:#f5fafd; padding:5px 15px 5px 26px; } .donator .submit-js .submit-box { background:#f5fafd; padding:5px 10px 5px 20px; } .donator #step2-2 { position:relative; } .donator #step2-2 .helpers { position:absolute; top:0; left:535px; } .donate #back { display:inline; float:left; } .donate-confirm h3 { margin:0; } .donate-confirm table { width:520px; } .donate .share-donation { float:left; margin: 20px 0; width:244px; } .donate .donate-info { float:left; margin: 20px 0 20px 20px; width:250px; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; } .donate .donate-info h1 { margin-bottom:0; } .donate .donate-info h2 { clear:left; margin:0 0 40px 10px; position:relative; } .donate .donate-info h2 span { background:url('/dim/images/hdr-thank-you.png') 0 0 no-repeat; height:35px; position:absolute; top:0; left:0; width:149px; } .donate .donate-info p { margin:0 0 10px 10px; } .donate .donate-info h3 { margin:0; } .donate .donate-info p { margin:5px 0 20px 0; } .donate .donate-info .btn-m { display:inline; float: right; margin-right: 20px; } .donate .share-donation a { display: block; background-position: 0 50%; background-repeat: no-repeat; padding: 15px 0 15px 50px; margin: 15px 0 0; } .donate .share-donation a.post-to-wall { background-image:url('/dim/images/facebook-small.png'); } .donate .share-donation a.twitter-share { background-image:url('/dim/images/twitter-small.png'); } .donate .share-donation .post-to-wall-thanks { background-image:url('/dim/images/facebook-small.png'); display: block; background-position: 0 50%; background-repeat: no-repeat; padding: 15px 0 15px 50px; margin: 15px 0 0; } .donate .thanks .managed-content { width: 550px; } .donate .thanks-details { display:block; float:right; margin: 0 0 10px 10px; padding:15px; } .donate .thanks-details h3 { margin:0 0 10px 0; } .donate .error { margin:0 0 0 211px; } /* frsb */ .frsb .intro p { margin-bottom:15px; } .frsb .intro img { margin:0 30px 0 10px; } /* sitemap */ .sitemap .shadow-box { width:958px; } .sitemap #sky { padding:10px 15px 30px 10px; width:963px; } .sitemap .border-inner { padding:10px 0 20px 50px; width:908px; } .sitemap h1 { border-bottom:1px solid #dcdfee; margin-left:-50px; padding:0 0 10px 20px; width:960px; } .sitemap #sections { padding-top:10px; } .sitemap .row { clear:left; margin-top:30px; } .sitemap #create, .sitemap dl { display:inline; float:left; margin:0 100px 0 0; min-height:180px; width:190px; } .sitemap #create { background:#ecf9fc; min-height:110px; padding:15px; width:190px; } .sitemap #create .btn-m { display:inline; float:left; margin:10px 0 10px 18px; } .sitemap p { clear:both; text-align:center; } .sitemap dt, .sitemap .strong { font-weight:bold; } .sitemap dd a { color:#1d0096; } /* address book */ /* 4. Address Book */ /* Inline specific CSS */ #abook.inline { position: relative; } #abook.inline #abook-modal { display: none; } #abook.inline #abook-close { display: none; } #abook.inline #abook-optionbar { display: none; } #abook-add .error span { padding: 0; } /* End inline specific */ #abook #abook-bg { position:fixed; top:0; left:0; height: 510px; width: 690px; top: 50%; margin-top: -255px; left: 50%; margin-left: -345px; background: transparent url(/dim/images/address_book/abook_overlay.png) no-repeat top left; z-index: 102; display: none; } * html #abook #abook-bg { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/dim/images/address_book/abook_overlay.png'); zoom:1; } #abook #abook-modal { position:absolute; top:0; left:0; height: 100%; width: 100%; background: black; opacity: 0.4; filter: alpha(opacity=40); z-index: 100; zoom: 1; } #abook #abook-inner { z-index: 9999; width: 585px; z-index: 101; } #abook #abook-inner h1 { margin-bottom: 10px; } #abook.overlay .abook-add-form { height:30px; margin:0; overflow:hidden; padding: 0; background: #1D0096; top: 0; left: 0; position: relative; } #abook.overlay .abook-add-form .btn_add { top: 1px; right: -60px; background: #787878 url('/dim/images/address_book/add_contact.gif') no-repeat 50% 50%; width: 55px; height: 24px; border: none; font-size: 0; line-height: 0; text-indent: -999px; cursor: pointer; } #abook #abook-main .abook-add-form .form_field { margin-left: 30px; top: 0; left: 0; } #abook.overlay .abook-add-form .form_field label { color: white; } #abook.overlay #abook-bg { display: block; } #abook.overlay #abook-inner { position: fixed; z-index: 103; left: 50%; margin-left: -292px; top: 50%; margin-top: -190px; } #abook h3 { color: #1e0197; font-weight: bold; padding: 20px 0 10px 20px; } #abook-main { margin-bottom: 10px; } #abook-loader { background: #787878 url('/dim/images/address_book/ajax-loader.gif') no-repeat 50% 50%; -webkit-border-radius: 10px; /* for Safari */ -moz-border-radius: 10px; /* for Firefox */ width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; opacity: 0.8; filter: alpha(opacity=80); text-indent: -9999px; } #abook #abook-nav { background: url('/dim/images/address_book/header_left.gif') no-repeat top left; height: 40px; overflow: hidden; position: relative; padding: 0 5px; } #abook.overlay #abook-nav { height: 39px; } #abook #abook-nav .rightcap { background: url('/dim/images/address_book/header_right.gif') no-repeat top left; height: 40px; width: 3px; position: absolute; top: 0; right: 0; } #abook #abook-nav li { float: left; display: block; } #abook #abook-nav li a { display: block; float: left; padding: 9px 5px 0; height: 24px; color: #1d0096; text-decoration: none; position: relative; } #abook #abook-nav .active a { color: #fff; font-weight: bold; padding: 9px 12px 0; margin: 0 -5px 0 -5px; background: url('/dim/images/address_book/menu_left.gif') no-repeat bottom left; } #abook #abook-nav .active a span { height: 27px; width: 7px; position: absolute; bottom: 0; right: 0; background: url('/dim/images/address_book/menu_right.gif') no-repeat bottom right; } #abook #abook-optionbar { margin-bottom: 5px; } #abook #abook-optionbar ul li { display: block; float: right; font-size: 11px; height: 15px; font-weight: bold; padding: 0 2px; } #abook #abook-optionbar ul .icon { padding-top: 2px; } #abook #abook-optionbar ul .divider { color: #999; } #abook #abook-optionbar ul li a { display: block; font-weight: normal; font-size: 11px; color: #1D0096; } #abook #abook-optionbar ul .active a { text-decoration: none; color: #000; font-weight: bold; cursor: default; } #abook #abook-contents { border: 1px solid #dcdfee; border-top: none; height: 240px; overflow: auto; } #abook #abook-contents li { border-bottom: 1px solid #efefef; padding: 5px 8px; } #abook #abook-contents li input { float: left; margin: 2px 8px 0 0; } #abook label { font-size: 14px; } #abook #abook-actions { padding: 10px 0 0 0; } #abook #abook-actions .edit_actions { float: left; height: 25px; background: url('/dim/images/address_book/arrow.gif') no-repeat 10px 50%; padding: 3px 0 3px 30px; } #abook #abook-actions .btn_edit { background: url('/dim/images/address_book/edit.gif') no-repeat top left; width: 42px; height: 25px; text-indent: -9999px; display: block; float: left; border: none; margin-right: 10px; font-size: 0; line-height: 0; } #abook #abook-actions .btn_save { background: url('/dim/images/address_book/save_contacts.gif') no-repeat top left; width: 120px; height: 30px; text-indent: -9999px; display: block; float: left; border: none; margin-right: 10px; font-size: 0; line-height: 0; } #abook #abook-actions .btn_delete { background: url('/dim/images/address_book/delete.gif') no-repeat top left; width: 57px; height: 25px; text-indent: -9999px; display: block; font-size: 0; line-height: 0; float: left; border: none; margin-right: 10px; } #abook #abook-actions .btn_finish { background: url('/dim/images/address_book/finish.gif') no-repeat top left; width: 87px; height: 30px; text-indent: -9999px; display: block; float: right; font-size: 0; line-height: 0; } #abook #abook-actions .btn_done { background: url('/dim/images/address_book/add_contacts.gif') no-repeat top left; width: 124px; height: 30px; text-indent: -9999px; display: block; float: right; border: none; margin-left: 10px; font-size: 0; line-height: 0; } #abook #abook-actions .btn_cancel { background: url('/dim/images/address_book/cancel.gif') no-repeat top left; width: 87px; height: 30px; text-indent: -9999px; display: block; float: right; border: none; margin-left: 10px; font-size: 0; line-height: 0; } #abook #abook-panel .btn_add { background: url('/dim/images/address_book/add.gif') no-repeat top left; width: 64px; height: 30px; text-indent: -9999px; display: block; float: right; border: none; margin-left: 10px; font-size: 0; line-height: 0; } #abook #abook-contents .edit li { border: none; } #abook #abook-contents .edit li input { width: 320px; padding: 2px; float: left; } #abook #abook-panel { height: 280px; background: url('/dim/images/address_book/panel.gif') no-repeat top left; position: relative; } #abook .abook-add-form .form_field { position: relative; /*top: 60px;*/ left: 20px; margin: 0; padding: 0; } #abook .abook-add-form .form_field label { padding: 0; width: 110px; } #abook .abook-add-form .form_field #contacts-new { padding: 3px; width: 310px; } #abook .abook-add-form .form_field .btn_add { position: absolute; top: 0px; right: -18px; width: 80px; } #abook .abook-add-form .error, #addContactForm .error {background:none; line-height:1.3em; margin:0 0 5px 95px !important; padding:5px 10px !important; width:320px;} #abook-add .addAddress {padding-right:90px;} #abook-add .addAddress a { display: block; width: 160px; } #abook #abook-panel .abook-upload-screen { float: left; width: 220px; height: 165px; position: relative; border-left: 1px solid #ccc; margin: 20px 0; padding: 60px 15px 15px 15px; } #abook #abook-panel .abook-import-screen { float:left; height:165px; margin:20px 0; padding:60px 15px 15px; position:relative; width:265px; } #abook #abook-panel .abook-upload-screen h3, #abook #abook-panel .abook-import-screen h3 { position: absolute; display: block; top: 0; left: 15px; padding: 0; } #abook #abook-panel .abook-upload-screen h3 strong, #abook #abook-panel .abook-import-screen h3 strong { position: absolute; display: block; top: 20px; left: 0; color: black; font-size: 11px; } #abook #abook-panel .btn_import_contacts { background: url('/dim/images/address_book/import_contacts.gif') no-repeat top left; width: 123px !important; height: 30px; text-indent: -9999px; display: block; position: absolute; bottom: 0; right: 13px; border: none; font-size: 0; line-height: 0; } #abook #abook-close { background: url('/dim/images/address_book/close.gif') no-repeat top left; width: 19px; height: 12px; display: block; position: absolute; top: 0; right: 0; text-indent: -9999px; } #add-from-abook { background: url('/dim/images/address_book/abook_icon.gif') no-repeat 0 50%; padding: 7px 0 7px 30px; margin: -10px 0 0px 132px; color: #000; font-size: 12px; float: left; } #abook #abook-panel .abook-upload-list { position: relative; height: 279px } #abook #abook-panel .abook-upload-list h3 { padding: 10px 15px; } #abook #abook-panel .abook-upload-list #abook-contents { background: white; height: 200px; } #abook #abook-panel .abook-upload-list .btn_back { bottom:17px; color:#1D0096; font-size:12px; font-weight:bold; left:15px; position:absolute; } #abook #abook-panel .abook-upload-list .btn_import_contacts { bottom: 6px; } #abook #abook-panel .abook-import-screen p { font-size: 11px; } #abook #abook-panel .abook-import-screen .form_field label { padding:0 0 8px 0; width:110px; margin-top: 2px; } #abook #abook-panel .abook-import-screen .form_field input { width:140px; } #abook #abook-panel .abook-upload-screen input { width: 200px; padding: 2px 0; } #abook #abook-panel .abook-upload-screen p { font-size:11px; margin: 0 0 20px 0 } #abook #abook-panel .abook-upload-screen p a { color: black; } /* admin */ .admin h1 span { color:#ccc; float:right; font-weight:normal; margin-right:30px; } /* admin - search */ .admin .btn-m2 { margin-left:5px; } .admin .border-inner { background:none; } .admin .generic-inner { padding-bottom:100px; } .admin .search-form { clear:both; overflow:hidden; } .admin .search-form label { display:block; float:left; margin-top:5px; width:240px; } .admin .search-form .text { background:none; float:left; height:24px; margin-right:20px; padding:0; width:260px; } .admin .search-form .submit-js { display:inline; float:left; } .admin .search-form .submit-js .btn-m2 { display:inline; float:left; } .admin .search-form .submit-js .submit-box { padding:0px 45px 10px 25px; } .admin .hr { border-top:1px solid #eee; margin:25px 0 20px 50px; width:500px; } .admin table.results { border:1px solid #999; border-collapse:collapse; clear:both; margin:10px 0 20px 0; text-align:left; } .admin table.results thead th{ background:#1d0096; border-bottom:#7766c0; color:#fff; } .admin table.results thead a { background:url('/dim/images/th-arrow-down.gif') right 4px no-repeat; color:#fff; padding:0 18px 0 0; text-decoration:none; } .admin table.results thead a:hover { text-decoration:underline; } .admin table.results th, .admin table.results td { font-weight:normal; padding: 5px; vertical-align: top; } .admin table.results th, .admin table.results td, .admin table.results li, .admin table.results a { font-size: 12px; } .admin table.results li { list-style: decimal } .results-pages form .submit-js .submit-box, .results-donations form .submit-js .submit-box { padding-right:33px !important; } .admin .edit-page, .admin .view-transactions { display:inline; float:left; margin:10px 25px 25px 5px; } .admin p { clear:both; } .admin .import-btn { display:inline; float:left; margin:0 0 10px 5px; } .admin table.transaction { border-collapse:collapse; clear:both; text-align:left; } .admin table.transaction td { padding:10px 50px 0 0; } .admin table#notifications { clear:left; margin-bottom:100px; } .admin table#notifications td { padding:3px 5px; } .admin table#notifications td.notification { padding-right:50px; } .admin form#email-notifications { margin-bottom:50px; } .admin form#email-notifications .submit-box { padding-right:40px; } .admin .upload p { display:inline; float:left; margin-right:20px; } .admin .upload .submit-js { clear:both; display:inline; float:left; margin:20px 0 0 290px; } /* Input Button Styles */ body div.input-btn { cursor: pointer; float: left; margin-right: 5px; height: 29px; background: url('/dim/images/buttons/btn-m.png') no-repeat top left; position: relative; } body div.input-btn input{ cursor: pointer; float: left; display: inline; color: #FFF; font-size: 14px; font-weight: bold; border: none; height: 29px; margin: 0 -5px 0 0; padding: 0 10px 3px 10px; overflow: visible; background: url('/dim/images/buttons/btn-m-right.png') no-repeat top right; } body div.input-btn-arrow input{ display: inline; position: relative; color: #FFF; font-size: 14px; font-weight: bold; border: none; height: 29px; right: -5px; margin: 0; padding: 0 27px 3px 10px; overflow: visible; background: url('/dim/images/buttons/btn-m-arrow.png') no-repeat top right; } body div.input-btn-small { cursor: pointer; float: left; margin-right: 5px; height: 24px; background: url('/dim/images/buttons/btn-m2.png') no-repeat top left; position: relative; } body div.input-btn-small input{ cursor: pointer; float: left; display: block; color: #FFF; font-size: 14px; font-weight: bold; border: none; height: 24px; margin: 0 -5px 0 0; padding: 0 10px 3px 10px; -webkit-padding-bottom: 0; overflow: visible; background: url('/dim/images/buttons/btn-m2-right.png') no-repeat top right; } body div.input-btn-small-arrow input{ display: inline; position: relative; color: #FFF; font-size: 14px; font-weight: bold; border: none; height: 24px; right: -5px; margin: 0; padding: 0 27px 3px 10px; -webkit-padding-bottom: 0; overflow: visible; background: url('/dim/images/buttons/btn-m2-arrow.png') no-repeat top right; } /* Facebook Connect Styles - Invite Friends */ #content #invite-friends { margin-top: 15px; } #content #invite-friends #friend-selector { width: 740px; overflow: hidden; } #content #invite-friends #friend-selector iframe { margin-top: -10px; margin-left: -10px; width: 750px !important; } .float_l { float: left; } .float_r { float: right; } /* New homepage layout */ .home .home-panel .border-inner { padding: 10px 20px 20px; min-height: 130px; } .home .home-panel h3 { margin-bottom: 10px; } .home .one-col { width: 978px; } .home .two-col { width: 290px; margin-right: 22px; } .home .two-col.first-panel { width: 661px; } .home .three-col { width: 308px; margin-right: 21px; } .float_l { float: left; } .float_r { float: right; } /*** Gift Aid Box ***/ #gift_aid_container .gift_aid_label { font-weight: bold; } #gift_aid_container #gift-aid-amount { position: absolute; top: 130px; right: 20px; } #gift_aid_container #your-donation { position: absolute; top: 80px; left: 18px; } #gift_aid_container #your-total { position: absolute; bottom: 10px; left: 0; text-align: center; width: 197px; display: block; } #gift_aid_container .donate_pbar { position: absolute; top: 109px; left: 18px; background:transparent url('/dim/images/giftaid/donate_pbar_grey.gif') no-repeat scroll top left; height: 11px; } #gift_aid_container .gift_pbar{ position: absolute; top: 109px; right: 16px; background:transparent url('/dim/images/giftaid/gift_pbar.gif') no-repeat scroll top left; height: 11px; } #gift_aid_container #is_gift_aid { float: left; height: 20px; } #gift_aid_container .gift_aid_label { float: left; font-size: 12px; padding: 1px 0 0 10px; line-height: 1.5em; } #gift_aid_container .gift_aid_info { clear: left; font-size: 12px; padding: 10px 0 20px 24px; font-size: 11px; color: #777; } .gift_aid_box { float: right; margin: 0 0 15px 15px; width: 198px; height: 200px; position: relative; background: url('/dim/images/giftaid/donate_gift_aid_box.gif') no-repeat top left; } #gift_aid_container .gift_aid_box_active { background: url('/dim/images/giftaid/donate_gift_aid_box_active.gif') no-repeat top left !important; } #gift_aid_container .gift_aid_box_active .donate_pbar { background: url('/dim/images/giftaid/donate_pbar.gif') no-repeat top left !important; } #gift_aid_container .gift_aid_box_active #gift-aid-visual { background: url('/dim/images/giftaid/gift_pbar_active.gif') no-repeat top left !important; } .donation .amount .select_donate_amt label, .donation .amount .select_donate_oth label { color: #000000; display: block; float: left; font-weight: normal; margin: 0; padding: 0; width: 50px; background: none; } .donation .amount .select_donate_amt input { display: block; float: left; margin: 0 8px 0 0; } .donation .amount .select_donate_oth #amount_other2 { display: block; float: left; margin: 8px 10px 15px 0; } .donation .amount .select_donate_oth #amount_other2_label { margin-top: 6px; } .donation .amount .select_donate_amt { padding-top: 7px; } .donation .amount .select_donate_oth { clear: both; padding-left: 211px; padding-top: 5px; } .donation .amount .select_donate_oth label { background:url('/dim/images/icon-pound.gif') right 1px no-repeat; padding-right: 20px; } .donation .amount .select_donate_oth { clear: both; padding-left: 211px; padding-top: 5px; } .donation .amount .select_donate_oth label { background:url('/gic/images/icon-pound.gif') right 1px no-repeat; padding-right: 20px; } .donation .amount .select_donate_oth input { margin-top: 3px; margin-left: 5px; }