/* @group reset */ * { margin: 0; padding: 0; } ul { list-style: none; } a img, frameset { border: 0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn { margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline } table {border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left;font-weight: normal; } #giftcards { padding: 0px 16px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q {quotes: "" ""; } /* @end */ /* @group utility */ .clear {height: 1px;clear: both;margin-top: -1px;overflow: hidden;} .clear-right { height: 1px; clear: right; margin-top: -1px; overflow: hidden; } .row:after, .clearfix:after, .columns:after, .forms:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } columns-childbio { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearing { clear: both; } .left { float: left; } img.left { margin: 0 10px 10px 0; } .right { float: right; } img.right { margin: 0 0 10px 10px; } .text_right { text-align: right; } .text_center { text-align: center; } .add_top { margin-top: 15px; } .add_bottom { margin-bottom: 15px; } .no_bottom, .last { margin-bottom: 0 !important; padding-bottom: 0 !important; } .no_top { margin-top: 0; } .no_side { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .no_border { border: 0; } .hide { display: none; } .screen-reader { display: block; left: -9999px; position: absolute; top: -9999px; } .red { color: #9f0d24; } /* @end */ /* @group =base */ /* @group -basic-layout */ html { background: #002c7e url(../images/structure/bg-texture-top.png) no-repeat 50% 0; color: #fff; } body { background: url(../images/structure/bg-texture-bottom.png) no-repeat 50% 100%; font: 12px/16px Arial, Helvetica, Sans-Serif; } #container { margin: 0 auto; position: relative; width: 977px; } #header { float: left; padding: 0 0 0 11px; position: relative; width: 957px; z-index: 100; } #main-wrapper { background: url(../images/structure/bg-main-wrapper.png) no-repeat; clear: both; padding: 19px 0 0; } #main-wrapper-inner { background: url(../images/structure/bg-main-wrapper-inner.png) repeat-y; } #content { background: #fff; color: #464646; float: left; margin: 0 10px; padding: 22px 26px 34px; width: 905px; } #critical_needs #content {padding: 22px 18px 70px 12px; width: 927px;} #connect { background: #e6e5e5 url(../images/structure/bg-connect.png) repeat-x; clear: both; margin: 0 0 0 7px; overflow: hidden; padding: 20px 30px; width: 902px; } #footer { background: url(../images/structure/bg-footer-bottom.png) no-repeat 0 100%; clear: both; font-size: 10px; line-height: 18px; padding: 0 7px 40px 6px; } #footer-copyright { clear: both; font-size: 10px; line-height: 18px; overflow: hidden; padding: 0 7px 43px; } /* @end */ /* @group -headers */ h2, h3, h4, h5 { } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.5em; } h4 { font-size: 1.35em; } /* @group -large texture headings */ .sponsor-child-today, .compassion-distinct { background: url(../images/structure/hdr-all.png) no-repeat; height: 30px; margin: 0 0 20px; text-indent: -9999px; width: 402px; } .compassion-distinct { background-position: 0 -48px; margin-bottom: 31px; width: 585px; } /* @end */ /* @group -small all caps headings */ .disaster-relief, .related-news, .compassion-spotlight { background: url(../images/structure/hdr-all.png) no-repeat 0 -30px; font-size: 9px; height: 9px; line-height: 9px; margin: 0 0 9px; text-indent: -9999px; width: 95px; } .related-news { background-position: 0 -39px; width: 85px; } .compassion-spotlight { background-position: 0 -169px; margin: 3px 0 5px; width: 129px; } /* @end */ /* @group -script headings */ .christ-centered, .child-focused, .church-based, .committeed-integrity { background: url(../images/structure/hdr-all.png) no-repeat 0 -78px; height: 21px; margin: 23px 0 13px 188px; text-indent: -9999px; } .christ-centered { height: 22px; width: 137px; } .child-focused { background-position: 0 -100px; width: 116px; } .church-based { background-position: 0 -121px; width: 122px; } .committeed-integrity { background-position: 0 -142px; width: 188px; } /* @end */ /* @group -blue paint background headers */ .header-highlight { background: #46a4e6 url(../images/structure/bg-blue-paint-header-left.png) repeat-y; color: #fff; font-size: 20px; line-height: 26px; margin: 0 0 7px; } .header-highlight a {color: #fff !important;} .header-highlight strong { background: url(../images/structure/bg-blue-paint-header-right.png) repeat-y 100% 0; display: block; font-weight: normal; padding: 5px 11px 4px; } /*.header-highlight-change-world-large { background: #46a4e6 url(../images/structure/bg-blue-paint-header-left-large.png) repeat-y; margin: 0 0 7px; }*/ .header-highlight-change-world-large { background: url(../images/structure/change-the-world.jpg) no-repeat; height:63px; width:300px; margin-bottom:5px;} .header-highlight-change-world-large p { height:0px; text-indent:-9999px; } /*.header-highlight-change-world-large strong { background: url(../images/structure/bg-blue-paint-header-right-large.png) no-repeat 100%; display: block; padding: 5px 11px 4px;}*/ /* @end * /* @end */ /* @group -links */ a, a:link { color: #003eb1; text-decoration: underline; } a:visited {} a:hover { text-decoration: none; } a:active { } #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { color: #464646; text-decoration: none; } /* @end */ /* @group -basic text */ p, ol, ul, dl, table { margin: 0 0 15px 0; } ol {margin-left:18px} ul li { background: url(../images/structure/bg-blue-bullet.png) no-repeat 3px 0.5em; padding-left: 15px; } em { font-style: italic; } /* @end */ /* @group -basic/reusable classes */ .lead { color: #002c7e; } .listing li { background: none; padding-left: 0; } .photos li { overflow: hidden; width: 100%; } .photos p.title { font-size: 14px; margin-bottom: 4px; } .photos p.title a { text-decoration: none; } .photos p.title a:hover { text-decoration: underline; } .photos span.date { color:#999; } .photos a.read-more { font-size: 11px; } .featured-story p, .featured-story a.read-more { padding-left: 120px; margin-bottom: 5px; } .more { background: url(../images/structure/bg-more-arrow.png) no-repeat 100% 50%; padding-right: 8px; } /* @end */ /* @group -header */ #header #logo { background: url(../images/structure/bg-logo.png) no-repeat; display: block; float: left; height: 97px; overflow: hidden; text-indent: -9999px; width: 239px; } #header a { color: #bcd7fd; font-weight: bold; } #nav-utility { float: right; font-size: 10px; margin: 16px 0 20px; } #nav-utility li { background: url(../images/structure/bg-utility.png) no-repeat 100% 50%; float: left; margin: 5px 10px 0 0; padding: 0 10px 0 0; position: relative; z-index: 100; } #nav-utility a { text-decoration: none; } #nav-utility a:hover { text-decoration: underline; } #nav-utility #nav-store { background: url(../images/structure/bg-utility-store.png); border-radius: 3px; margin: 0 10px; padding: 5px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #nav-utility #nav-store li { margin-top: 0; } #nav-utility #nav-store a { color: #fff; } #nav-utility #nav-store a:hover { color: #e9bb34; } #nav-utility #nav-store .alt, #nav-utility #nav-store strong { color: #f4bb08; } #nav-utility .last, #nav-utility #nav-contact { background: none; margin-right: 0; padding-right: 0; } #nav-utility #nav-contact { margin-top: 0; } #nav-utility #nav-contact .contact { background: url(../images/structure/btn-contact-us.png) no-repeat; display: block; height: 23px; overflow: hidden; text-indent: -9999px; width: 75px; } #header-search-form { clear: right; float: right; } #header-search-form p { margin-bottom: 0; } #header-search-form .text { background: url(../images/structure/bg-header-search.png) no-repeat; border: none; height: 18px; padding: 5px 5px 0; vertical-align: middle; width: 135px; } #header-search-form button { background: url(../images/structure/bg-header-search.png) no-repeat -145px 0; border: none; height: 23px; text-indent: -9999px; vertical-align: middle; width: 55px; } /* @end */ /* @group -modal boxes */ .modal { background: url(../images/structure/bg-modal-box-top.png) no-repeat; color: #464646; display: none; font-size: 12px; padding: 25px 0 0; position: absolute; right: -20px; top: 100%; width: 225px; z-index: 100; } .modal-background { display: none; position: fixed; right: 0; height: 100%; width: 100%; z-index: 90; } .modal-inner { background: url(../images/structure/bg-modal-box-bottom.png) no-repeat 0 100%; padding: 0 9px 24px; position: relative; width: 207px } .modal-wrapper { background: #fff; overflow: hidden; padding: 0 10px; width: 187px; } .modal a { color: #0d61b4; } .modal .close { background: url(../images/structure/btn-close.png) no-repeat; display: block; height: 15px; overflow: hidden; position: absolute; right: 14px; text-indent: -9999px; top: -8px; width: 15px; } .modal h2 { color: #0d61b4; font-size: 16px; font-weight: bold; margin-bottom: 16px; } .modal h2 em { color: #5a5a5a; font-size: 11px; font-style: normal; font-weight: normal; } .modal h3 { color: #9b9b9b; font-size: 12px; font-weight: bold; } .modal .separator { border-top: 3px solid #e2e2e2; padding-top: 8px; } /* @group -login modal */ #header-login-form input.text{ width: 176px; padding: 2px; } #header-login-form strong { color:#fff !important; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #header-login-form a.help, .modal-alt .account a { margin-top: 5px; font-size: 10px; display: block; text-decoration: underline !important; } #header-login-form a.help:hover, .modal-alt .account a:hover { text-decoration: none !important; } .modal-alt .account { font-size: 11px; } .modal-alt .account li { padding: 0 !important; margin: 0 !important; background: none !important; } /* @end */ /* @group -cart modal */ #nav-utility #nav-store .modal a { color: #0d61b4; } #nav-utility #nav-store .modal strong { color: #464646; } .modal-cart table { margin-bottom: 23px; width: 100%; } .modal-cart tbody td { background: #fff7db; border: 1px dotted #d4cdb6; border-width: 1px 0; padding: 5px; vertical-align: top; } .modal-cart table img { display: block; } .modal-cart table .thumb { width: 30px; } .modal-cart table .amount { font-size: 11px; text-align: right; } .modal-cart table .recurring { display: block; font-size: 9px; } .modal-cart .total { color: #464646; font-size: 14px; overflow: hidden; margin-bottom: 7px; width: 100%; } .modal-cart .total h3 { color: #464646; float: left; font-size: 14px; line-height: 30px; } .modal-cart .total .amount { background: #fff7dc; border: 1px solid #e3e3e3; border-radius: 1px; float: right; -moz-border-radius: 1px; padding: 8px 6px 4px; -webkit-border-radius: 1px; } #nav-utility .modal-cart .secondary-action { float: left; font-size: 10px; line-height: 12px; margin: 5px 0 0; text-decoration: underline; width: 50px; } #nav-utility .modal-cart .secondary-action:hover { text-decoration: none; } /* @end */ /* @group -contact modal */ .chat-online { background: url(../images/structure/btn-chat-online.png) no-repeat; display: block; height: 57px; overflow: hidden; text-indent: -9999px; width: 182px; } .modal-contact p, .modal-contact ul, .modal-contact .section { margin: 0 0 9px; } .modal-contact .section { border-bottom: 1px solid #e2e2e2; } #nav-utility .modal-contact ul.section li { background: url(../images/structure/bg-modal-arrow.png) no-repeat 3px 0.25em; float: none; margin: 0 0 8px; padding: 0 0 0 14px; } #nav-utility .modal-contact a { color: #0d61b4; font-weight: normal; text-decoration: underline; } #nav-utility .modal-contact a:hover { text-decoration: none; } .modal-contact .phone { background: #fff9cd url(../images/structure/ico-phone.png) no-repeat 9px 50%; border: 1px solid #ebdeb1; border-radius: 3px; display: block; font-size: 18px; font-weight: normal; line-height: 18px; margin: 4px 0; -moz-border-radius: 3px; padding: 15px 0 14px 32px; -webkit-border-radius: 3px; } .modal-contact .note { color: #5a5a5a; font-size: 10px; } .modal-contact .email { background: url(../images/structure/ico-email.png) no-repeat 0 0; display: block; margin: 4px 0 0; padding: 0 0 0 21px; } /* @end */ /* @end */ /* @group -navigation */ #nav { height: 48px; left: 9px; margin: 0; position: absolute; top: 97px; width: 473px; z-index: 100; } #nav li { background: none; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100px; } #nav #nav-rescue { left: 100px; width: 124px; } #nav #nav-educate { left: 224px; width: 130px; } #nav #nav-meet { left: 354px; width: 119px; } #nav a { display: block; height: 100%; overflow: hidden; text-indent: -9999px; width: 100%; } /*#nav-sponsor a:hover, #nav-sponsor:hover, #nav-sponsor.sfHover, body#sponsor #nav-sponsor { background: url(../images/structure/bg-nav.png) 0 -48px no-repeat;}*/ /*#nav-rescue a:hover, #nav-rescue:hover, #nav-rescue.sfHover, body#sponsor #nav-rescue { background: url(../images/structure/bg-nav.png) 100px -48px no-repeat;} #nav-about { left: 0; } #nav-about, #nav-about a { width: 86px; } #nav-about a:hover, #nav-about:hover, #nav-about.sfHover, body#about #nav-about { background: url(../images/structure/bg-nav.png) 0 -48px no-repeat; }*/ #nav #nav-sponsor a { background: url(../images/navImages/sponsor-nav.png) no-repeat 0 0; } #nav #nav-rescue a { background: url(../images/navImages/rescue-nav.png) no-repeat 0 0; } #nav #nav-educate a { background: url(../images/navImages/educate-nav.png) no-repeat 0 0; } #nav #nav-meet a { background: url(../images/navImages/meet-nav.png) no-repeat 0 0; } #nav #nav-sponsor a:hover, #nav-sponsor:hover, #nav-sponsor.sfHover, body#sponsor #nav-sponsor { background: url(../images/navImages/sponsor-hover-nav.png) no-repeat 0 0; } #nav #nav-rescue a:hover, #nav-rescue:hover, #nav-rescue.sfHover, body#rescue #nav-rescue { background: url(../images/navImages/rescue-hover-nav.png) no-repeat 0 0; } #nav #nav-educate a:hover, #nav-educate:hover, #nav-educate.sfHover, body#educate #nav-educate { background: url(../images/navImages/educate-hover-nav.png) no-repeat 0 0; } #nav #nav-meet a:hover, #nav-meet:hover, #nav-meet.sfHover, body#meet #nav-meet { background: url(../images/navImages/meet-hover-nav.png) no-repeat 0 0; } #nav-secondary { background: url(../images/structure/bg-nav-secondary.png) repeat-x; clear: both; float: left; left: 20px; margin: 8px 0 0 0; padding: 0 0 0 453px; position: relative; width: 381px; z-index: 10; } #nav-secondary li { background: url(../images/structure/bg-nav-secondary-item.png) no-repeat 100% 50%; float: left; padding: 0; position: relative; } #nav-secondary .last, #nav-secondary #nav-donate { background: none; } #nav-secondary a { color: #fffefe; display: block; font-weight: normal; padding: 10px 7px 10px 6px; text-decoration: none; white-space: nowrap; } #nav-secondary li.active a, #nav-secondary a:hover, #nav-secondary .over a { color: #facd43; } #nav-secondary .last a { padding-right: 0; } #nav-secondary #nav-donate { height: 38px; position: absolute; right: -105px; top: -3px; width: 105px; } #nav-secondary #nav-donate a { background: url(../images/structure/btn-secondary-nav-donate.png) no-repeat; height: 100%; overflow: hidden; padding: 0; text-indent: -9999px; width: 100%; } #nav-secondary #nav-donate a:hover { background: url(../images/structure/btn-secondary-nav-donate.png) no-repeat 0 -38px; } #nav-secondary .nav-tertiary { background: url(../images/structure/bg-nav-tertiary.png) no-repeat 0 100%; display: none; left: -6px; padding: 0 6px 8px; position: absolute; top: 35px; width: 183px; } #nav-secondary .nav-tertiary ul { background: #0342a6; margin: 0; } #nav-secondary .nav-tertiary li { background: url(../images/structure/bg-nav-tertiary-arrow-hover.png) no-repeat -9999px -9999px; float: none; } #nav-secondary .nav-tertiary a { background: url(../images/structure/bg-nav-tertiary-arrow.png) no-repeat 168px 1em; color: #81bbfd; padding: 9px 20px 10px 9px; } #nav-secondary .nav-tertiary a:hover { background: #003786 url(../images/structure/bg-nav-tertiary-arrow-hover.png) no-repeat 168px 1em; color: #fed042; } #nav-secondary .nav-tertiary .top { background: url(../images/structure/bg-nav-tertiary-top.png) repeat-x; height: 8px; left: 6px; position: absolute; top: 0; width: 183px; } #nav-side { position: absolute; left:-18px; padding-bottom:13px; background: transparent url(../images/structure/bg-nav-side-bottom.png) 100% 100% no-repeat; } .nav-side-outer { background: url(../images/structure/bg-nav-side.png) right 0 repeat-y; } .nav-side-top { background: url(../images/structure/bg-nav-side-top.png) right 0 no-repeat; } .nav-side-bottom { width: 158px; background: url(../images/structure/bg-nav-side-innerbottom.png) right bottom no-repeat; padding: 15px 10px 40px; } #nav-side ul { margin: 0; } #nav-side ul li { padding: 0; background: none; border-bottom: 1px dashed #d1d1d1; } #nav-side ul li.active { background: #d7d7d7; font-weight: bold; } #nav-side ul li.group { border-bottom: 4px solid #d1d1d1; } #nav-side ul li.last { border-bottom: none; } #nav-side ul li a.active, #nav-side ul li a:hover { background: #c0e0f6; } #nav-side ul li a { display: block; padding: 5px 15px; } #nav-side-secondary { padding-top: 5px; font-size: 11px; } #nav-side-secondary li { font-weight: normal; border-bottom: none !important; margin: 0 !important; padding: 0 !important; } #nav-side-secondary li a { padding: 4px 15px 4px 30px !important; display: block; } #nav-side-secondary li a:hover, #nav-side-secondary li a.active { font-weight: bold; } #nav-side-secondary li a:hover { background: #efefef !important; } #nav-side-secondary li a.active { background: #c0e0f6 url(../images/structure/bg-more-arrow.png) 15px 8px no-repeat !important; text-decoration: none; } #nav-side-secondary li.last { margin-bottom: 0; } #nav-side h3 { font-size: 13px; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #d1d1d1; padding: 0 25px 10px 20px; background: url(../images/structure/ico-nav-side-arrow.png) 138px 5px no-repeat; } #nav-side a { color: #0079c1; text-decoration: none; } /* @end */ /* @group -connect */ #connect .share { float: left; margin: 0; } #connect .share li { background: url(../images/structure/bg-connect-share-separator.png) no-repeat 100% 50%; float: left; line-height: 26px; margin-right: 18px; padding: 0 20px 0 0; } #connect .share .print { background: none; margin-right: 0; padding-right: 0; } #connect .share a { background: no-repeat 0 50%; display: block; } #connect .share .email a { background: url(../images/structure/ico-connect.png) 0 4px no-repeat; padding-left: 24px; } #connect .share .email a:hover { background: url(../images/structure/ico-connect.png) 0 -46px no-repeat; } #connect .share .rss a { background: url(../images/structure/ico-connect.png) -4px -95px no-repeat; padding-left: 18px; } #connect .share .rss a:hover { background: url(../images/structure/ico-connect.png) -4px -145px no-repeat; } #connect .share .bookmark a { background: url(../images/structure/ico-connect.png) -2px -188px no-repeat; padding-left: 20px; } #connect .share .bookmark a:hover { background: url(../images/structure/ico-connect.png) -2px -238px no-repeat; } #connect .share .print a { background: url(../images/structure/ico-connect.png) -2px -288px no-repeat; padding-left: 23px; } #connect .share .print a:hover { background: url(../images/structure/ico-connect.png) -2px -338px no-repeat; } #connect .follow { float: right; } #connect .follow h4 { color: #666; float: left; font-size: 11px; font-weight: bold; line-height: 26px; margin: 0 10px 0 0; } #connect .follow ul { float: left; margin: 0; } #connect .follow li { background: none; float: left; margin-right: 2px; padding-left: 0; } /* @end */ /* @group -footer */ #footer-inner { background: #041b58 url(../images/structure/bg-footer-kids.jpg) no-repeat 545px 11px; overflow: hidden; padding: 35px 0 20px 28px; width: 936px; } #footer a { color: #97c3fe; } #footer ul { float: left; margin: 0 10px 0 0; width: 130px; } #footer li { background: none; padding-left: 0; } #footer .separate { margin-top: 24px; } #footer .nav-primary { border-right: 1px dotted #c0c6d5; margin: 0 25px 0 0; padding: 0 22px 13px 0; width: 136px; } #footer .nav-primary a { background: url(../images/structure/bg-footer-nav.png) no-repeat; display: block; height: 24px; text-indent: -9999px; width: 136px; } #footer .nav-primary .nav-rescue a { background-position: 0 -24px; height: 21px; } #footer .nav-primary .nav-educate a { background-position: 0 -45px; height: 25px; } #footer .nav-primary .nav-meet a { background-position: 0 -70px; height: 23px; } #footer .nav-primary .nav-donate a { background-position: 0 -93px; } #footer .nav-primary .nav-sponsor a:hover { background-position: -136px 0; } #footer .nav-primary .nav-rescue a:hover { background-position: -136px -24px; } #footer .nav-primary .nav-educate a:hover { background-position: -136px -45px;} #footer .nav-primary .nav-meet a:hover { background-position: -136px -70px; } #footer .nav-primary .nav-donate a:hover { background-position: -136px -93px; } /* @end */ /* @group -copyright */ #footer-copyright p { margin-bottom: 0; } #footer-copyright .copy { margin-top: 16px; } #footer-copyright a { color: #fff; } #footer-copyright img { float: right; margin-left: 10px; } #footer-copyright .ecfa { margin-top: 8px; } #footer-copyright .verisign { margin-top: 15px; } /* @end */ /* @group -form elements */ input, textarea, select { font: inherit; } select { border: 1px solid #dcdad7; padding: 4px 2px 4px 4px; } option { padding: 1px 6px 1px 1px; } label { cursor: pointer; font-weight: bold; } button { background: none; border: none; cursor: pointer; overflow: visible; position: relative; width: auto; z-index: 1; } .button { background: url(../images/structure/btn-yellow.png) no-repeat; display: block; height: 33px; overflow: hidden; text-indent: -9999px; } .button-checkout { background-position: 0 0; width: 103px; } .button-primary, .button-secondary { background: url(../images/structure/btn-primary-left.png) no-repeat; color: #fff !important; /* TODO: Unclear why important is needed */ display: block; overflow: visible; text-decoration: none !important; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .button-secondary { background-image: url(../images/structure/btn-secondary-left.png); } .button-primary strong, .button-secondary strong { background: url(../images/structure/btn-primary-right.png) no-repeat 100% 0; display: block; font-weight: normal; padding: 9px 11px 16px; position: relative; } .button-secondary strong { background-image: url(../images/structure/btn-secondary-right.png); } button.button-primary::-moz-focus-inner, .button-select-this-child::-moz-focus-inner, button.button-secondary::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */} button.button-primary strong, button.button-secondary strong { position: relative; right: -2px; white-space: nowrap; } .button-select-this-child { background: url(../images/structure/select-this-child-noback.png) no-repeat; text-indent:-9999px; width:160px; height:50px; float:right; margin-bottom:7px;} .forms { list-style: none; position: relative; } /* @end */ /* @group -inline content search */ .search { background: #f0f0f0; border: 3px solid #cccbc9; margin: 20px 0 0; padding: 20px 10px 10px; } .search h2 { color: #0d61b4; font-size: 20px; font-weight: bold; line-height: 24px; margin: 0 0 0 10px; } .search .forms { margin-bottom: 0; } .search li { float: left; margin: 0 10px 30px 0; position: relative; width: 170px; } .search .birthday { width: 350px; } .search .mentally-challenged { margin-right: 0; width: 185px; } .search fieldset { padding: 10px 10px 0; } .search .alt { background: #e4e2e3; border: 1px solid #d0cecf; border-width: 1px 0; padding: 20px 10px; } .search label { display: block; } .search select { font-size: 11px; } .search .button-primary { background-image: url(../images/structure/btn-primary-left-actions.png); } .search .button-primary strong { background-image: url(../images/structure/btn-primary-right-actions.png); } .search .today {font-size: 11px; position: absolute; right: 160px; text-decoration: none; top: 0;} .slider-input {left: -9999px; position: absolute;} #age-slider-range {margin-top: 10px;} .step {display: block; top: 1.2em; position: absolute;} .step-1 { left: -2px; } .step-10 { left: 44%; } .step-20 { right: -6px; } .search .toggle {background: url(../images/structure/ico-plus-minus.png) no-repeat 0 0; display: block; padding: 0 0 0 22px;} .search .show-more { background-position: 0 -30px; } .search .buttons {float: left; margin-bottom: 0; width: 100%;} .search .buttons button {float: left; margin: 0 14px 0 0;} .search .buttons .secondary {color: #777777; font-size: 11px; line-height: 34px;} /* @end */ /* @group -content */ .columns {margin-bottom: 40px;} .columns .links {float: right; padding-top:5px; padding-bottom:10px; font-size:11px; } .columns .links a {text-decoration:none; border-bottom:1px dashed #0079c1; display:inline; color:#0079c1} .columns .links li {background:none; display:inline;} .column-main {float: left; width: 595px;} .column-aside {float: right; width: 272px;} .column-nav-side {float: left; width: 165px;} .column-mainA {float: right; width: 350px; margin-right: 0px;} .column-mainB {float: left; width: 310px; margin-right: 40px;} .column-asideB {float: right; width: 400px;} .column-mainC {width: 750px;} .column-mainD {float: left; width: 420px;} .column-asideD {float: right; width: 300px;} .column-mainE {float: left; width: 455px;} .column-asideE {float: right; width: 265px;} .column-mainF {float: left; width: 715px;} .column-asideF {float: right; width: 140px; padding-left: 25px; border-left: 1px dotted #A9A9A9;} .column-asideF .sponsor-kids li { margin-bottom: 20px; } .column-mainG {float: left; width: 400px;} .interior {width: 750px;} .interior.wide {width: 905px;} .column-asideG {float: right; width: 255px; padding-left: 25px; border-left: 1px dotted #A9A9A9;} /* @group -sponsor kids */ .sponsor-kids { margin: 0; overflow: hidden; width: 100%; } .sponsor-kids li { background: none; float: left; margin: 0 30px 10px 0; padding: 0; } .sponsor-kids .last { margin-right: 0; } .sponsor-kids a { display: block; font-size: 10px; line-height: 14px; text-align: center; } .sponsor-kids .sponsor { background: url(../images/structure/bg-sponsor-kids.png) no-repeat; color: #383838; display: block; height: 226px; position: relative; text-decoration: none; width: 124px; } .sponsor-kids a.sponsor:hover { background: url(../images/structure/bg-sponsor-kids.png) no-repeat 0 -226px; } .sponsor-kids .sponsor img { display: block; margin: 0 auto; padding: 9px 0 5px; } .sponsor-kids .sponsor em { display: block; font-size: 14px; font-style: normal; padding-bottom: 8px; } .sponsor-kids .sponsor .location { display: block; } .sponsor-kids .sponsor strong { display: block; left: -9999px; position: absolute; top: -9999px; } .sponsor-kids .sponsor .primary, .sponsor-kids .sponsor .secondary, .sponsor-kids .sponsor .tertiary { background: url(../images/structure/ico-sponsor-kids-icons.png) no-repeat; display: block; height: 27px; overflow: hidden; position: absolute; text-indent: -9999px; top: 112px; width: 32px; } .sponsor-kids .sponsor .primary { left: 10px; } .sponsor-kids .sponsor .secondary { } .sponsor-kids .sponsor .tertiary { left: 66px; } .sponsor-kids .sponsor .birthday { background-position: -32px; } .sponsor-kids .sponsor .aids { background-position: -64px; } .sponsor-kids.recent .sponsor:hover { background: url(../images/structure/bg-recent-sponsor-kids.png) -124px 0 no-repeat; } .sponsor-kids.recent .sponsor { background: url(../images/structure/bg-recent-sponsor-kids.png) no-repeat; height: 165px; width: 124px; } .sponsor-kids.recent .sponsor img { height: 100px; } /* @end */ /* @group -blue buttons */ .actions { background: url(../images/structure/bg-actions.png); overflow: hidden; padding: 14px 20px 4px 26px; width: 549px; } .actions .button-primary, .actions .button-secondary { float: right; margin: 0 0 0 11px; } .actions .button-primary { background-image: url(../images/structure/btn-primary-left-actions.png); } .actions .button-secondary { background-image: url(../images/structure/btn-secondary-left-actions.png); } .actions .button-primary strong { background-image: url(../images/structure/btn-primary-right-actions.png); } .actions .button-secondary strong { background-image: url(../images/structure/btn-secondary-right-actions.png); } .actions p { font-size: 10px; margin-bottom: 0; } .actions-waiting { background: url(../images/structure/bg-actions.png); overflow: hidden; padding: 14px 20px 4px 26px;width: 549px; margin-bottom:75px;} .actions-waiting .button-primary, .actions-waiting .button-primary-impact, .actions-waiting .button-secondary { float: right; margin: 0 0 0 11px;} .actions-waiting .button-primary { background-image: url(../images/structure/btn-primary-left-actions.png); } .actions-waiting .button-primary-impact { background-image: url(../images/structure/btn-primary-left-actions.png);} .actions-waiting .button-secondary { background-image: url(../images/structure/btn-secondary-left-actions.png); } .actions-waiting .button-primary strong { background-image: url(../images/structure/btn-primary-right-actions.png); } .actions-waiting .button-primary-impact strong { background-image: url(../images/structure/btn-primary-right-actions.png);} .actions-waiting .button-secondary strong { background-image: url(../images/structure/btn-secondary-right-actions.png); } .actions-waiting .icon-heart-small { background-image: url(../images/structure/ico-heart-small-noback.png); float:left; width:25px; height:25px; } .waiting-message { width:350px; float:left; margin-bottom:10px;} .waiting-message p { font-size: 10px; margin-bottom: 0; } /* @end */ /* Sponsor a child widget */ .sponsor-a-child { margin-top: 30px ; background: url(../images/structure/bg-spotlight.jpg) repeat-y 0 0; width: 264px; } .sponsor-a-child-outer { background: url(../images/structure/bg-spotlight-top.jpg) no-repeat 0 0; width: 264px; } .sponsor-a-child-inner { background: url(../images/structure/bg-spotlight-bottom.jpg) no-repeat 0 bottom; width: 240px; padding: 12px; } .sponsor-a-child h3 { font-size:13px; font-weight:bold; padding:5px 0 0 10px; } .sponsor-a-child h3 strong { background: url(../images/structure/gray-arrow-down-noback.png) no-repeat; padding-right:15px; float:right; margin-right:5px; } .aside { margin-bottom: 20px; } .highlight { background-color: #fff2cb; padding: 10px; overflow: hidden; } .aside h3 { border-bottom: 1px dotted #b7ae92; font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 16px; } /* @group -donate */ .donate {color: #5a5a5a; font-size: 10px; line-height: 12px; float: left; } #donate-form {float: left;} .donate-inner p { margin: 0; overflow: hidden; } .donate label.large { color: #787878; float: left; font-size: 26px; line-height: 26px; margin: 0 7px 0 0; } .donate .text { background: url(../images/structure/bg-donate-input.png) no-repeat; border: 1px solid #fff; color: #787878; float: left; font-size: 10px; font-style: italic; margin: 0 5px 0 0; padding: 6px 3px 5px; width: 75px; } .donate button { background: url(../images/structure/btn-donate.png) no-repeat; border: none; float: left; height: 36px; margin: -5px 4px 0 0; overflow: hidden; padding: 0; text-indent: -9999px; width: 77px; } .donate .note { float: left; margin: 2px 0 0; width: 36px; } /* @end */ /* home donate forms */ #home .donate .right_shadow {padding: 8px 15px 6px 7px;} #home .promo .donate .right_shadow {padding-right: 10px;} /* @end */ /* dotted bottom border */ .btm_border {background:transparent url(../images/structure/border-bottom-dots.png) repeat-x 0 0; height:1px; margin:0 0 9px;} /* @end */ /* JS Dropdown Box */ .dd_box { display:none; background:transparent url(../images/structure/input-box.png) no-repeat scroll -2px 0; float:left; height:26px; position:relative; z-index:11;} .dd_btn {margin:0 -1px 0 0;background:transparent url(../images/structure/select-button.png) no-repeat scroll 0 0;float:left;height:27px;position:relative;width:25px;z-index:11;} .hidden {display:block; float:left; margin:5px 0 0; padding:0;} /* @end */ /* Orange Button */ .orange_btn {float:left; display:block; background:transparent url(../images/structure/gold_btn_left.gif) no-repeat 0 0; height:40px; position:relative; margin:15px 0 0; padding:0 0 0 7px; font-weight:bold;} .orange_btn_cap{float:left; height:40px; background:transparent url(../images/structure/gold_btn_right.gif) no-repeat 0 0; width:26px; margin:15px 0 0 0px;} /* @end */ /* Content Header */ .page_header {color:#0a46b4; font-size:2.7em; letter-spacing:.01em; margin:0 0 10px 2px; float:left} .page_header span {display:block; font-size:.4em; font-style:italic; font-weight:bold; letter-spacing:.01em; margin:9px 0 0;} .inline_links {float:right; font-size:.9em; margin:5px 5px 0 0;} .inline_links li {background:none; display:inline; border-bottom:1px dotted #449ccc; padding:0; margin:0 0 0 15px;} .inline_links li a {color:#449ccc; text-decoration:none;} /* Main Module Placements */ .top_module {float:left; width:100%; margin:0 0 30px;} .top_module .left_column {float:left; width:628px;} .top_module .right_column {float:right; margin:0 0 0 8px; width:269px} .middle_module {float:left; width:100%; margin:0 0 30px;} .middle_module .left_column {float:left; margin: 0; width:708px;} .middle_module .right_column {float:right; width:219px;} .bottom_module {float:left; width:100%;} .bottom_module .left_column {width:587px; float:left;} .bottom_module .right_column {float:right; width:298px;} /* @end */ /* Interior Module Placements */ .interior .top_module .left_column {float:left; width:605px;} .interior .top_module .right_column {float:left; margin:0 0 0 15px; width:130px} .interior .middle_module .left_column {float:left; margin:18px 0 0 -22px; width:708px;} .interior .middle_module .right_column {float:right; width:219px;} .interior .bottom_module .left_column {width:470px; float:left;} .interior .bottom_module .right_column {float:right; width:260px;} /* @end */ /* Banner Rail */ .top_module .right_column h2 {color:#003EB1; font-size:1.5em; letter-spacing:-.03em; margin:0 0 11px; text-transform:uppercase; font-weight:bold;} .top_module .right_column p {line-height:1.28em; margin:0 0 10px 2px; font-size:.9em;} /* @end */ /* Generic Module Styles */ .right_column .module {margin: 0 0 10px; overflow: hidden;} /* @end */ /* Paper Module */ .paper_module {background:transparent url(../images/structure/bg-critical-paper.png) no-repeat 0 0; height:149px; margin:17px 0 0; padding:14px 20px 0 16px;} .paper_module img {float:left; margin:0 10px 0 -4px} .paper_module p {margin:12px 0 0;} .paper_module a {display:block; float:left; margin:15px 0 0; font-size:.9em;} /* @end */ /* Critical Needs Specific Paper Module Info */ .critical_module_header .header_label {letter-spacing:-0.03em;} .critical_module_header .module_title {font-size:1.4em; font-weight:bold; letter-spacing:-.02em;} .critical_module_header {background:transparent url(../images/structure/critical-red-exclamation.png) no-repeat 0 0; margin:0 0 7px; padding:0 0 0 48px;} /* @end */ /* Needs Module */ .needs_component {background:none; float:left; margin:0; padding: 0; padding-left: 12px; width:220px; border-left:1px dotted #b7b7b7;} .needs_component.first{border:none; padding-left: 10px;} .needs_component h2 {background:transparent url(../images/structure/bg-blue-paint-header-left.png) no-repeat 0 0; color:#fff; font-size:1.2em; font-weight:bold; letter-spacing:-.03em; padding:10px 0 8px 10px; width:195px; float:left;} .header_right {background:transparent url(../images/structure/bg-blue-paint-header-right.png) no-repeat 0 0; height:35px; width:11px; float:right; margin:-10px 0 0;} .needs_component .image_bg {background:transparent url(../images/structure/needs-module-image-bg.png) no-repeat 0 0; float:left; height:115px; margin:5px 0 12px 3px; width:202px;} .needs_component .image_bg img {margin:9px;} .needs_component p {float:left; font-size:1.1em; width:198px; margin:0 0 11px 6px;} .needs_component ul {float:left; width:100%;} .needs_component ul li {background:transparent url(../images/structure/bg-blue-bullet.png) no-repeat scroll 5px 7px; display:block; margin:0 0 7px; padding:0 0 0 18px;} .needs_component ul li a {font-size:1.1em; letter-spacing:.005em;} .needs_component .learn_more_btn {margin:0 0 0 5px;} /* @end */ /* Vert_list */ .vert_list {margin:15px 0 0;} .vert_list .vert_link {background:transparent; padding:0;} .vert_list .btm_border {margin:10px 0 7px;} .grey_bar {width:100%; background:transparent url(../images/structure/bg-seperator.png) no-repeat 0 bottom; height:3px; float:left;} /* @end */ /* Poverty_list*/ .poverty_list ul{background:#e3e2e2; float:left; padding:10px; width:445px;} .poverty_list ul .content{background:transparent; width:425px; padding:0; float:left; margin:0 0 15px;} .poverty_list ul .btm_border{float:left; clear:left; width:425px;} .poverty_list ul li h3 {color:#0A46B4; margin:3px; font-size:1.3em;} .poverty_list ul li p {margin: 0 0 5px;} /* @end */ /* split_list Module */ .split_list{margin:0 0 15px; float:left;} .split_list li{list-style:none; background:none; width:50%; display:block; width:49%; float:left; padding:0; margin:0 0 0 10px;} .split_list .first{margin:0;} .split_list h2 {background:transparent url(../images/structure/bg-blue-paint-header-left.png) no-repeat 0 0; color:#fff; font-size:1.4em; font-weight:bold; padding:10px 0 8px 10px; float:left; width:94%; clear:right;} .split_list a{float:left;} .split_list p{float:left; width:63%;} .image_shadow {background:transparent url(../images/structure/img_shadow.png) no-repeat 0 0; float:left; height:95px; width:97px; margin:0 10px 0 0; padding:7px;} /* @end */ .image_shadow.small_shadow{padding:8px;} .featured h2{font-size:1.3em; margin:0 0 3px; font-weight:bold;} .featured ul li {background:transparent; padding:0; float:left; margin:0 0 20px;} .small_image_shadow {background:transparent url(../images/structure/img_shadow_small.png) no-repeat 0 0; float:left; margin:0 10px 0 0; padding:7px;} .featured ul li h3 { float:left; font-size:1.1em; color:#0A46B4; margin:0 0 3px;} .featured ul li p span { color:#999;} .featured ul li p { float:left; width:160px; margin:0;} .featured ul li p a {display:block; clear:both; margin:5px 0 0;} .more_left {background:transparent url(../images/structure/bg-modal-arrow.png) no-repeat right 5px; float:left; display:block; padding:0 10px 0 0;} /* Shadow Border Module Styles*/ .tan_module {background:#fff2cb url(../images/structure/bg-how-you-help-left.png) repeat-y 0 0;} .tan_module .top_shadow, .tan_module .btm_shadow {width:100%; height:6px; float: left; position: relative;} .tan_module .top_shadow {background: url(../images/structure/bg-how-you-help-top.png) repeat-x 0 0;} .tan_module .btm_shadow {background: url(../images/structure/bg-how-you-help-btm.png) repeat-x 0 -2px; } .top_shadow .left_corner, .top_shadow .right_corner { top:0; height:6px; width:6px; position:absolute; } .btm_shadow .left_corner, .btm_shadow .right_corner { bottom:0; height:6px; width:6px; position:absolute; } .tan_module .top_shadow .left_corner {background: url(../images/structure/bg-how-you-help-top-left-crnr.png) no-repeat 0 0; left:0; } .tan_module .top_shadow .right_corner {background: url(../images/structure/bg-how-you-help-top-right-crnr.png) no-repeat 0 0; right:0; } .tan_module .btm_shadow .left_corner {background: url(../images/structure/bg-how-you-help-btm-left-crnr.png) no-repeat 0 0; left:0;} .tan_module .btm_shadow .right_corner {background: url(../images/structure/bg-how-you-help-btm-right-crnr.png) no-repeat 0 0; right:0;} .tan_module .right_shadow {background: url(../images/structure/bg-how-you-help-right.png) repeat-y top right; float:left; padding:5px 15px 5px 0px;} .tan_dark_module {background:#ffedb7 url(../images/structure/bg_dark_tan_left.gif) repeat-y 0 0;} .tan_dark_module .top_shadow, .tan_dark_module .btm_shadow {width:100%; height:6px; float: left; position: relative; background: url(../images/structure/bg_dark_tan_top_btm.gif) repeat-x 0 0;} .tan_dark_module .top_shadow {background-position: 0 0;} .tan_dark_module .btm_shadow {background-position: 0 100%;} .tan_dark_module .top_shadow .left_corner, .tan_dark_module .top_shadow .right_corner {top: 1px;} .tan_dark_module .btm_shadow .left_corner, .tan_dark_module .btm_shadow .right_corner {bottom: 1px;} .tan_dark_module .top_shadow .left_corner, .tan_dark_module .top_shadow .right_corner, .tan_dark_module .btm_shadow .left_corner, .tan_dark_module .btm_shadow .right_corner {background: url(../images/structure/bg_dark_tan_corners.gif) no-repeat 0 0; } .tan_dark_module .top_shadow .left_corner {background-position: 0 0; left:0; } .tan_dark_module .top_shadow .right_corner {background-position: 100% 0; right:0; } .tan_dark_module .btm_shadow .left_corner {background-position: 0 100%; left:0;} .tan_dark_module .btm_shadow .right_corner {background-position: 100% 100%; right:0;} .tan_dark_module .right_shadow {background: url(../images/structure/bg_dark_tan_right.gif) repeat-y top right; float:left; padding:5px 15px 5px 7px;} .grey_module {background:#d2d2d2 url(../images/structure/bg_grey_left.gif) repeat-y 0 0; margin:0 0 10px;} .grey_module .top_shadow, .grey_module .btm_shadow {width:100%; height:6px; float: left; position: relative; background: url(../images/structure/bg_grey_top_btm.gif) repeat-x 0 0;} .grey_module .top_shadow {background-position: 0 0;} .grey_module .btm_shadow {background-position: 0 100%;} .grey_module .top_shadow .left_corner, .grey_module .top_shadow .right_corner {top: 1px;} .grey_module .btm_shadow .left_corner, .grey_module .btm_shadow .right_corner {bottom: 1px;} .grey_module .top_shadow .left_corner, .grey_module .top_shadow .right_corner, .grey_module .btm_shadow .left_corner, .grey_module .btm_shadow .right_corner {background: url(../images/structure/bg_grey_corners.gif) no-repeat 0 0; } .grey_module .top_shadow .left_corner {background-position: 0 0; left:0; } .grey_module .top_shadow .right_corner {background-position: 100% 0; right:0; } .grey_module .btm_shadow .left_corner {background-position: 0 100%; left:0;} .grey_module .btm_shadow .right_corner {background-position: 100% 100%; right:0;} .grey_module .right_shadow {background: url(../images/structure/bg_grey_right.gif) repeat-y top right; float:left; padding:5px 5px 5px 0px;} /* @end */ /* Help Module */ .you_help_module .content {background:#fff2cb url(../images/structure/bg-how-you-help-left.png) repeat-y 0 0; float:left; margin:0; padding:0 0 0 15px;} .you_help_module h2 {font-size:1.2em; font-weight:bold; margin:0 0 5px 2px;} .you_help_module p {margin:0 0 15px 2px;} .help_fund_box p {font-size:0.9em;margin:7px 0 0 7px; float:left; width:156px;} .help_fund_box {z-index:13; width:187px;} .help_fund_dd {margin:25px 0 0;background:#FFFFFF none repeat scroll 0 0;border:1px solid #CECECE;float:left;position:absolute;display:none;z-index:99;} .help_fund_dd li {background:transparent none repeat scroll 0 0;cursor:pointer;font-size:0.9em;padding:0 0 0 7px; width:178px;} .help_frequency_box {margin:5px 0 0;} .help_frequency_box p {font-size:0.9em;margin:7px 0 0 7px; float:left; width:63px;} .help_frequency_dd {margin:25px 0 0;background:#FFFFFF none repeat scroll 0 0;border:1px solid #CECECE;float:left;position:absolute;display:none;z-index:11;} .help_frequency_dd li {background:transparent none repeat scroll 0 0;cursor:pointer;font-size:0.9em;padding:0 0 0 6px; width:86px} .you_help_module .content span {display:block; float:left; margin:0 0 5px; font-weight:bold;} .you_help_module .dollar_sign {margin:10px 2px 0 10px; float: left; } .you_help_module .donation_amt {margin:5px 2px 0 0;background:transparent url(../images/structure/input-box.png) no-repeat scroll -2px 0; border:none;display:block;border-right:1px solid #CECECE;float:right;height:20px;overflow:hidden;padding:6px 5px 0 0;text-align:right;width:66px;} /* @end */ /* Other Needs */ .other_needs {float:left; padding:11px 14px 0px; background:#f0f0f0 none repeat 0 0; width:192px;} .other_needs h2 {font-size:1em; margin:0 0 3px 3px; font-weight:bold;} .other_needs ul li {background:transparent none repeat 0 0; font-size:.8em; padding:0 0 5px 3px;} /* @end */ /* Lifetime of Compassion*/ .lifetime_module {float:left; margin:0 0 25px;} .lifetime_module h2 {text-indent:-9999px; background:transparent url(../images/structure/lifetime-slider-title.jpg) no-repeat 0 0; height:31px; float:left; width:100%;} .lifetime_module .lifetime_slider{margin:0 15px 0 0; float:left;} .lifetime_module p {margin:0 0 10px;} .lifetime_module p span{color:#871d2c; font-weight:bold;} .lifetime_module ul {float:left; width:295px; font-size:.8em;} .lifetime_module ul .program_range {background:transparent url(../images/structure/gray-list-arrow.png) no-repeat scroll 2px 4px; margin:0 0 0 5px;} .lifetime_module ul li.btm_border {height:4px; margin:1px 0; background-position:0 2px;} /* @end */ .long_blue_header_underline {color:#0a46b4; background:transparent url(../images/structure/header-underline.png) no-repeat 0 22px; height:30px; font-size:2.3em; margin:0 0 20px;} .interior_blue_header_underline {color:#0a46b4; background:transparent url(../images/structure/interior-header-underline.png) no-repeat 0 22px; height:30px; font-size:2em; margin:0 0 10px;} /* Success */ .success_stories {float:left;} .success_stories .sub_story {width:46%; float:left; margin:0 45px 15px 0;} .success_stories .btm_border {clear:both;} .success_stories .right {margin-right:0} .sub_story h3 {font-size:1.2em; font-weight:bold; margin:0 0 5px;} .sub_story p {margin:0 0 10px;} .sub_story .image_dropshadow{background:transparent url(../images/structure/bg-image-dropshadow.png) no-repeat 0 -1px; height:200px; width:105px; float:left; padding:7px 0 0 8px; margin:0 5px 0 0;} .success_stories .more_right {background:transparent url(../images/structure/bg-modal-arrow.png) no-repeat right 5px; float:right; display:block; padding:0 10px 0 0;} /* @end */ /* Where We Work Module */ .work_module {background:url(../images/structure/bg-where-we-work.png) no-repeat 0 0; height:544px;} .work_module h2{text-indent:-9999px; background:transparent url(../images/structure/where-we-work-title.png) no-repeat 0 0; float:left; width:100%; height:135px; margin:-5px 0 0;} .work_module p {padding:0 14px;} .work_continent {float:left;margin:0 7px;width:45%;} .work_module .first {clear:left;} .work_continent h3 {background:#B7B2AC none repeat scroll 0 0;font-size:1em;font-weight:bold;padding:3px 7px;text-transform:uppercase;} .work_continent ul {background:#CCC6BE none repeat scroll 0 0;} .work_continent ul li {background:transparent url(../images/structure/gray-list-arrow.png) no-repeat scroll 122px center;border-bottom:1px solid #B7B2AC;padding:2px 7px;} .work_continent ul li a {text-decoration:none;} /* @end */ /* @group -promos */ /*.promos { background: url(../images/structure/bg-promos.png) repeat-y;margin: 0 0 38px;width: 900px; }*/ .promos-inner {overflow: hidden; width: 100%; } .promo { background: #e2e2e2 url(../images/structure/bg-promos.png) no-repeat 100% 100%; float: left; margin-left: 21px; padding: 10px 9px 29px; position: relative; width: 268px;} .promo.first { margin-left: 0; } .promo h2 { background: url(../images/structure/bg-promo-header.png); color: #fff; left: 5px; font-size: 11px; font-style: italic; line-height: 19px; padding: 7px 5px 3px 16px; position: absolute; top: 15px; width: 260px; } .promo h2 strong { display: block; font-size: 16px; font-style: normal; } .promo img { display: block; margin-bottom: 16px; } .promo p, .promo .more { margin-left: 3px; margin-right: 3px; } .promos .donate { background-image: url(../images/structure/bg-promos-donate.png); margin-bottom: 15px; } .promos .donate-inner { background: url(../images/structure/bg-promos-donate.png) no-repeat -269px 100%; } .promos .donate p { margin: 0; } .promos .donate .note { width: 54px; } /* @end */ /* @group -4 ads */ .ads {border-top: 1px dotted #a9a9a9;float: left;font-size: 10px;line-height: 14px;margin-top: 13px;padding-top: 25px;text-align: center;width: 100%;} .ads li {background: none;float: left;margin-left: 4px;padding-left: 0;position: relative;width: 66px;} .ads li.first {margin-left: 0;} .ads .last { margin-right: 0; } .ads a {display: block; padding: 70px 2px 0; position: relative; background: url(../images/structure/ads_thumb_bg.gif) 0 0 no-repeat; width: 62px;} .ads img {display: block; left: 5px; position: absolute; top: 3px; width: 56px; height: 59px; } /* @end */ /* @end */ /* @group -homepage */ #home #main-wrapper {float: left;margin-top: -3px;width: 100%;} #feature {background: url(../images/structure/bg-feature.png) no-repeat;clear: both;float: left;height: 373px;/*left: 0;*/margin-top: 10px;overflow: hidden;position: relative; /*position: absolute; top: 151px;*/ width: 981px; z-index: 10; } #feature .frames { height: 316px; left: 29px; position: absolute; top: 23px; width: 628px; z-index: 90; } #feature .frame { background: no-repeat; font-size: 13px; height: 316px; left: 0; line-height: 18px; overflow: hidden; position: absolute; top: 0; width: 628px; } #feature .frame h2 { left: -9999px; position: absolute; top: -9999px; } #feature .frame p { margin: 169px 20px 0 253px; } #feature .frame .more { background: none; height: 31px; left: 254px; overflow: hidden; padding-right: 0; position: absolute; text-indent: -9999px; top: 250px; width: 336px; } #feature .frame-1 { background: url(../images/structure/bg-feature-frame-1.jpg); } #feature .frame-2 { background: url(../images/structure/bg-feature-frame-1.jpg); } #feature .frame-3 { background: url(../images/structure/bg-feature-frame-1.jpg); } #feature .frame-4 { background: url(../images/structure/bg-feature-frame-1.jpg); } #feature #nav-feature { background: #fff; border-top-right-radius: 2px; bottom: 38px; left: 31px; margin: 0; -moz-border-radius-topright: 2px; padding: 0 2px 0 8px; position: absolute; overflow: hidden; -webkit-border-top-right-radius: 2px; z-index: 100; } #feature #nav-feature li { background: none; float: left; margin-right: 6px; padding: 0; } #feature #nav-feature a { background: url(../images/structure/btn-feature-nav.png) no-repeat 0 5px; display: block; height: 14px; overflow: hidden; text-indent: -9999px; width: 9px; float: left; margin-right: 6px; } #feature #nav-feature a.activeSlide, #feature #nav-feature a:hover { background-position: -9px 5px; } #feature .aside { left: 694px; position: absolute; top: 38px; width: 254px; } #feature .aside h2 { color: #575757; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 15px; } #feature .aside .rss { background: url(../images/structure/ico-feature-rss.png) no-repeat; display: block; height: 11px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; top: 4px; width: 11px; } #feature .updates { border-bottom: 2px solid #cdc5bf; margin-bottom: 21px; } #feature .updates li { background: no-repeat; margin-bottom: 23px; padding-left: 0; } #feature .updates .crisis { background-image: url(../images/structure/ico-featured-crisis.png); } #feature .updates .blog { background-image: url(../images/structure/ico-featured-blog.png); } #feature .updates .press-release { background-image: url(../images/structure/ico-featured-press-release.png); } #feature .updates a { display: block; color: #133e7e; padding: 0 0 0 47px; text-decoration: none; } #feature .updates a:hover { text-decoration: underline; } #feature .updates a em, #feature .updates a strong { color: #575757; } #feature .read-blog { background: url(../images/structure/btn-feature-read-blog.png) no-repeat; display: block; float: left; height: 57px; overflow: hidden; text-indent: -9999px; width: 92px; } #feature .social { float: right; margin: 0; width: 100px; } #feature .social li { background: none; float: left; margin: 0 10px 10px 0; padding: 0; } #feature .social .alt { margin-right: 0; } .social a { border: 1px solid #c8c8c5; background: url(../images/structure/ico-social-bookmarks.png) no-repeat; display: block; height: 24px; text-indent: -9999px; width: 24px; } .social .flickr a { background-position: -24px 0; } .social .oc a { background-position: -48px 0; } .social .myspace a { background-position: -72px 0; } .social .youtube a { background-position: -96px 0; } .social .facebook a { background-position: -120px 0; } /* @end */ /* @group -interior */ #work #main-wrapper, #sponsorship #main-wrapper, #story #main-wrapper { float: left; margin-top: 20px; width: 100%; } .header-interior { font-size: 32px; color: #003eb1; margin: 0 0 10px; padding: 0 0 10px; background: url(../images/structure/bg-seperator.png) 0 bottom no-repeat; line-height: 1em; } h2.header-story { font-size: 32px; color: #003eb1; margin: 0; padding: 0 0 10px; line-height: 1em; } h3.header-interior { font-size: 16px; margin: 30px 0 15px; padding: 0 0 6px; border-bottom:1px dotted #A9A9A9; line-height:14px; } h3.header-interior-bottom { font-size: 16px; margin: 30px 0 0; padding: 0 0 6px; border-bottom:1px dotted #A9A9A9; line-height:14px; } h3.header-interior-noborder { font-size: 16px; margin: 30px 0 10px; line-height:14px; } .separator-divider { background: url(../images/structure/bg-seperator.png) 0 bottom no-repeat; height: 3px; margin: 20px 0 30px; clear: both; } .take-action { background: #630915 url(../images/structure/bg-take-action.jpg) no-repeat; width: 270px; height: 100%; padding: 70px 20px 20px; } .take-action h3 { font-size: 16px; color: #e5c869; margin: 0 0 10px; } .take-action h3 { font-size: 16px; color: #e5c869; text-transform: uppercase; } .take-action ul { margin: 0; } .take-action ul li { background: url(../images/structure/ico-arrow-yellow.png) 0 4px no-repeat; margin-bottom: 4px; } .take-action ul li a{ color: #fff; } .latest-news { overflow: hidden; } .newsA { background: #e3e2e2; padding: 20px 20px 10px; margin: 20px 0 0; } .newsB { background: url(../images/structure/bg-updates.jpg) 0 0 repeat-y; } .newsB-outer { background: url(../images/structure/bg-updates-top.jpg) 0 0 no-repeat; } .newsB-inner { background: url(../images/structure/bg-updates-bottom.jpg) 0 bottom no-repeat; padding: 25px 20px 30px 40px; overflow: hidden; } .latest-news h3 { font-size: 16px; font-weight: bold; color: #575757; margin: 0 0 15px; padding: 0 0 6px; line-height:14px; } .latest-news .rss { background:transparent url(../images/structure/ico-feature-rss.png) no-repeat scroll 0 0; display:block; height:11px; overflow:hidden; position:relative; text-indent:-9999px; top:-35px; width:11px; float: right; } ul.news-items { font-size: 11px; padding-bottom: 10px; margin-bottom: 20px; border-bottom:2px solid #A9A9A9; } ul.news-items li { padding: 0 0 0 47px; margin-bottom: 10px; } ul.news-items li.crisis { background: url(../images/structure/ico-news-crisis.png) 0 4px no-repeat; } ul.news-items li.blog { background: url(../images/structure/ico-news-blog.png) 0 4px no-repeat; } ul.news-items li.press-release { background: url(../images/structure/ico-news-press-release.png) 0 4px no-repeat; } .latest-news a.read-blog { background:transparent url(../images/structure/btn-news-read-blog.png) no-repeat 0 0; display:block; float:left; height:57px; overflow:hidden; text-indent:-9999px; width:92px; } .latest-news a { text-decoration: none; } .latest-news a:hover { text-decoration: underline; } .latest-news .social { float:right; margin:0; width:102px; } .latest-news .social li { background:none; float:left; margin:0 0 8px 8px; padding:0; } .latest-news .social a { background:transparent url(../images/structure/ico-social-bookmarks.png) no-repeat scroll 0 0; border:1px solid #C8C8C5; display:block; height:24px; text-indent:-9999px; width:24px; } .social .flickr a { background-position:-24px 0; } .social .oc a { background-position:-48px 0; } .social .myspace a { background-position:-72px 0; } .social .youtube a { background-position:-96px 0; } .social .facebook a { background-position:-120px 0; } ul.blue-arrow { margin: 0 0 0 6px; } ul.blue-arrow li { background: url(../images/structure/bg-modal-arrow.png) no-repeat 0 2px; padding-left:15px; margin-bottom: 15px; } ul.blue-arrow-childbio { margin: 0 0 15px 6px; } ul.blue-arrow-childbio li { background: url(../images/structure/bg-modal-arrow.png) no-repeat 0 2px; padding-left:15px; margin-bottom: 5px; } ul.slideshows { float: left; margin: 0; } ul.slideshows li { background: none; padding: 0; width: 194px; } ul.slideshows li.first { padding-right: 12px; } ul.slideshows p, ul.slideshows p.title { padding: 0 6px; margin: 0; } .fund_spotlight { margin-top: 30px ; background: url(../images/structure/bg-spotlight.jpg) repeat-y 0 0; } .spotlight-outer { background: url(../images/structure/bg-spotlight-top.jpg) no-repeat 0 0; } .spotlight-inner { background: url(../images/structure/bg-spotlight-bottom.jpg) no-repeat 0 bottom; width: 376px; padding: 12px; } .fund_spotlight .initiative { background: #ffedb7; padding: 10px; vertical-align: bottom; margin-bottom: 10px; } .fund_spotlight .initiative ul { margin: 0; } .fund_spotlight .initiative ul li { background: none; padding: 0; } .fund_spotlight .initiative p.title { font-weight: bold; } .fund_spotlight .initiative p { padding-left:130px; margin: 0 0 5px; } .fund_spotlight .donation label { padding-left: 14px; } .fund_spotlight .donation input.text { padding: 3px; text-align: right; width: 80px; } .fund_spotlight .donation .btn-make-donation { background: url(../images/structure/btn-make-donation.png) no-repeat 0 bottom; height: 40px; width: 155px; text-indent: -9999px; margin-left: 14px; } .fund_spotlight h3.header-interior { margin: 8px 0 15px !important; } div.learn-more .tabs { float: left; margin-bottom: 0; margin: 20px 0 0; } div.learn-more .tabs li { float: left; background: none; padding-left: 0 !important; padding-right: 1px !important; } div.learn-more .tabs a, div.learn-more .tabs a:hover { display:block; font-size:11px; overflow:visible; text-decoration:none !important; } div.learn-more .tabs li strong { font-weight: normal; padding:4px 10px; position:relative; display: block; } div.learn-more .tabs li.inactive a { background: url(../images/structure/btn-tabs-left.png) no-repeat 0 0; } div.learn-more .tabs li.inactive a strong { background: url(../images/structure/btn-tabs-right.png) no-repeat right 0; color:#3d9bd5 !important; } div.learn-more .tabs li.inactive a:hover { background: url(../images/structure/btn-tabs-left.png) no-repeat 0 -25px; } div.learn-more .tabs li.inactive a:hover strong { background: url(../images/structure/btn-tabs-right.png) no-repeat right -25px; } div.learn-more .tabs li.active a { background: url(../images/structure/btn-tabs-left.png) no-repeat 0 -50px; } div.learn-more .tabs li.active a strong { background: url(../images/structure/btn-tabs-right.png) no-repeat right -50px; color:#fff !important; } .learn-more-container { background: url(../images/structure/bg-learn-more.png) repeat-x 0 0; border-top: 4px solid #298bc3; clear: left; padding: 20px; } div.overview .tabs {float: left; margin: 5px 0 0 0;} div.overview .tabs li {float: left; background: none; padding-left: 0 !important; padding-right: 1px !important;} div.overview .tabs a, div.overview .tabs a:hover {display:block; font-size:11px; overflow:visible; text-decoration:none !important;} div.overview .tabs li strong {font-weight: normal; padding:4px 10px; position:relative; display:inline-block;} div.overview .tabs li.active a { background: url(../images/structure/overview-tab.png) no-repeat 0 0px; color:#fff !important; } div.overview .tabs li b {font-weight: normal; padding:4px 7px; position:relative; display:inline-block;} .overview-container { background: url(../images/structure/overview-back.png) repeat-x 0 0; border-top: 4px solid #298bc3; clear: left; padding: 20px; font-size:11px;} .share-child { margin-top: 20px; } .write-letter { margin-top: 20px; } .write-letter .counter-space { visibility: hidden; } .write-letter .counter { color:#9F0D24; left:244px; margin-top:-47px; position:absolute; } .write-letter textarea.letter-area{ border: 1px solid #dddcdb; background: url(../images/structure/bg-textarea.png) repeat-x 0 0; width: 430px; padding: 10px; } .write-letter .change-email { color: #7f7f7f; margin-left: 10px; } .letter-tips { padding-top: 84px; } .letter-tips h4 { color:#0079c1; font-size: 14px; font-weight: bold; margin-bottom: 20px; } .letter-tips a { color:#0079c1; } .required strong { margin-left: 4px; color: #9f0d24; } .forms h3 { text-transform: uppercase; color: #b8b8b8; font-size: 16px; font-weight: bold; margin: 40px 0 6px; } .forms > h3:first-child { margin: 0 0 6px; } .forms h5 { font-weight: bold; font-size: 1.35em; } .wide h2.header-interior { background: none; } .headline-small { font-weight: bold; font-size: 12px; color: #999; text-transform: uppercase; margin-bottom: 5px; } select { border: 1px solid #dcdad7; padding: 4px 2px 4px 4px; } input.text, textarea { border: 1px solid #dcdad7; padding: 6px 8px; } input#radiobutton { clear: left; float: left; padding: 0px; margin: 0px 0px 0px 0px; } label.radioitem { font-weight: normal; clear: none; margin: 0 0 0 10px; padding: 0 0 0 10px; } label.field-checkbox { clear: none; display: inline!important; margin: 0px 0px 0px 5px; padding: 0px 0px 15px 0px; font-weight: normal; } label.inactive { color: #999; } .dotted-bottom{ border-bottom: 1px dotted #A9A9A9; } .dotted-top{ border-top: 1px dotted #A9A9A9; } .red { color: #9f0d24; } .bold { font-weight: bold; } .pad-top { padding-top: 30px; } fieldset.gray { background-color: #f7f7f7; padding: 25px 25px 10px 25px; } .gray ol { margin: 0px; } .gray li { margin-bottom: 15px; } .gray label { display: block; } .gray input.text { clear: both; width: 300px; margin-top: 4px; } .gray select { margin-top: 4px; } .form-group-separator { border-top: 2px solid #d9d9d9; padding-top: 20px; } .gray hr { width: 320px; border: 0; border-bottom: 1px dotted #b1b1b1; margin: 20px 0 20px; } .gray .note { display: block; background: url(../images/structure/bg-note-arrow.png) 0 50% no-repeat; float: right; } .gray .note p { background-color: #e7e7e7; padding: 10px; width: 250px; color: #777; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 30px 0 5px; } .gray .note .credit { font-weight: normal; } .indent { margin-left: 20px; } .indent input.text { width: 250px; } .gray li span { float: left; margin-right: 20px; } .form-highlight { background-color: #fff2cb; padding: 15px; } .form-highlight p { margin: 0 0 0 18px; } .gift img { float: left; margin: 0 10px 0 0; } .gift p { float:left; line-height: 112px; } #add-instructions { padding-left: 20px; margin-bottom: 10px; background: url(../images/structure/ico-form-add.png) 0 0 no-repeat; display: block; } .thumbnail-100 { padding: 6px; height: 100px; width:100px; background: url(../images/structure/bg-thumbnail-100.png) 0 0 no-repeat; float: left; margin: 15px 10px 0 0; } #questions { width: 265px; margin-bottom: 30px; } .chat { padding: 15px 15px 20px 12px; border-top: 1px solid #d2d2d2; background: url(../images/structure/bg-questions.jpg) bottom left no-repeat; color: #202020; } .chat p { padding-left: 45px; background: url(../images/structure/bg-questions-separator.png) 0 -13px no-repeat; margin: 0; } .live a { display: block; background: url(../images/structure/btn-chat.png) 0 0 no-repeat; width: 157px; height: 49px; margin: 0px auto; text-indent: -9999px; } .live p { padding-top: 15px; font-size: 10px; line-height: 1.2em; background: url(../images/structure/bg-questions-separator.png) 0 0 no-repeat; } .live p img { float: left; margin-right: 8px; } /* @end */ /* @group -Where We Work */ .map { background: url(../images/structure/bg-map.jpg) center 0 repeat-y; } .map-outer { background: url(../images/structure/bg-map-top.jpg) center 0 no-repeat; } .map-inner { background: url(../images/structure/bg-map-bottom.jpg) center bottom no-repeat; width: 386px; padding: 7px; } .map-brazil { background: url(../images/structure/bg-map.jpg) center 0 repeat-y; } .map-outer-brazil { background: url(../images/structure/bg-brazil-map-top.jpg) center 0 no-repeat; float:right; margin-bottom:50px; } .map-inner-brazil {background: url(../images/structure/bg-brazil-map-bottom.jpg) center bottom no-repeat; width:335px; padding: 8px 12px 12px 12px;} .brazil-map-header { padding-top: 10px; } .brazil-map-header h4 { color:#0079c1; font-size: 14px; font-weight: bold; } /* @end */ /* Child Bio Select This Child */ .childbio-name { background: url(../images/structure/bg-actions.png); overflow: hidden; padding: 10px 20px 0px 26px; width: 549px; margin-bottom:15px;} .childbio-name .bio { float:left; margin: 15px 0 0 2px; } .childbio-name .bio h3 { font-size:20px; font-weight:bold;} .childbio-name .button-primary, .childbio-name .button-primary-impact, .childbio-name .button-secondary { float: right; margin: 0 0 0 11px; } .childbio-name .button-primary { background-image: url(../images/structure/btn-primary-left-actions.png); } .childbio-name .button-primary-impact { background-image: url(../images/structure/btn-primary-left-actions.png); } .childbio-name .button-secondary { background-image: url(../images/structure/btn-secondary-left-actions.png); } .childbio-name .button-primary strong { background-image: url(../images/structure/btn-primary-right-actions.png); } .childbio-name .button-primary-impact strong { background-image: url(../images/structure/btn-primary-right-actions.png);} .childbio-name .button-secondary strong { background-image: url(../images/structure/btn-secondary-right-actions.png); } .childbio-name .icon-heart-large { background-image: url(../images/structure/ico-heart-large-noback.png); float:left; width:50px; height:40px; margin-top: 0px;} .childbio-name p { font-size: 10px; margin-bottom: 0;} /* @end */ /* Why It Matters */ .why-it-matters { padding-bottom:10px;} .why-it-matters p, .why-it-matters li { font-size: 11px; } .why-it-matters a { color:#0079c1; } /* @end */ /* Recently viewed */ .recently-viewed-content {background: url(../images/structure/recently-viewed-back.png) repeat-x; width:100%; padding: 20px 10px 7px 0; } .recently-viewed { margin: 0 0 3px 5px; overflow: hidden; width:611px; } .recently-viewed li { background: none; float: left; margin: 0 30px 10px 0; padding: 0; } .recently-viewed .last { margin-right: 0; } .recently-viewed a { display: block; font-size: 10px; line-height: 14px; text-align: center; } .recently-viewed h2 { margin-left:6px;} .recently-viewed .sponsor { background: url(../images/structure/bg-sponsor-kids.png) no-repeat; color: #383838; display: block; height: 226px; position: relative; text-decoration: none; width: 124px; } .recently-viewed a.sponsor:hover { background: url(../images/structure/bg-sponsor-kids.png) no-repeat 0 -226px; } .recently-viewed .sponsor img { display: block; margin: 0 auto; padding: 9px 0 5px; } .recently-viewed .sponsor em { display: block; font-size: 14px; font-style: normal; padding-bottom: 8px; } .recently-viewed .sponsor .location { display: block; } .recently-viewed .sponsor strong { display: block; left: -9999px; position: absolute; top: -9999px; } .recently-viewed .sponsor .primary, .recently-viewed .sponsor .secondary, .recently-viewed .sponsor .tertiary { background: url(../images/structure/ico-sponsor-kids-icons.png) no-repeat; display: block; height: 27px; overflow: hidden; position: absolute; text-indent: -9999px; top: 112px; width: 32px;} .recently-viewed .sponsor .primary { left: 10px; } .recently-viewed .sponsor .secondary {} .recently-viewed .sponsor .tertiary { left: 66px; } .recently-viewed .sponsor .birthday { background-position: -32px; } .recently-viewed .sponsor .aids { background-position: -64px; } .recently-viewed.recent .sponsor:hover { background: url(../images/structure/bg-recent-sponsor-kids.png) -124px 0 no-repeat; } .recently-viewed.recent .sponsor { background: url(../images/structure/bg-recent-sponsor-kids.png) no-repeat; height: 165px; width: 123px; top: -4px; left: 9px;} .recently-viewed.recent .sponsor img { height: 100px; width: 100px; } /* @end */ /* @group -Sponsorship */ .interior .interior_section, .interior .interior_section_first {background:url("../images/structure/bg-seperator.png") 0 100% no-repeat; margin: 0 0 30px; padding-bottom: 20px; overflow: hidden; clear: both;} .interior .interior_section_last {background: none;} .view-bar { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dotted #C8C8C5; overflow: hidden; } .view-bar ul { float: left; margin: 0; } .view-bar ul li { float: left; background: none; padding: 0; } .view-bar .show { padding-right: 15px; } .view-bar .text { padding: 5px 10px 0 0; } .view-bar .view-as { border-left: 1px dotted #C8C8C5; padding: 5px 0 5px 15px; } .view-bar .view-as li { padding-right: 10px; } .view-bar .view-list { background: url(../images/structure/ico-list-view.png) 0 0 no-repeat; width: 13px; height: 13px; display: block; text-indent: -9999px; margin-top: 2px; } .tell-a-friend {float:left; width: 175px; padding:30px 0 0 0;} .sponsorship-bio-container {padding: 0; overflow: hidden;} .sponsorship-bio { background: url(../images/structure/bg-bio-info.jpg) right 18px no-repeat; float: left; padding-left: 0; width: 758px;} .sponsorship-bio .photo { width: 217px; height: 321px; background: url(../images/structure/bg-bio-photo.png) 0 0 no-repeat; padding: 22px 0 0 21px; float: left; position: relative; margin-right: 8px;} .sponsorship-bio .photo img { border:1px solid #C8C8C5; } .clip_overlay {background: url(../images/structure/paperclip_overlay.png) 0 0 no-repeat; } .sponsorship-bio .photo .clip_overlay {position: absolute; top: 2px; right: 0; width: 33px; height: 58px;} .sponsorship-bio .bio { padding: 37px 30px 0 0; width: 460px; float: left; } .sponsorship-bio li { background: none; } .sponsorship-bio .name_wrap {margin-left: 8px;} .sponsorship-bio .name { font-size: 22px; font-weight: bold; margin-bottom: 5px; } .sponsorship-bio .name .aids { background: url(../images/structure/ico-sponsorship-name.png) no-repeat 0 0; height:24px; width:20px; margin-left: 5PX; overflow:hidden; position:absolute; text-indent:-9999px; } .sponsorship-bio .sponsor-date { font-size: 11px; } .sponsorship-bio .birthday { background: #fff4d7; padding: 15px 15px 5px; margin: 7px 0 11px; } .sponsorship-bio .birthday li { padding: 0; margin-bottom: 10px; } .sponsorship-bio .birthday a.gift, .sponsorship-bio .birthday a.payment { font-size: 11px; margin-left: 5px;} .sponsorship-bio .birthday a.gift { background: url(../images/structure/ico-sponsorship-gift.png) no-repeat 0 0; padding-left: 15px; } .sponsorship-bio .birthday a.payment { font-weight: bold; color: #9f0d24; } .sponsorship-bio .childinfo { float: left; padding:35px 0 10px 10px; } .sponsorship-bio .childage {float: right; padding:35px 45px 0 0;} .sponsorship-bio .info { float: left; width: 210px; padding-right: 20px; } .sponsorship-bio .info li {padding-left: 14px;} .bio .bio_links {float: left; clear: left; margin-left: 14px; padding-top: 25px; width: 100%;} .sponsorship-bio .links { float: left; padding: 0 20px 0 0; } .sponsorship-bio .links li {display: block; padding: 0;} .sponsorship-bio .links li.write, .sponsorship-bio .links li.giving, .sponsorship-bio .links li.payment { font-weight: bold; } .sponsorship-bio .links li.write { background: url(../images/structure/ico-sponsorship-links.png) 0 10px no-repeat; } .sponsorship-bio .links li.giving { background: url(../images/structure/ico-sponsorship-links.png) 0 -44px no-repeat; } .sponsorship-bio .links li.payment { background: url(../images/structure/ico-sponsorship-links.png) 0 -96px no-repeat; } .sponsorship-bio .links a { text-decoration: none; display: block; padding: 9px 0 0 25px; border: none;} .sponsorship-bio .links span {display: block; border-bottom:1px dashed #C8C8C5; padding-bottom: 8px;} #childbio-bio { background: url(../images/structure/bg-bio-info.jpg) right 18px no-repeat;} #childbio-bio .photo { width: 201px; height: 301px; background: url(../images/structure/bg-bio-photo.png) 0 0 no-repeat; padding: 21px; float: left; } #childbio-bio .bio h3 { font-size:15px; } #childbio-bio .childinfo{ padding: 45px 30px 0 0; width: 314px; float: right; height: 225px; } #childbio-bio .childage { float: right; padding-right: 32px;} /* @end */ /* @group -Featured Story */ #story a.back-to { display:block; float:right; position:relative; top:-30px; color: #279ad8; } #story .author { background: #f0f0f0 url(../images/structure/bg-seperator.png) 0 top no-repeat; margin: 0 0 20px; padding: 10px; color: #666; } #story .author li { background: none; display: inline; padding: 0; } #story .author li.posted { border-left: 1px solid #666; padding-left: 10px; margin-left: 10px } .featured-stories h3.header-interior { border-bottom:1px dotted #A9A9A9; font-size:16px; line-height:1.4em; margin:0 0 15px; padding:0 0 6px; color: #464646 !important; } .featured-stories .story-photo { background: url(../images/structure/bg-story-photo.png) 0 0 repeat-y; margin: 0 0 20px 20px; } .featured-stories .story-photo-outer { background: url(../images/structure/bg-story-photo-top.png) 0 0 no-repeat; } .featured-stories .story-photo-inner { background: url(../images/structure/bg-story-photo-bottom.png) 0 bottom no-repeat; width: 190px; padding: 9px } .featured-stories .story-photo-inner p { margin: 2px 0; font-style: italic; text-align: center; } .featured-stories h3 { margin: 0 0 10px; font-size: 16px; color: #3b9fe5; font-weight: bold; } .featured-stories blockquote { width: 162px; padding: 10px; margin: 10px 20px; background: url(../images/structure/bg-blockquote-border.png) 0 0 no-repeat; } .featured-stories blockquote p { padding-bottom: 10px; margin-bottom: 0; background: url(../images/structure/bg-blockquote-border.png) 0 bottom no-repeat; } .featured-stories blockquote p, .featured-stories blockquote { font-size: 16px; color: #3b9fe5; line-height: 1.6em; font-style: italic; } .toolkit { width: 280px; height: 122px; background: url(../images/structure/bg-toolkit.jpg) 0 0 no-repeat; font-size: 12px; padding: 10px; } .toolkit ul li { background:none; padding: 0; margin-bottom: 3px; } .toolkit ul li a { display: block; padding: 6px 0 6px 32px; } .toolkit ul li a:hover { text-decoration: underline; } .toolkit ul li.print a { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 5px; } .toolkit ul li.bookmark a { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -54px; } .toolkit ul li.email a { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -115px; } .toolkit ul li.rss a { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -176px; } .toolkit ul li.print a:hover { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -24px; } .toolkit ul li.bookmark a:hover { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -83px; } .toolkit ul li.email a:hover { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -144px; } .toolkit ul li.rss a:hover { background:transparent url(../images/structure/ico-toolkit.png) no-repeat 0 -205px; } ul.related-stories { padding: 10px; margin: 0; background:transparent url(../images/structure/bg-related-stories.png) repeat-x 0 0; } ul.related-stories li { margin-bottom: 10px; } ul.related-stories a { text-decoration: none; } ul.related-stories a:hover { text-decoration: underline; } div.media { height: 100%; } div.media .tabs { float: left; margin-bottom: 0; margin: 0; } div.media .tabs li { float: left; background: none; padding-left: 0 !important; padding-right: 1px !important; } div.media .tabs a, div.media .tabs a:hover { display:block; font-size:11px; overflow:visible; text-decoration:none !important; } div.media .tabs li strong { font-weight: normal; padding:4px 10px; position:relative; display: block; } div.media .tabs li.inactive a { background: url(../images/structure/btn-tabs-left.png) no-repeat 0 0; } div.media .tabs li.inactive a strong { background: url(../images/structure/btn-tabs-right.png) no-repeat right 0; color:#3d9bd5 !important; } div.media .tabs li.inactive a:hover { background: url(../images/structure/btn-tabs-left.png) no-repeat 0 -25px; } div.media .tabs li.inactive a:hover strong { background: url(../images/structure/btn-tabs-right.png) no-repeat right -25px; } div.media .tabs li.active a { background: url(../images/structure/btn-tabs-left.png) no-repeat 0 -50px; } div.media .tabs li.active a strong { background: url(../images/structure/btn-tabs-right.png) no-repeat right -50px; color:#fff !important; } .media-container { background: url(../images/structure/bg-learn-more.png) repeat-x scroll 0 0; border-top:4px solid #298BC3; margin-bottom: 15px; clear:left; } .media-container .media-photos { padding: 14px 10px; background:transparent url(../images/structure/bg-media-container-bottom.jpg) no-repeat 0 bottom; } .media-container .media-photos .thumbs { float: left; } .media-container .media-photos .thumbs li { background:transparent url(../images/structure/bg-media-photo-thumb.png) no-repeat 0 0; float: left; padding: 6px 6px 7px; width: 74px; height: 75px; margin: 3px; } .media-container .media-photos .thumbs li a { display: block; } .media-container .media-photos a.flickr { background:transparent url(../images/structure/ico-social-flickr.png) no-repeat 0 0; padding: 1px 0 1px 24px; margin-left: 6px; font-size: 11px; } /* @end */ /* @group -Checkout */ #checkout #header #nav { margin-top: -48px; left: 385px; } #checkout #header #nav-secondary { float: right; left: 0px; margin: -48px 0 0 0; padding: 0 0 0 0; } #checkout #header #nav-secondary #nav-donate { right: 0px; top: 0px; } #checkout #main-wrapper { float: left; margin-top: 20px; width: 100%; } #checkout #questions { float: right; } #checkout-progress { float: left; clear: left; width: 480px; height: 80px; background: url(../images/structure/ico-checkout-arrow.png) 0 0 no-repeat; } #checkout-progress li { list-style-type: none; float: left; width: 160px; background: url(../images/structure/ico-checkout-progress.png) 0 0 no-repeat; font-size: 18px; padding: 45px 0 0 0; text-align: center; color: #999; } #checkout-progress li.active { background-position: -320px 0px; color: #003eb1; } #checkout-progress li.completed { background-position: -160px 0px; } li#progress-next { display: block; width: 88px; height: 35px; background: url(../images/structure/ico-checkout-arrow.png) 0 0 no-repeat; text-indent:-9999px; overflow: hidden; } .cart { border-top: 2px solid #d9d9d9; width: 715px; margin-bottom: 20px; } .cart-sponsor, .cart-donate { float: left; width: 640px; margin: 0; } .cart li { background: none; clear: both; padding: 0; position: relative; } .cart h4 { font-size: 14px; font-weight: bold; color: #3b9fe5; width: 70px; margin: 15px 5px 0 0; float: left; clear: left; } .checkout-content { float: left; width: 355px; } .cart h5 { margin: 15px 0 8px 0; } .cart-sponsor .checkout-content h5 { margin: 20px 0 8px 120px; } .cart-sponsor .info li { clear: none; margin: 0 0 8px 105px; } .checkout-content .buttons { margin: 15px 0; } .checkout-money { float: right; width: 245px; height: 120px; padding: 10px; background: #fff url(../images/structure/bg-gradient-gray.png) 0 0 repeat-x; } .checkout-money a { font-size: 11px; } a.remove { font-size: 11px; background: url(../images/structure/ico-plus-minus.png) 0 0 no-repeat; padding-left: 20px; color: #999; } .checkout-money a.remove { position: absolute; top: 10px; right: 10px; } .upsell a.remove { position: absolute; top: 0px; right: 0px; padding: 5px 25px 5px 5px; background: url(../images/structure/ico-plus-minus.png) 95% 5px no-repeat; background-color: #cfe6f2; text-decoration: none; font-style: italic; } li.upsell { position: relative; background-color: #e3f0f7; border: 2px solid #cfe6f2; margin: -20px 0 20px 30px; padding: 20px; } .upsell p { margin: 0; } .upsell h5 { font-size: 14px; margin: 0 0 5px 0; height: auto; } .total { border-top: 2px solid #d9d9d9; background: #fff2cb; } .total li { padding: 10px; background: url(../images/structure/bg-total.png) 0 0 repeat-x; width: 110px; float: left; clear: none; } .total h5 { margin: 4px 0; } .total .today { margin-left: 450px; width: 115px; font-weight: bold; } .total .month h5 { font-weight: normal; } a.next-step { display: block; background: url(../images/structure/btn-action-checkout.png) 0 0 no-repeat; width: 176px; height: 40px; margin: 0px auto; text-indent: -9999px; float: right; } a.next-step:hover { background: url(../images/structure/btn-action-checkout.png) 0 -40px no-repeat; } /* @end */ /* @group -sub page name here */ /* @end */ /* @group -jquery ui */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ /*.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }*/ .ui-widget-content { /*border: 1px solid #dddddd;*/ background: #e8e8e8 /*url(../images/structure/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x*/; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/structure/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { /*border: 1px solid #cccccc;*/ background: #d8d8d8 url(../images/structure/bg-accordion.png) 0 0 repeat-x; /*font-weight: bold;*/ color: #1c94c4; outline: none; font-size: 14px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { /*border: 1px solid #fbcb09;*/ background: #d8d8d8 url(../images/structure/bg-accordion.png) 0 0 repeat-x; /*font-weight: bold;*/ color: #c77405; outline: none; font-size: 14px; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { /*border: 1px solid #fbd850;*/ background: #d8d8d8 url(../images/structure/bg-accordion.png) 0 0 repeat-x; /*font-weight: bold;*/ color: #eb8f00; outline: none; font-size: 14px; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../images/structure/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../images/structure/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 14px; height: 8px; background-image: url(../images/structure/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/structure/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/structure/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/structure/bg-accordion-nav.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/structure/bg-accordion-nav.png); } .ui-state-active .ui-icon {background-image: url(../images/structure/bg-accordion-nav.png); } .ui-state-highlight .ui-icon {background-image: url(../images/structure/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/structure/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { /*background-position: -32px -16px;*/ background-position: 0 0; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { /*background-position: -64px -16px;*/ background-position: 0 -8px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } /*.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }*/ /*.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }*/ .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } /*.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }*/ /* Overlays */ .ui-widget-overlay { background: #666666 url(../images/structure/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/structure/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; /*margin-top: 1px;*/ zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em 2.2em .5em 1em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: .5em; top: 50%; margin-top: -5px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-bottom: 1px solid #d0d0d0; margin-top: -2px; position: relative; top: 1px; /*margin-bottom: 2px;*/ overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* @end */ /* @end */