/* Reset ----------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body { line-height:1; color:black; background:white; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } img { display:block; } input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; } /* Containers ----------------------------------------------------------------------------------------------------*/ body { color:#000; background:#e3d8c5 url(../img/backgrounds/body-repeat-x.png) repeat-x; text-align:center; font:75%/1.5 Arial, Helvetica, sans-serif; } .container { color:#000; background:url(../img/backgrounds/container-repeat-y.png) repeat-y; margin-left:auto; margin-right:auto; width:960px; padding:0px 10px; text-align:left; overflow:hidden; } .row { display:block; clear:both; width:100%; overflow:hidden; } .container .row-home-module { padding:30px 40px; width:880px; background:#fff url(../img/backgrounds/row-home-panel.jpg) no-repeat; } .row-content { background:#fff url(../img/backgrounds/content-bg.jpg) no-repeat; position:relative; top:-60px; margin-bottom:-60px; padding-top:60px; } /* Grid >> 8 Columns ----------------------------------------------------------------------------------------------------*/ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-home, .col-footer-sub, .col-product-list, .col-7of24, .col-11of24 { display:inline; float:left; margin-left:0px; margin-right:0px; } .col-1 { width:120px; } .col-2 { width:240px; } .col-3 { width:360px; } .col-4 { width:480px; } .col-5 { width:600px; } .col-6 { width:720px; } .col-7 { width:840px; } .col-8 { width:960px; } .col-footer-sub { width:130px; margin-right:30px;} .col-home { width:280px; margin-left:10px; margin-right:10px; } .col-product-list { width:220px; margin-right:15px;} .col-7of24 { width:280px; } .col-11of24 { width:440px; } /* Grid >> Children (First, Last) */ .col-first /* Extends .col-n */ { margin-left:0; } .col-last /* Extends .col-n */ { margin-right:0; } /* Prefix Extra Space >> 8 Columns */ .col-prefix-1 /* Extends .col-n */ { padding-left:120px; } .col-prefix-2 /* Extends .col-n */ { padding-left:240px; } .col-prefix-3 /* Extends .col-n */ { padding-left:360px; } .col-prefix-4 /* Extends .col-n */ { padding-left:480px; } .col-prefix-5 /* Extends .col-n */ { padding-left:600px; } .col-prefix-6 /* Extends .col-n */ { padding-left:720px; } .col-prefix-7 /* Extends .col-n */ { padding-left:840px; } /* Suffix Extra Space >> 8 Columns */ .col-suffix-1 /* Extends .col-n */ { padding-right:120px; } .col-suffix-2 /* Extends .col-n */ { padding-right:240px; } .col-suffix-3 /* Extends .col-n */ { padding-right:360px; } .col-suffix-4 /* Extends .col-n */ { padding-right:480px; } .col-suffix-5 /* Extends .col-n */ { padding-right:600px; } .col-suffix-6 /* Extends .col-n */ { padding-right:720px; } .col-suffix-7 /* Extends .col-n */ { padding-right:840px; } /* Header ----------------------------------------------------------------------------------------------------*/ .header { height:100px; z-index:3; position:relative; overflow:visible; background:#fff; } .header .horizontal { font-size:.91667em; line-height:1; color:#ddd2c0; margin-top:24px; height:26px; } .header .horizontal li { line-height:11px; } .header .horizontal .on { font-weight:bold; } .header .horizontal a { color:#000; } .header .horizontal a:hover { color:#000; } .country-list { margin-top:10px; height:36px; } .country-list dt { float:left; color:#909090; font-size:.91667em; padding-right:12px; } .country-list dd { float:left; margin:0 1px; } .country-list a { display:block; width:21px; height:16px; text-indent:-9999em; border:1px solid #fff; font-size:1px; line-height:0; overflow:hidden; background:url(../img/buttons/flags.png) no-repeat; } .country-list a:hover { background-position:0 -16px; border-color:#e5e5e5; } .country-list #ie { background-position:0 0; } .country-list #sa { background-position:-25px 0; } .country-list #uk { background-position:-50px 0; } .country-list #us { background-position:-75px 0; } .country-list #ie:hover, .country-list .on #ie { background-position:0 -16px; border-color:#e5e5e5;} .country-list #sa:hover, .country-list .on #sa { background-position:-25px -16px; border-color:#e5e5e5;} .country-list #uk:hover, .country-list .on #uk { background-position:-50px -16px; border-color:#e5e5e5;} .country-list #us:hover, .country-list .on #us { background-position:-75px -16px; border-color:#e5e5e5;} .volunteer-login-button { position:relative; z-index:3000; margin:18px 0 0 40px; background:url(../img/buttons/volunteer-login.png); width:192px; height:22px; display:block; text-indent:-9999em; font-size:1px; line-height:0; overflow:hidden; cursor:pointer; } .volunteer-login-button:hover { background-position:0 -22px; } .header .col-3 .active { background-position:0 -44px; } .volunteer-login { display:none; position:absolute; top:0; right:40px; padding-top:20px; width:298px; background:#fff; font-size:.91667em; z-index:2000; border:1px solid #cccccc; border-width:0 1px 1px 1px; } .volunteer-login a { color:#00a0d2; text-decoration:none; } .volunteer-login a:hover { text-decoration:underline; } .volunteer-login label { display:inline-block; line-height:1.8; vertical-align:top; text-align:right; padding:0 2%; width:28%; } .volunteer-login ol { clear:right; margin-top:15px; padding:0; } .volunteer-login li { list-style:none; padding:3px 5px 5px 5px; margin:0; } .volunteer-login li input { width:60%; } .volunteer-login .submit-button { margin: 0 0 10px 32%; padding:3px 5px 5px 5px; } .volunteer-login .submit-button input { background-color:#ee1c24; border:none; color:#fff; padding:5px 8px; font-size:1.0909em; vertical-align:middle; } .volunteer-login .form-info { display:block; margin-left:33%; color:#7ea3d4; } .volunteer-login .form-info-error { color:#ee1c24; } .volunteer-login .close { float:right; display:block; padding-right:20px; margin-bottom:15px; cursor:pointer; } .volunteer-login .password { margin-left:8%; vertical-align:middle; } .logo { width:240px; z-index:5; overflow:visible; position:relative; } .logo img { position:absolute; z-index:10; top:-160px; left:40px; } /* Nav ----------------------------------------------------------------------------------------------------*/ .nav { overflow:hidden; z-index:2; height:60px; position:relative; background:transparent url(../img/backgrounds/nav-padding.png) no-repeat; } .nav ul { width:720px; height:60px; } .nav li { float:left; } .nav li a { float:left; height:60px; width:140px; text-indent:-9999em; font-size:1px; line-height:0; overflow:hidden; background:url(../img/headings/nav.png) no-repeat; } .nav li #m01 { width:140px; } .nav li #m02 { width:139px; background-position:-140px 0; } .nav li #m03 { width:144px; background-position:-279px 0; } .nav li #m04 { width:157px; background-position:-423px 0; } .nav li #m05 { width:140px; background-position:-580px 0; } .nav li.on #m01, .nav li #m01:hover { background-position:0 -60px; } .nav li.on #m02, .nav li #m02:hover { background-position:-140px -60px; } .nav li.on #m03, .nav li #m03:hover { background-position:-279px -60px; } .nav li.on #m04, .nav li #m04:hover { background-position:-423px -60px; } .nav li.on #m05, .nav li #m05:hover { background-position:-580px -60px; } /* Subnav ----------------------------------------------------------------------------------------------------*/ .subnav { position:relative; font-size:.91667em; } .subnav ul { margin:30px 0 0 40px; padding:19px 0 0 20px; padding-right:20px; } .subnav ul li { border-bottom:1px solid #ffedc4; } .subnav a { text-decoration:none; color:#000; display:block; padding:6px 5px; } .subnav a:hover { text-decoration:underline; } .subnav ul ul { margin:0 0 5px 0; padding:0; } .subnav ul ul li { border-bottom:none; } .subnav ul ul a { padding:4px 5px 4px 19px; background:url(../img/icons/subnav-arrow.gif) 0 6px no-repeat; } .subnav ul ul ul a { padding:4px 5px 4px 33px; background-position:14px 6px; } .subnav .on a { color:#ee1c24; font-weight:bold; } .subnav .on ul a { color:#000; font-weight:normal; } .subnav .has-sub-on>a { color:#ee1c24; } /* Footer ----------------------------------------------------------------------------------------------------*/ .footer { background:#000 url(../img/backgrounds/footer-top.png) no-repeat; color:#fff; padding-top:40px; font-size:.91667em; } .footer .row { background:none; color:#fff; } .footer h1 { color:#71a232; font-weight:bold; font-size:1.8182em; line-height:1; margin-bottom:8px; font-family:"Bookman Old Style", Georgia, Times, Times New Roman, serif; } .footer strong { color:#71a232; font-weight:bold; } .footer a { text-decoration:none; color:#fff; } .footer a:hover { text-decoration:underline; } .address { margin:20px 0 20px 0; } .address dl dd, .address dl dt { border:none; } .address dl dt { padding:0;} .address dl dd { padding:0 0.75em 0 0.35em;} .footer-sub { margin-bottom:20px; } .footer-sub p { margin:10px 0; } /* Gallery */ .gallery { } .gallery h1 { margin-left:40px; } .more-photos { margin-right:70px; font:1.0909em/20px Georgia, "Times New Roman", Times, serif; } .gallery .image-group { margin-left:40px; padding-top:5px; clear:both; } .gallery img { float:left; border:5px solid #fff; margin:0 10px 10px 0; } .gallery ul { margin:10px 0 10px 40px; } .gallery p { margin:20px 0 10px 40px; } .gallery a { color:#eff; } .gallery a:hover { color:#fff; } .gallery a:hover img { border-color:#71a232; } .gallery .first { margin-left:0; } .gallery .last { margin-right:0; } /* Content ----------------------------------------------------------------------------------------------------*/ .content { color:#000; padding:30px 0; } .content h1 { font-size:2.1667em; line-height:1.115; margin:20px 40px 20px 0; font-family:"Bookman Old Style", Georgia, Times, Times New Roman, serif; font-weight:bold; color:#ee1c24; } .content h1 a { text-decoration:none; color:#ee1c24; } .content h2 { font-size:1.667em; line-height:1.1; margin:20px 40px 20px 0; font-family:"Bookman Old Style", Georgia, Times, Times New Roman, serif; font-weight:bold; color:#ee1c24; } .content h2 a { text-decoration:none; color:#ee1c24; } .content h3 { font-size:1.16667em; line-height:1.3636; margin:20px 40px 20px 0; font-weight:bold; color:#ee1c24; } .content h3 a { text-decoration:none; color:#ee1c24; } .content h4 { font-size:1.08333em; line-height:1.66667; margin:20px 40px 20px 0; font-weight:bold; color:#000; } .content h4 a { text-decoration:none; color:#000; } .content h5 { font-size:1em; margin:20px 40px 20px 0; font-weight:bold; color:#000; } .content h5 a { text-decoration:none; color:#000; } .content h6 { font-size:1em; margin:20px 40px 20px 0; font-weight:bold; color:#666; } .content h6 a { text-decoration:none; color:#666; } .content dl, .content ol, .content ul { margin:20px 40px 20px 20px; } .content ul { list-style:disc; } .content ol { list-style:decimal; } .content ol li { list-style:decimal; margin-left:10px; } .content dt { font-weight:bold; } .content dd, .content li { margin:10px 10px 10px 0; } .content ol ol, .content ul ul { margin:10px 10px 10px 20px; } .content .horizontal li { margin:0; } .content p { margin:20px 40px 20px 0; } .content a { color:#00a0d2; } .content a:hover{ text-decoration:none; } .content em { font-style:italic; } .content sub { vertical-align:sub; font-size:.75em; } .content sup { vertical-align:super; font-size:.75em; } .content strong { font-weight:bold; } .content blockquote { margin:0 40px 20px 0; width:320px; color:#000; background:url(../img/backgrounds/blockquote-bottom.gif) right bottom no-repeat; display:block; font-size:1.1667em; line-height:1.4286; font-weight:normal; } .content blockquote.fr { margin-left:18px; clear:right; display:inline; } .content blockquote.fl { margin-right:18px; clear:left; display:inline; } .content blockquote p { padding:25px 40px; margin:0; background:url(../img/backgrounds/blockquote-top.gif) no-repeat; } .content blockquote.blockquote-story { margin:10px 20px 20px 0; } .content .ifl { clear:left; border:5px solid #f1ebe2; margin:0 20px 20px 0; } .content .ifr { clear:right; border:5px solid #f1ebe2; margin:0 40px 20px 20px; } .content input, .content select, .content textarea { color:#6f7073; } .content .intro { font-size:1.25em; line-height:1.4706; margin:20px 40px 20px 0; } /* Form */ .content .xform { clear:both; margin:0; width:90%; overflow:hidden; } .content fieldset { border-top:1px solid #f1ebe2; margin-top:10px; padding:5px 0; } .content fieldset legend { padding:6px 4px 6px 2px; background:#fff; font-weight:bold; font-size:1.08333em; } .content fieldset label { display:inline-block; line-height:1.8; vertical-align:top; text-align:right; padding:0 2%; width:28%; } .content fieldset ol { margin:0; padding:0; } .content fieldset li { list-style:none; padding:7px 5px 8px 5px; margin:0; border-bottom:1px solid #f1ebe2; } .content fieldset em { font-weight:bold; font-style:normal; color:#ee1c24; font-size:1.1667em; line-height:.857; } .content fieldset fieldset { border:none; margin:3px 0 0; padding:0; background:none; } .content fieldset fieldset legend { padding:0 2% 5px; font-weight:normal; width:80%; font-size:1em; background:none; } .content fieldset fieldset label { display:block; width:auto; margin-left:32%; text-align:left; padding:0; } .content fieldset fieldset input { border:none; } .content .submit-button { margin:0; margin-left:32%; margin-top:20px; padding:5px; } .content .form-info { display:block; margin-left:32%; color:#7f7f7f; padding:5px; font-size:.91667em; width:40%; } .content .form-info-error { color:#ee1c24; } .content .field-requirement { margin-left:1em; } .content .form-intro { background:#f1ebe2; margin:0; padding:20px; } .content .submit-button input { border:0; color:#fff; background:#ee1c24; padding:10px 12px; text-align:center; line-height:1; } .content .xform-leave-comment { clear:both; margin:0; margin-bottom:20px; } .content .xform-leave-comment fieldset { border:none; } .content .xform img { display:inline; line-height:0; margin:0 10px; font-size:1em; vertical-align:bottom } /* Tables */ .content table { margin:20px 40px 20px 0; border-collapse:collapse; border:1px solid #e3d8c5; } .content table th { padding:10px; text-align:left; background-color:#f1ebe2; border:1px solid #e3d8c5; color:#000; font-weight:bold; } .content table td { padding:7px 10px; text-align:left; border:1px solid #e3d8c5; } .content .alt td { background-color:#f1eeea; } .content tfoot td { background-color:#e3d8c5; } .content .mp3player-wrap { display:block; margin:20px 40px 20px 0; } .content .video-wrap { display:block; margin:20px 40px 20px 0; } .content .slideshow-wrap { display:block; margin:20px 40px 20px 0; } .blitz-table { width:50%; font-size:1.1667em; } .content .blitz-table td { border:1px solid #a19b91; border:3px solid #fff} .content .blitz-table td.step { background:#F1EEEA; text-align:right; color:#7d7871; } .blitz-table-steps { width:80px; } .blitz-table .step1 td { background-color:#afe6fa; } .blitz-table .step2 td { background-color:#ffafaf; } .blitz-table .step3 td { background-color:#ffffaf; } .blitz-table .step4 td { background-color:#afe6c8; } .blitz-table .step5 td { background-color:#d2bee1; } .blitz-table .step6 td { background-color:#fcdec5; } /* Lists ----------------------------------------------------------------------------------------------------*/ .horizontal { display:block; } .horizontal li, .horizontal dd, .horizontal dt { display:inline; padding:0 .35em 0 .75em; line-height:1; border-left:1px solid; } .horizontal a { font-size:1em; text-decoration:none; } .horizontal a:hover { text-decoration:underline; color:inherit; } .horizontal .first { border:0; padding-left:0px; } .horizontal .last { padding-right:0px; } /* Modules ----------------------------------------------------------------------------------------------------*/ /* Shared */ .ifl { float:left; display:inline; } .ifr { float:right; display:inline; } .clear { clear:both; } .fr { float:right; display:inline; } .fl { float:left; display:inline; } .sr { height:1px; left:-9999em; overflow:hidden; position:absolute; top:0; width:1px; } .img-replace { display:block; font-size:1px; line-height:0; text-indent:-9999em; overflow:hidden; } .img-highlight { border:5px solid #d7d6d6; } .mini-pdf { padding-left:20px; background:url(../img/icons/mini-pdf.gif) no-repeat 0 0; } .mini-doc { padding-left:20px; background:url(../img/icons/mini-doc.gif) no-repeat 0 0; } .mini-xls { padding-left:20px; background:url(../img/icons/mini-excel.gif) no-repeat 0 0; } .mini-txt { padding-left:20px; background:url(../img/icons/mini-txt.gif) no-repeat 0 0; } .mini-url { padding-left:20px; background:url(../img/icons/mini-web.gif) no-repeat 0 0; } .rss { padding-left:23px; background:url(../img/icons/rss.gif) left 0 no-repeat; } .print { padding-left:23px; background:url(../img/icons/print.gif) no-repeat 0 0; } .leave-comment { padding-left:23px; background:url(../img/icons/comment.gif) no-repeat 0 2px; line-height:19px; } .container .highlight-button { color:#fff; text-decoration:none; background-color:#ee1c24; line-height:1; padding:8px 10px; display:inline-block; } .container .highlight-button:hover { text-decoration:underline; } .has-comments { display:block; margin-left:20px; } .has-comments span { display:block; text-decoration:none; font-weight:bold; font-size:1.16667em; padding:5px 25px 14px 25px; color:#fff; background:#ee1c24 url(../img/backgrounds/comment-number-heading.gif) bottom right no-repeat; } /* Addthis */ div .addthis_toolbox .at300m { padding:0; float:none; } div .addthis_toolbox .at15t_compact { margin-right:6px; line-height:1.5 !important; background:url(../img/icons/share-this.gif) 0 2px no-repeat; } div.atclear { display:none !important; float:none !important; margin:0 !important; } /* Borders */ .border-light { border:5px solid #fff; } .border-mid { border:5px solid #f1ebe2; } a:hover .border-light { border-color:#c8b18b; } a:hover .border-mid { border-color:#c8b18b; } /* Buttons */ .button { display:block; text-indent:-9999em; font-size:1px; line-height:0; overflow:hidden; } .button:hover { background-position:0 -30px; } /* Headings/Lines */ .heading { margin-bottom:20px; } .content .heading h1 { margin:20px 40px 10px 0; max-width:680px; } .content .heading h1 object { max-width:680px; overflow:hidden; } .content .heading .utils { margin:20px 40px 0 0; } .content .heading .addthis_toolbox { display:inline-block; padding:8px 10px; } .content .heading .addthis_toolbox span { display:inline-block; } .heading-cart { background:url(../img/backgrounds/related-top-col-6.png) 0 bottom no-repeat; padding-bottom:15px; } .heading-stories { } .content .heading-stories h1 { margin:0 0 10px 0; color:#71a232; font-size:3em; } .content .heading-stories h2 { margin:0; color:#71a232; font-size:1.1667em; } .byline { font-size:.91667em; } .line { margin:0 40px 30px 0; overflow:hidden; border:1px solid #e3d8c5; border-width:1px 0; } .line p { margin:10px; } .line .utils { margin:10px 10px 0 0; } .line-shop { clear:both; } .line-shop .utils { margin:0; } .line-product-list { border:0; margin:25px 30px 10px 0; width:690px; background:url(../img/backgrounds/related-top-col-6.png) no-repeat; } .line-product-list .utils { margin:20px 0 0 0; } .line-product-list p { margin:25px 0; } .line-story { border:0; margin-top:0; margin-bottom:0; } .line-search { border-top:none; background-color:#F1EBE2; font-size:1.333em; } .line-search p { padding:10px; margin:0; } .event-detail .line { border-bottom:none; margin-right:0; padding-bottom:6px !important; margin-bottom:10px } .event-detail .line a { text-decoration:none } .utils { float:right; display:inline; } .utils-cart { width:200px; background-color:#f1ebe2; padding:20px; } .utils-cart p { margin:0; } .utils-cart .totals { font-size:1.08333em; margin-top:5px; } .view-basket { display:block; margin-top:5px; } .content .heading .utils-cart { margin-right:30px; } /* Image Panel */ .module-image { padding:10px; margin:0 30px 10px 10px; background:#fff url(../img/backgrounds/image-panel.png) no-repeat; float:right; clear:right; display:inline; } .module-image p { padding:10px; margin:0; background:#f1ebe2; font-size:.91667em; } .module-image em { padding:10px 10px 0 10px; margin:0; background:#f1ebe2; color:#ee1c24; font-style:normal; font-weight:normal; font-size:1.16667em; display:block} .module-image span { padding:0 5px; color:#dad1c3; } /* Polls */ .poll { margin:20px 40px 20px 0; clear:both; } .poll dl { margin:15px 10px; } .poll dt { padding:0 0 3px; margin:0 0 6px 0; color:#00a0d2; } .poll dd { margin:2px 5px; } .poll .poll-date { background-color:#f1ebe2; color:#000; font-size:0.9167em; border-top:1px solid #e3d8c5; margin:0 0 10px; padding:3px 12px; display:block; } .poll .poll-message { margin:15px 10px; color:#00a0d2; } .poll .poll-error { color:#ee1c24; } .poll .poll-thanks { color:#4F658C; } .poll .poll-results { } .poll .poll-results dt { border-bottom:1px solid #e3d8c5; color:#4F658C;} /* Paging */ .paging { margin:20px 40px 20px 0; padding-top:10px; border-top:1px solid #e3d8c5; clear:both; } .paging ul { margin:0; float:left; width:100%; overflow:hidden; } .paging li { border:0; margin:0; padding:0; font-size:.91667em; list-style:none; float:left; } .paging a { border:solid 1px #f1ebe2; margin-right:4px; display:inline; font-weight:normal; } .paging .last, .paging .next { float:right; } .paging .last a { margin-right:0; } .paging .active { display:block; float:left; padding:4px 6px; margin:0 15px 0 110px; display:inline; } .paging .goto-selection { display:block; float:left; padding:4px 6px; margin:0 0 0 15px; display:inline; } .paging .goto-selection label { display:block; float:left; padding:0 3px 0 0; } .paging a:link, .paging a:visited { color:#00a0d2; display:block; float:left; padding:3px 7px; text-decoration:none; } .paging a:hover { border:solid 1px #f1ebe2; background:#f1ebe2; color:#000; } /* Sitemap */ ul.sitemap { } ul.sitemap ul { padding:5px 0; list-style:none; border:0; margin:0; width:100%; } ul.sitemap ul ul { padding:5px 0 0 0; } ul.sitemap li { display:block; margin:4px 0; padding:2px 0 3px 0; list-style:none; } ul.sitemap li a { display:inline-block; font-weight:normal; text-decoration:none; padding:2px 0 2px 0; color:#ee1c24; font-size:1.1667em; border-bottom:1px solid #e3d8c5; } ul.sitemap li li a { text-decoration:none; color:#000; border:none; padding:0; background:none; font-size:1em; } ul.sitemap li li li a { text-decoration:none; color:#707070; } ul.sitemap li li { padding:3px 0 4px 18px; background:transparent url(../img/backgrounds/sitemap-level02.gif) 0 .5833em no-repeat;} ul.sitemap li li li { background:transparent url(../img/backgrounds/sitemap-level03.gif) 0 .5833em no-repeat; } ul.sitemap li a:hover { background:none; color:#00a0d2; } /* Overlay form */ .overlay-form {} /* Mimimum styles for overlay funtionality with no styling applied to form */ .overlay-form li { position:relative; display:block; float:left; z-index:500; } .overlay-form li label { position:absolute; display:block; width:100%; color:#9a9a9a; z-index:3; text-align:left; } .overlay-form li label span { position:absolute; display:block; z-index:1; left:3px; top:1px; } .overlay-form li label.focus { color:#ccc; } .overlay-form li label.hastext span { visibility:hidden; } .overlay-form li input { background:transparent; position:relative; z-index:100; } .overlay-form .input-button { float:right; display:inline; } .overlay-form-search /* Extends overlay-form */ { margin:5px 40px 0 40px; width:278px; border:1px solid #cccccc; overflow:hidden; } .overlay-form-search .input-text { border:0; width:240px; outline:0; padding:3px 5px; font-size:11px; } .overlay-form-search select { border:0; outline:0; padding:2px 1px; font-size:11px; } .overlay-form-search label { line-height:1.72727; font-size:.91667em; } .overlay-form-search li label span { left:6px; top:0px; } .overlay-form-comment /* Extends overlay-form */ {} .overlay-form-comment p, .overlay-form-comment .form-intro { background:none; padding:0 10px 10px 0; margin:0; } .overlay-form-comment .form-intro em { font-size:24px; font-weight:bold; line-height:.5; padding:0 3px; color:#ee1c24; vertical-align:bottom; } .overlay-form-comment fieldset { border:none; margin:0; padding:0; font-size:.91667em; } .overlay-form-comment fieldset li { border:none; width:100%; margin:3px 0; padding:0; } .overlay-form-comment fieldset li label span { left:7px; top:1px; width:242px; } .overlay-form-comment fieldset li label span em { position:absolute; right:0; top:0; font-size:20px; font-weight:bold; line-height:23px; padding:3px 5px 0 0; } .overlay-form-comment fieldset input, .overlay-form-comment fieldset textarea { width:238px; border:1px solid #ccc; padding:4px 5px; overflow:hidden; } .overlay-form-comment fieldset fieldset { font-size:1em;} .overlay-form-comment fieldset fieldset label { display:block; position:relative; width:auto; margin-left:0; text-align:left; padding:0; } .overlay-form-comment fieldset fieldset input { width:auto; margin:0 7px 0 0; } .overlay-form-comment .submit-button { margin:0; padding:10px 0; } .overlay-form-comment .submit-button input { margin:0; } .overlay-form-comment .form-info { display:block; margin-left:0; color:#00a0d2; padding:5px 2px; } .overlay-form-comment .form-info-error { color:#ee1c24; } /* Related */ .related { background:url(../img/backgrounds/related-top.png) no-repeat; padding-top:1px; margin-right:30px; position:relative } .related h1 { font-size:1.6667em; } .related h2 { font:bold 1.1667em Arial, Helvetica, sans-serif; margin:10px 40px 10px 0;} .related .byline { margin:10px 40px 10px 0; } .related-wide { background:url(../img/backgrounds/related-top-col-4.png) no-repeat; margin-right:20px; } .related-narrow { background:url(../img/backgrounds/related-top-col-2.png) no-repeat; } .quicklinks { font-size:.91667em; border-bottom:1px solid #e3d8c5; } .content ul.quicklinks { margin-right:20px; } .quicklinks li { border-top:1px solid #e3d8c5; margin:0; padding:6px 10px 6px 20px; list-style:none; background:url(../img/icons/quicklinks-arrow.gif) 0 .5em no-repeat; } .item-summary { margin:10px 0; } .item-summary .img { font-size:.91667em; margin-right:10px; } .item-summary .img p { margin:0; } .item-summary .img img { margin:10px 0 30px 10px; } .item-summary .fl+.text { margin-left:30%; } .item-summary .text h1 { font:bold 1.333em Arial, Helvetica, sans-serif; color:#000; margin:10px; letter-spacing:0; } .item-summary .text h1 a { text-decoration:none; } .item-summary .text p { margin:10px; } .content .learn-more { display:block; margin:10px 10px 15px 10px; font-weight:bold; text-decoration:none; } .content .learn-more:hover { text-decoration:underline; } .item-summary-spotlight { background:#f1ebe2; } .item-summary-spotlight .img img { margin:10px 0 10px 10px; } .item-summary-spotlight .donate { margin:0 0 10px 10px; font-size:1.1667em; width:60px; text-align:center; } .item-summary-story { background:#f1ebe2; } .item-summary-blog { border-top:1px solid #e3d8c5; padding:10px 0 20px 0; } .item-summary-blog .img { width:90px; } .item-summary-blog .img p { margin:10px 0 0 5px; color:#535150; } .item-summary-blog .img img { margin:10px 0 0 0; } .item-summary-blog .text h1 { color:#8d8b8a; } .item-summary-blog .text h1 a { color:#00a0d2; } .item-summary-blog .text h1 a:hover { text-decoration:underline; } .item-summary-blog .text p { color:#535150; } .item-summary-blog .fl+.text { margin-left:90px; } .item-summary-news { margin-right:40px; width:680px; border-top:1px solid #e3d8c5; padding:10px 0 20px 0; } .item-summary-news .img { width:130px; margin-right:20px; } .item-summary-news .img img { margin:10px 0 0 0; } .item-summary-news .img p { margin:10px 0 0 5px; color:#535150; } .item-summary-news .text h1 { color:#8d8b8a; margin-bottom:5px; } .item-summary-news .text h1 a { color:#ee1c24; } .item-summary-news .text h1 a:hover { color:#a51319; } .item-summary-news .text .byline { color:#8d8b8a; margin-top:5px; } .item-summary-news .learn-more { margin-bottom:0; } .item-summary-news .fl+.text { margin-left:140px; } /* Club list */ .vcard { margin:20px 0; } .vcard a { text-decoration:none;} .vcard a:hover { text-decoration:underline; } .vcard .vcard { margin:0; } .organization-name { height:1px; left:-9999em; overflow:hidden; position:absolute; top:0; width:1px; } .organization-unit { font-size:14px; color:#00A0D2; display:block; padding:0 0 2px 24px; background:url(../img/icons/loc-item.png) no-repeat; } .loc-section { clear:left; } .loc-section strong { float:left; color:#808285; font-weight:normal; width:70px; text-align:right; } .loc-section div.adr, .loc-section div.agent { margin-left:80px; } /* Product List */ .product-intro { position:relative; margin:0 30px 0 0; } .product-intro .heading { position:absolute; top:0; right:0; left:0; background:url(../img/backgrounds/panels-tile.png); padding:9px 12px; overflow:hidden;display:block; } .product-intro .heading a { color:#000; text-decoration:underline; } .product-intro .heading a:hover { text-decoration:none; } .content .product-intro h1 { float:left; color:#000; font:normal 1.5833em/1.1579 Arial, Helvetica, sans-serif; margin:0; } .product-list-item { margin-top:15px; background:#f1ebe2; } .product-list-item img { margin:10px 0 0 10px; } .product-list-item .heading { margin:0; } .product-list-item h3 { width:150px; margin:10px 0 10px 10px; color:#000; font-size:1.333em; } .product-list-item h4 { width:47px; margin:10px 10px 10px 0; color:#ee1c24; font-size:1.333em; text-align:right; padding-right:3px; } .product-list-item p { clear:both; margin:10px; } .content .product-list-item .CartItemSelectorContainer { margin:10px; } .cart-total { background:#f1ebe2; padding:6px 8px; margin:0 5px; font-weight:bold; } /* Story Tabs */ .content .story-select { width:690px; overflow:hidden; margin:0; } .story-select li { list-style:none; float:left; margin:0; text-align:center; } .story-select span { display:block; cursor:pointer; } .story-select a { text-decoration:none; display:block; border:1px solid #e3d8c5; min-height:175px; padding:4px 12px; border-width:1px 0 1px 1px; background:url(../img/backgrounds/story-select-repeat-x.png) 0 -200px repeat-x; } .story-select a:hover, .story-select .on a { background-position:0 0; } .story-select a.first { border-left:0px;} .story-select strong { display:block; font-size:1.5em; margin-top:5px; } .story-select .on a strong { color:#71a232; } .story-select em { display:block; font-size:1.1667em; color:#808080; font-style:normal; cursor:pointer;} .story-select .on a em { color:#71a232; } .img-frame { position:relative; width:110px; height:110px; overflow:hidden; } .frame { position:absolute; top:0; left:0; width:110px; height:110px; background:url(../img/backgrounds/circle-stroke.png) no-repeat; } a:hover .frame, .on a .frame { background-position:0 -110px; } /* Donation Tabs */ .content ul.donation-select { overflow:hidden; width:680px; position:relative; z-index:10; margin:20px 40px 0px 0; } .donation-select li { float:left; list-style:none; width:50%; margin:0; } .donation-select li a { display:block; color:#fff; background:#ee1c24; font-size:1.6667em; line-height:1.1; text-decoration:none; padding:10px; margin:0 1px 0 0; border:1px solid #ee1c24; border-width:1px 1px 0 1px; } .donation-select li.last a { margin:0;} .donation-select li a.current { color:#ee1c24; background:#fff; } .donations { border:1px solid #ee1c24; margin:-1px 40px 20px 0; } .donation {} .donation .line { margin:20px; border-top:none; } .donation .line h1 { color:#000; font:normal 1.333em/1.25 Arial, Helvetica, sans-serif; margin:10px 0; } .donation .line h1 strong { font-weight:bold; } .donation p { margin:20px;} .donation p em { font-style:normal; color:#ee1c24; } .donation .xform { width:auto; margin:20px; } .donation fieldset label { padding:0 2% 0 0; width:39%; } .donation fieldset fieldset legend { padding:0 2% 5px 0; width:80%; } .donation fieldset fieldset label { margin-left:41%; } .donation .submit-button { margin-left:41%; } .donation .form-info { margin-left:41%; } .content ul.steps { width:660px; margin:10px 9px; overflow:hidden; clear:left; position:relative; z-index:1; } .one-of-2 { width:330px; } .one-of-3 { width:220px; } .one-of-4 { width:165px; } .one-of-5 { width:132px; } .one-of-6 { width:110px; } .steps li { float:left; background:#f1ebe2; color:#c8b18b; list-style:none; margin:0; } .steps li.on { color:#ffffff; background:#c8b18b; } .steps li span { display:block; padding:10px 10px 10px 10px; font-size:1.333em; line-height:1.25; background:url(../img/backgrounds/step-off-a.gif) right 50% no-repeat; } .steps li.on span { background-image:url(../img/backgrounds/step-on-a.gif); } .steps li.pre-on span { background-image:url(../img/backgrounds/step-off-b.gif); } .steps li.last span { background:none; } .steps-blitz li { color:#8f8a81; } .steps-blitz li span.one { background-image:url(../img/backgrounds/step-one-off-a.gif); } .steps-blitz li.on span.one { background-image:url(../img/backgrounds/step-one-on-a.gif); } .steps-blitz li.pre-on span.one { background-image:url(../img/backgrounds/step-one-off-b.gif); } .steps-blitz li span.two { background-image:url(../img/backgrounds/step-two-off-a.gif); } .steps-blitz li.on span.two { background-image:url(../img/backgrounds/step-two-on-a.gif); } .steps-blitz li.pre-on span.two { background-image:url(../img/backgrounds/step-two-off-b.gif); } .steps-blitz li span.three { background-image:url(../img/backgrounds/step-three-off-a.gif); } .steps-blitz li.on span.three { background-image:url(../img/backgrounds/step-three-on-a.gif); color:#000; } .steps-blitz li.pre-on span.three { background-image:url(../img/backgrounds/step-three-off-b.gif); } .steps-blitz li span.four { background-image:url(../img/backgrounds/step-four-off-a.gif); } .steps-blitz li.on span.four { background-image:url(../img/backgrounds/step-four-on-a.gif); } .steps-blitz li.pre-on span.four { background-image:url(../img/backgrounds/step-four-off-b.gif); } .steps-blitz li span.five { background-image:url(../img/backgrounds/step-five-off-a.gif); } .steps-blitz li.on span.five { background-image:url(../img/backgrounds/step-five-on-a.gif); } .steps-blitz li.pre-on span.five { background-image:url(../img/backgrounds/step-five-off-b.gif); } .steps-blitz li span.six { background-image:url(../img/backgrounds/step-six-off-a.gif); } .steps-blitz li.on span.six { background-image:url(../img/backgrounds/step-six-on-a.gif); } .steps-blitz-veteran li span.three { background-image:url(../img/backgrounds/step-three-vet-off-a.gif); } .steps-blitz-veteran li.on span.three { background-image:url(../img/backgrounds/step-three-vet-on-a.gif); color:#000; } .steps-blitz-veteran li.pre-on span.three { background-image:url(../img/backgrounds/step-three-vet-off-b.gif); } .steps-blitz-veteran li span.four { background-image:url(../img/backgrounds/step-five-off-a.gif); } .steps-blitz-veteran li.on span.four { background-image:url(../img/backgrounds/step-five-on-a.gif); } .steps-blitz-veteran li.pre-on span.four { background-image:url(../img/backgrounds/step-five-off-b.gif); } .steps-blitz-veteran li span.five { background-image:url(../img/backgrounds/step-six-off-a.gif); } .steps-blitz-veteran li.on span.five { background-image:url(../img/backgrounds/step-six-on-a.gif); } .steps-blitz-veteran li.pre-on span.five { background-image:url(../img/backgrounds/step-six-off-b.gif); } /* Search Results*/ h2.h2-search { margin:0 40px 40px 0; } .search-result { margin:20px 0; } .search-result .textbox { float:left; width:75%; } .search-result .heading { display:block; margin:0 0 5px 0; line-height:1.154; font-size:1.08333em; } .search-result .heading a { text-decoration:underline; } .search-result .heading a:hover { text-decoration:none; } .search-result .byline { margin-top:0; font-size:.916667em; } .search-result .byline em { color:#8d8b8a; font-style:normal; } .search-result p { margin:10px 40px 10px 0; } .textbox .group { margin-left:1em; padding-left:1em; background:transparent url(../img/backgrounds/line-divider.gif) no-repeat scroll -6px -1px; } .search-relevance-bg { background:#f1ebe2; border:2px solid #e3d8c5; width:70px; height:4px; padding:1px; } .search-relevance-percent { background:#71a232; height:100%; width:100%; font-size:1px; line-height:0; } /* Scroll Item */ .scroll-wrap { position:relative; top:-60px; width:960px; height:320px; margin-bottom:-60px; } .scroll-wrap .navi { position:absolute; bottom:10px; right:10px; } .scroll-wrap .navi a { display:block; width:18px; height:18px; float:left; background:url(../img/buttons/navi.png) -1px 0; } .scroll-wrap .navi a:hover { background-position:-1px -18px; cursor:pointer; } .scroll-wrap .navi a.active { background-position:-1px -18px; } .scrollable { position:relative; overflow:hidden; width:960px; height:320px; } .scrollable .items { width:20000em; position:absolute; } .scrollable .item { float:left; position:relative; } .scrollable .item img { } .scrollable .item .fade { position:absolute; top:60px; width:600px; height:260px; background:url(../img/backgrounds/img-cover.png) no-repeat; } .scrollable .item p { position:absolute; top:60px; width:200px; height:210px; padding:30px 0 20px 40px; color:#fff; font-size:1.41667em; line-height:1.2941; } .scrollable .item a { color:#fff; } .scrollable .item a:hover { color:#feb913; } .scrollable .item a:hover .fade { cursor:pointer; } /* Home Module */ .module-home {} .module-home .heading { width:256px; background:url(../img/backgrounds/panels-tile.png); padding:9px 12px; overflow:hidden; margin:0; } .module-home .heading a { color:#000; text-decoration:underline; } .module-home .heading a:hover { text-decoration:none; } .module-home h1 { float:left; font-size:1.5833em; line-height:1.1579; font-weight:normal; } .module-home h2 { margin:8px 10px 8px 10px; color:#ee1c24; font-family:"Bookman Old Style", Georgia, Times, Times New Roman, serif; font-size:1.333em; font-weight:bold; line-height:1.125; } .events h2 { font-size:1.6667em; } .module-home img { border-bottom:2px solid #feb913; margin-bottom:6px; display:inline; } .module-home strong { font-weight:bold; } .module-home p { margin:8px 10px; } .module-home hr { height:1px; border:none; color:#f1ebe2; background-color:#f1ebe2; } .module-home a { color:#00a0d2; display:inline-block; } .module-home a:hover { color:#000; } .module-home .horizontal-module-home { margin:8px 0 8px 10px; } .module-home .horizontal-module-home li { border:none; vertical-align:middle; } .module-home .horizontal-module-home li.last { border-left:1px solid #00a0d2; } /* Bizforms ----------------------------------------------------------------------------------------------------*/ .content .ErrorLabel { color:#ee1c24; border:1px dotted #e3d8c5; padding:8px; background-color:#f1eee9; display:block; margin:20px 4% 20px 0; font-size:0.91667em } .content .EditingFormTable { border-collapse:collapse; border:none; margin:20px 4% 20px 0; width:95.5%; } .content .EditingFormTable table { margin:0; } .content .EditingFormTable td { padding:8px 10px; vertical-align:top; text-align:left; } .content .EditingFormLabelCell { background:transparent url(../img/backgrounds/form-divider.gif) repeat-x scroll left bottom; border:0; } .content .EditingFormValueCell { background:transparent url(../img/backgrounds/form-divider.gif) repeat-x scroll left bottom; border:0; } .content .EditingFormButtonLeftCell, .content .EditingFormButtonCell { background:transparent url(../img/backgrounds/form-divider.gif) repeat-x scroll left bottom; border:0; } .content .EditingFormLabelCell label, .content .EditingFormLabelCell span { display:block } .content .EditingFormValueCell input, .content .EditingFormValueCell textarea, .content .EditingFormValueCell select { border:1px solid #cdcdcd; outline:none; padding:1px; outline:2px solid #eee; } .content .EditingFormTable .RadioButtonList, .content .EditingFormTable .RadioButtonList td, .content .EditingFormTable .CheckBoxListField, .content .EditingFormTable .CheckBoxListField td, .content .EditingFormTable .ListBoxField, .content .EditingFormTable .ListBoxField select, .content .EditingFormTable .UploaderTable, .content .EditingFormTable .UploaderTable td, .content .EditingFormTable .CheckBoxField td { border:none !important; outline:none; } .content .EditingFormTable .RadioButtonList td, .content .EditingFormTable .CheckBoxListField td { padding:0 0 4px 0; } .content .EditingFormTable .RadioButtonList td input, .content .EditingFormTable .CheckBoxListField td input, .content .EditingFormTable .CheckBoxField input, .content .EditingFormTable .UploaderTable input { border:none !important; outline:none; } .content .EditingFormTable .UploaderTable td { padding:0; } .content .EditingFormTable .UploaderTable .UploaderLabel { padding:0 10px 0 0; } .content .EditingFormTable .EditingFormErrorLabel { color:#ee1c24; display:block; font-size:0.91667em; padding:8px 0 3px 0; } /* Shopping Cart ----------------------------------------------------------------------------------------------------*/ .content .price { color:#888; } .content .price strong { color:#666; } .content .CartItemSelectorContainer { margin:5px; } .content .AddToCartTextBox { width:50px; vertical-align:middle; margin:0 4px 0 5px; padding:2px 3px 3px 3px; } .content .AddToCartImageButton { vertical-align:middle; } .content .AddToCartQuantity { vertical-align:middle; } .content .CartTable { margin:20px 40px 20px 0; width:680px !important; border:none; padding:0; font-size:1em; margin:0; clear:both; } .content .CartTable td { padding:0; border:none; font-size:100% } .content .CartTable td .BlockTitle { font-size:1em; display:block; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#000; border-bottom:1px solid #e3d8c5;} .content .CartTable .TextRight { text-align:right; } .content .CartStepTable { border:none; margin:0 } .content .CartStepTable td { border:none; font-size:100%; text-align:left} .content .CartStepTable .CartStepHeader { color:#000; padding:7px 10px; border-bottom:1px solid #e3d8c5; font-size:1em; text-align:left; background-color:#f1ebe2} .content .CartStepTable .CartStepBody { border:none; font-size:1em } .content .CartTable .ContentButton, .content .CartTable .LongButton { color:#fff; text-decoration:none; background-color:#ee1c24; line-height:1; padding:8px 10px; display:inline-block; border:none; font-size:.91667em; } /*.content .CartStepTable .CartStepBody div span { color:#4c5556; font-weight:normal; margin:0 0 10px 0}*/ .content .CartStepTable .CartStepBody .BlockContent { border-bottom:1px solid #f1ede8; padding:0 0 10px 0; margin:0 0 10px 0; } .content .CartStepTable .CartStepBody .BlockContent table { width:100%; border:none; border-collapse:collapse; margin:0; font-size:1em; text-align:left} .content .CartStepTable .CartStepBody .BlockContent label { padding:0 5px; } .content .CartStepTable .CartStepBody .BlockContent .TextAreaField { font-size:1em !important; padding:5px} .content .CartStepTable .CartStepBody .BlockContent table td { padding:5px 0; font-size:100%} .content .CartStepTable .CartStepBody .BlockContent table .CartContentTable td { border:1px solid #E3D8C5; padding:7px 10px; background-color:#fbf9f6; font-size:100%} .content .CartStepTable .CartStepBody .BlockContent table .CartContentTable td .UnitsTextBox { width:35px; font-family:Arial, Helvetica, sans-serif} .content .CartStepTable .CartStepBody .BlockContent table .CartContentTable td span { font-size:100%} .content .CartStepTable .CartStepBody .BlockContent table .FieldLabel { padding:0 10px 0 0; color:#000 } .content .CartStepTable .CartStepBody .BlockContent table .FieldLabel span { color:#000} .content .CartStepTable .CartStepBody .CartStepInnerPanel { padding:10px 0} .content .CartStepTable .CartStepBody .BlockContent #tblSignIn { border-bottom:1px solid #e9e9e9; width:100%; } .content .CartStepTable .CartStepBody .BlockContent #tblSignIn td { padding:5px 0; font-size:100%} .content .CartStepTable .CartStepBody .BlockContent #tblSignIn .FieldLabel { padding:0 10px 0 0; color:#323334 !important } .content .CartStepTable .CartStepBody .BlockContent #tblSignIn .FieldLabel span { color:#000 } .content .CartStepTable .CartStepBody .BlockContent #tblSignIn .TextBoxField, .content .CartStepTable .CartStepBody .BlockContent #tblSignIn .TextBoxField .TextboxField { color:#59595c; width:200px; padding:2px; font-size:1em !important} .content .CartStepTable .CartStepBody .BlockContent table fieldset { border:1px solid #e9e9e9; padding:10px;} .content .CartStepTable .CartStepBody .BlockContent table legend { color:#ee1c24; padding:5px} .content .CartStepTable .CartStepBody .BlockContent #tblRegistration { border-bottom:1px solid #e9e9e9; width:100%;} .content .CartStepTable .CartStepBody .BlockContent #tblRegistration .FieldLabel { padding:0 10px 0 0; color:#323334; width:150px;} .content .CartStepTable .CartStepBody .BlockContent #tblRegistration .FieldLabel span { color:#323334 } .content .CartStepTable .CartStepBody .BlockContent #tblRegistration .TextBoxField, .content .CartStepTable .CartStepBody .BlockContent #tblRegistration .TextboxField { color:#59595c; width:200px; padding:2px; font-size:1em !important} .content .CartStepTable .CartStepBody .BlockContent #tblAnonymous { border-bottom:1px solid #e9e9e9; width:100%;} .content .CartStepTable .CartStepBody .BlockContent #tblAnonymous .FieldLabel { padding:0 10px 0 0; color:#4d4d4d; width:150px} .content .CartStepTable .CartStepBody .BlockContent #tblAnonymous .FieldLabel span { color:#4d4d4d} .content .CartStepTable .CartStepBody .BlockContent #tblAnonymous .TextBoxField, .content .CartStepTable .CartStepBody .BlockContent #tblAnonymous .TextboxField { width:200px; padding:2px; font-size:1em !important} .content .CartStepTable .CartStepBody .CartStepPanel .CartStepInnerPanel .InfoLabel { background-color:#528125; padding:10px; display:block; margin:0 0 10px 0; color:#fff } .content .CartStepTable .CartStepBody #billingAddrTable, .content .CartStepTable .CartStepBody #shippingAddrTable { width:100%; } .content .CartStepTable .CartStepBody #billingAddrTable .FieldLabel, .content .CartStepTable .CartStepBody #shippingAddrTable .FieldLabel { padding:0 10px 0 0} .content .CartStepTable .CartStepBody #billingAddrTable .FieldLabel span, .content .CartStepTable .CartStepBody #shippingAddrTable .FieldLabel span { color:#000; font-weight:normal; display:block; margin:0 0 10px 0} .content .CartStepTable .CartStepBody #billingAddrTable .TextBoxField, .content .CartStepTable .CartStepBody #billingAddrTable .TextboxField, .content .CartStepTable .CartStepBody #shippingAddrTable .TextboxField { ; width:200px; padding:2px; font-size:1em !important} .content .CartStepTable .CartStepBody #billingAddrTable .DropDownField, .content .CartStepTable .CartStepBody #shippingAddrTable .DropDownField { font-size:1em !important} .content .CartStepTable .CartStepBody #billingAddrTable td select, .content .CartStepTable .CartStepBody #shippingAddrTable td select { } .content .CartStepTable .CartStepBody .CartStepPanel .CartStepInnerPanel table td { font-size:100%} .content .CartStepTable .CartStepBody .CartStepPanel .CartStepInnerPanel table td span { color:#000} .content .CartStepTable .CartStepBody .BlockContent .ErrorLabel { color:#ed6508; font-size:0.875em; padding:10px 0; display:block; } .content .CartStepTable .CartStepBody .BlockContent .ErrorLabel a:link, .content .CartStepTable .CartStepBody .BlockContent .ErrorLabel a:active, .content .CartStepTable .CartStepBody .BlockContent .ErrorLabel a:visited { color:#ed6508; text-decoration:underline} .content .CartStepTable .CartStepBody .BlockContent .ErrorLabel a:hover { color:#ed6508; text-decoration:none} .content .CartStepTable .CartStepBody .BlockContent .LineErrorLabel { color:#ed6508 !important; font-size:0.875em; padding:10px 0; display:block; } .content .CartStepTable .CartStepBody .BlockContent #CartTotalLblTD, .content .CartStepTable .CartStepBody .BlockContent #CartTotalValueTD { padding:10px 0; color:#528125} .content .CartStepTable .CartStepBody .BlockContent #CartTotalLblTD span { color:#528125} .content .CartStepTable .CartStepBody .BlockContent #CartTotalValueTD span { font-weight:bold; color:#528125} /* Event Calendar */ .content .event-cal { width:680px } .event-cal table { width:680px; margin:0 } .event-cal table table { background-color:#F1EBE2; border:none } .event-cal table table td { text-align:center !important; color:#000; font-weight:bold; font-size:1.333em; height:26px; background-color:#F1EBE2; border:none; padding:10px 5px !important } .event-cal table table td a { color:#00a0d2; text-decoration:none; font-size:0.95em } .event-cal table table td div { font-size:0.75em ; margin:0; padding-top:3px} .event-cal table table td .fl { text-align:left } .event-cal table table td .fr { text-align:right } .event-cal td { width:14.2857%; padding:0 !important; vertical-align:top; height:115px } .event-cal td.month { height:42px } .event-cal td a { color: #FFF; text-decoration:underline } .event-cal th { background-color: none !important; background:none !important; font-weight:normal !important } .event-cal td img { clear:both; text-align:center; margin:0px auto; padding-bottom:8px } .event-cal .day { padding: 8px 10px !important; color:#7f7f7f; font-family:Myriad Pro, Myriad, Helvetica, Arial, sans-serif; font-size:1.15em; height:28px } .event-cal .dateoff { margin:0 !important; padding: 2px 4px; background-color:#c9b18b; color:#FFF; text-align:center; float:right; width:18px; height:20px } .event-cal .dateon { margin:0 !important; padding: 2px 4px; background-color:#917649; color:#FFF; text-align:center; float:right; width:18px; height:20px } .event-cal .yellow, .event-cal .green, .event-cal .black { font-size:0.9em; color:#FFF; clear:both; width:auto; margin:0 !important; border-width: 1px 0 0 0; border-color:#FFF; border-style: solid; padding:5px 10px } .event-key .yellow, .event-key .green, .event-key .black { font-size:1.25em; color:#FFF; clear:both; width:auto; margin:0 !important; border-width: 1px 0 0 0; border-color:#FFF; border-style: solid; padding:10px 10px } .event-cal .yellow, .event-key .yellow { background-color:#feb913; color:#000 } .event-cal .yellow a { color:#000 } .event-cal .green, .event-key .green { background-color:#71a232 } .event-cal .black, .event-key .black { background-color:#000 } .event-key { margin-left:20px; margin-top:50px !important; width:160px; line-height:1.3; } .event-key h2 { font-size:1.55em; color:#ee1c24; font-weight:bold; font-family:"Bookman Old Style", Georgia, Times, Times New Roman, serif; margin-bottom:10px } .goto-calendar { background-image: url(../img/icons/event-back.gif); background-repeat:no-repeat; background-position:0 10px; padding:10px 0 40px 30px; border-top: #e3d8c5 1px solid; width:680px; margin-top:40px } .goto-calendar a {padding:2px 0; color:#00a0d2; text-decoration:none; font-weight:bold } .event-detail { width:680px !important; display:inline; float:left } .event-detail .heading .utils { margin:20px 10px 0 0; } .event-detail .ifr, .event-detail .fr { margin: 4px 0 20px 20px } .event-detail h2, .event-detail h3 { color:#71a232 !important; font-family:"Bookman Old Style", Georgia, Times, Times New Roman, serif; } .event-detail h2 { font-size:3em !important; color:#71a232 !important; margin:5px 0 0 0 } .event-detail h3 { font-size:1.167em; color:#71a232; margin:3px 0 20px 0; } .event-detail p.intro { margin-top:0px; clear:left; display:block } .event-detail p { } .event-detail dl.info { font-size:1.137em; list-style:none; margin-left:0; margin:3px 0;} .event-detail dl.info dt.infoTitle { margin:2px 0 0 0; font-weight:bold; float:left } .event-detail dl.info dd { margin-left:110px; display:block } /* Fundraising pages */ .fund-step { display:block; padding:12px 0 0 65px; } .fund-step h1 { display:block; width:150px; height:20px; margin:0 0 10px 0; text-indent:-9999em; } .fund-step p { display:block; margin:10px 0 5px 0;} .fs1 { background:url(../img/backgrounds/step-1.gif) no-repeat 0 0; } .fs1 h1 { background:url(../img/backgrounds/create.gif) no-repeat 0 0; } .fs2 { background:url(../img/backgrounds/step-2.gif) no-repeat 0 0; } .fs2 h1 { background:url(../img/backgrounds/share.gif) no-repeat 0 0; } .fs3 { background:url(../img/backgrounds/step-3.gif) no-repeat 0 0; } .fs3 h1 { background:url(../img/backgrounds/fundraise.gif) no-repeat 0 0; } .fs-btn { padding:10px 0 20px 65px;} .fundraise .xform { width:100%} .fundraise .xform label { width:40%} .fundraise .xform .f-name { width:50%;} .fundraise .xform .f-date { width:40%;} .fundraise .xform .f-type { width:52%;} .fundraise .xform .submit-button { margin-top:0 !important } .col-6-divider { margin:0 0 20px 0; display:block; background:url(../img/backgrounds/related-top-col-6.png) no-repeat 0 0; padding:20px 0; } .share-links h2 { float:left; margin:0px 20px 0 0; width:176px; height:20px; display:block; background:url(../img/headings/spread-the-word.gif) no-repeat 0 0; text-indent:-9999em; } .share-links .addthis_toolbox { float:left; margin:0} .share-links .addthis_toolbox a { padding:2px 15px 2px 25px;} .share-links .addthis_toolbox a span { font-style:normal; text-decoration:underline; cursor:pointer} .share-links .addthis_toolbox .addthis_button_bebo { background:url(../img/icons/bebo.gif) no-repeat 0 0;} .share-links .addthis_toolbox .addthis_button_facebook { background:url(../img/icons/facebook.gif) no-repeat 0 0;} .share-links .addthis_toolbox .addthis_button_twitter { background:url(../img/icons/twitter.gif) no-repeat 0 0;} .share-links .addthis_toolbox .addthis_button_email { background:url(../img/icons/email.gif) no-repeat 0 0; padding-right:0px !important} .fundraise-heading { display:block; position:relative; margin-bottom:0 !important} .fundraise-heading h1 { width:500px; } .fundraise-heading .fundraise-date { display:block; position:absolute; top:5px; right:0px;} .fundraise-heading .blurb { font-size:1em; color:#7f7f7f; } .amount-raised-graph { width:330px; margin:0 25px 25px 0; background:#f1ebe2 url(../img/backgrounds/amount-raised-graph-bg.gif) repeat-x bottom left; border:1px solid #e3d8c5; position:relative; float:left; } .amount-raised-graph h3 { font-family:"Bookman Old Style",Georgia,Times,Times New Roman,serif; font-size:1.16667em; color:#61bfda; font-weight:bold; margin:15px 15px 5px 15px; } .amount-raised-graph h4 { font-size:1.08333em; color:#7a7875; margin:0px 15px 10px 15px } .amount-raised-graph .highlight-button { position:absolute; top:15px; right:15px;} .graph-bg { background:url(../img/backgrounds/graph-numbers.gif) no-repeat; width:329px; height:56px; margin-top:10px; } .graph-bar-wrap { width:295px; height:12px; padding:5px 17px 39px 17px; } .graph-bar { background:url(../img/backgrounds/graph-progress.gif) repeat-x; width:329px; height:14px; } .fundraiser-table { position:relative; } .fundraiser-table .top-right { position:absolute; top:20px; right:40px;} .fundraiser-table h2 { margin:0 0 20px 0;} .fundraiser-table table { margin-left:1px} .ssfundraise { margin:0px 40px 0 0 !important}