/* v1.0 | 20080212 - hat tip to eric meyer */ 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;} body { line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} a:link { color:#0071bb; } a:visited { color:#7473a9; } a:focus { color:#00bce7; } a:hover { color:#00bce7; } a:active { color:#f68220; } /* Clearing Floats */ .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*** REUSEABLE CLASSES ***/ .imgflr { float:right; padding:5px; background-color:#fff; border:1px solid #e9e3dc; margin:0 0 15px 15px;} .imgflr img { display:block; background-color:#e9e3dc;} .imgflr span { font-size:0.68em; padding:0px; margin:5px 0 0 0; line-height:1; color:#9b8f81; display:block; width:250px} .fr {float:right} .fl {float:left} /* The basics */ body { background:#fff; font-family:Arial, Helvetica, sans-serif; overflow:scroll } #wrapper { width:910px; margin:0px auto; } #printheader { display:none; } #header { width:850px; height:95px; padding:25px 30px 0px 30px; background:url(../img/banner-top.gif) no-repeat top left; position:relative; display:block} #logo { position:absolute; top:25px; left:30px } #header-right { width:600px; float:right; padding:0px; font-size:0.75em; } #header-links { padding:0; margin-bottom:30px; display: block; float:right;} #header-links li { list-style:none; display:inline; margin-left:25px } #header-links a { color:#fff; padding:0; margin:0; } #header-links a:link, #header-links a:active, #header-links a:visited { color:#fff; text-decoration:none } #header-links a:hover { color:#fff; text-decoration:underline} #header-search { clear:right; float:right; padding:0; } #header-search .hideMe { display:none} #header-search .searchInp { width:246px; height:18px; border:0; outline:0; padding:4px 2px 4px 2px; line-height:1; margin:0px 1px 0px 0px; float:left; display:inline; background:url(../img/search-tool.gif) no-repeat 0 0; color:#808285; text-indent:5px; outline:0; border:0 } #header-search .header-search-btn { width:78px; height:25px; outline:0; padding:0; margin:0; line-height:1; font-size:1em; display:block; float:left; display:inline; background:url(../img/search-tool.gif) no-repeat -252px 0 } #header-search .header-search-btn input { width:78px; height:25px; } #header-links .btn-facebook { top:66px; left:360px } #header-links .btn-twitter { top:66px; left:453px } .btn-facebook, .btn-twitter { position:absolute; display:block; z-index:100; cursor:pointer; width:88px; height:27px; text-indent:-999em; display:block } .btn-facebook { background:url(../img/buttons/btn-facebook.png) no-repeat 0 0 } .btn-twitter { background:url(../img/buttons/btn-twitter.png) no-repeat 0 0 } .btn-facebook:hover, .btn-twitter:hover { background-position:0 -30px } /* Main Nav */ #nav { width:910px; height:40px; overflow:hidden; background:url(../img/nav-bg.gif) repeat-x 0 0; position:relative; border-bottom:1px solid #fff} #nav ul { margin:0; padding:0 0 0 16px; } #nav ul li { list-style:none; padding:0; margin:0; float:left} #nav ul li a { display:block; height:40px; text-indent:-9999em} #nav ul li #n01 { width:65px; margin-right:1px;} #nav ul li #n02 { width:89px; margin-right:1px;} #nav ul li #n03 { width:63px; margin-right:1px;} #nav ul li #n04 { width:114px; margin-right:1px;} #nav ul li #n05 { width:78px; margin-right:1px;} #nav ul li #n01 { background:url(../img/buttons/nav.gif) no-repeat -16px 0px} #nav ul li #n02 { background:url(../img/buttons/nav.gif) no-repeat -82px 0px} #nav ul li #n03 { background:url(../img/buttons/nav.gif) no-repeat -172px 0px} #nav ul li #n04 { background:url(../img/buttons/nav.gif) no-repeat -236px 0px} #nav ul li #n05 { background:url(../img/buttons/nav.gif) no-repeat -351px 0px} #nav ul li #n01:hover, #nav ul li.highlighted #n01 { background:url(../img/buttons/nav.gif) no-repeat -16px -40px} #nav ul li #n02:hover, #nav ul li.highlighted #n02 { background:url(../img/buttons/nav.gif) no-repeat -82px -40px} #nav ul li #n03:hover, #nav ul li.highlighted #n03 { background:url(../img/buttons/nav.gif) no-repeat -172px -40px} #nav ul li #n04:hover, #nav ul li.highlighted #n04 { background:url(../img/buttons/nav.gif) no-repeat -236px -40px} #nav ul li #n05:hover, #nav ul li.highlighted #n05 { background:url(../img/buttons/nav.gif) no-repeat -351px -40px} .regions { width:71px; height: 40px; display:block; position:absolute; right:367px; top:0px; margin:0px; background:url(../img/buttons/regions-btn.gif) no-repeat 0px 0px; padding:10px 0 8px 34px} .regions a:hover { background:url(../img/buttons/regions-btn.gif) no-repeat 0px -40px;} .run-fundraiser { width:131px; height:40px; display:block; position:absolute; right:215px; top:0px; margin:0px; background:url(../img/buttons/fundraiser-btn.gif) no-repeat 0px 0px; padding:10px 0 8px 16px} .run-fundraiser a:hover { background:url(../img/buttons/fundraiser-btn.gif) no-repeat 0px -40px;} .donate-large { width:166px; height:40px; display:block; position:absolute; right:28px; margin:0px; background:url(../img/buttons/donate-btn-new.gif) no-repeat 0px 0px; padding:10px 0 8px 16px} .donate-large a:hover { background:url(../img/buttons/donate-btn-new.gif) no-repeat 0px -40px; } .regions a, .run-fundraiser a, .donate-large a { color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; font-size:0.925em; font-weight:bold; letter-spacing:0.025em } .regions em, .run-fundraiser em, .donate-large em { font-style:normal } .regions a { text-shadow: -1px -1px 0px #9dac3d; filter: dropshadow(color=#9dac3d, offx=-1, offy=-1) } .run-fundraiser a { text-shadow: -1px -1px 0px #9dac3d; filter: dropshadow(color=#9dac3d, offx=-1, offy=-1) } .donate-large a { text-shadow: -1px -1px 0px #db7624; filter: dropshadow(color=#db7624, offx=-1, offy=-1) } /* Subnav */ #subnav { width:205px; padding:25px 0 25px 0; font-size:0.69em; line-height:1.2; float:left; display:block; margin:0;} #subnav ul { margin:0 20px 0 35px; padding:0;} #subnav ul li { list-style:none; padding:0; margin:0; } #subnav ul li a { display:block; padding:5px 0px 7px 0; margin:0;} #subnav ul li.highlighted a { font-weight:bold} #subnav ul li a:link, #subnav ul li a:active, #subnav ul li a:visited { text-decoration:none; color:#4d4d4d} #subnav ul li a:hover { text-decoration:underline; color:#4d4d4d} #subnav ul li ul { padding:0; margin:0; } #subnav ul li ul li { list-style:none; margin:0; } #subnav ul li.highlighted ul li a { padding-left:15px; font-weight:normal} #subnav ul li.highlighted ul li.highlighted { } #subnav ul li.highlighted ul li.highlighted a { font-weight:bold; background:url(../img/sub-nav-arrow.gif) no-repeat 0px 8px} #subnav ul li ul li ul { padding:0; margin:0 0 0 15px; } #subnav ul li ul li ul li { list-style:none; margin:0; } #subnav ul li.highlighted ul li.highlighted ul li a { padding-left:15px; font-weight:normal; background:url(../img/sub-sub-nav-arrow.gif) no-repeat 0px 8px} #subnav ul li.highlighted ul li.highlighted ul li.highlighted a { font-weight:bold; background:url(../img/sub-subactive-nav-arrow.gif) no-repeat 0px 8px} /* Newsletter Sign Up */ .newsletter-sub { border-top:1px solid #fff; margin:0; float:left; display:block; width:160px; float:left; padding:15px 20px 15px 15px; margin:20px 0 0 10px } .newsletter-sub h3 { color:#808285; font-size:1.25em } .newsletter-sub input { display:block; border:1px solid #e9e3dc; width:152px; padding:4px; line-height:1.5; color:#ada6a3; margin:5px 0 !important } .newsletter-sub a { background:url(../img/buttons/subscribe.png) no-repeat 0 0; display:block; width:78px; height:25px; text-indent:-9999em; float:right } .newsletter-sub a:hover { background-position: 0 bottom } /* Home Content */ #home-content-1 { background:url(../img/home-bg-1.gif) repeat-y top left; padding:15px 25px 20px 25px; margin:0;} #home-flashbox { margin:0 5px; padding:0; width:850px; height:260px;} #home-buttons { width:830px; margin:0px auto; background:url(../img/homepage-fader.gif) no-repeat top left; padding:10px 10px 20px 10px} #who-we-are, #what-we-do, #do-you-need, #do-you-want, #big-donate-now { float:left; display:block; width:250px; height:35px; background-repeat:no-repeat; text-indent:-9999em; } .home-buttons-left {float:left; width:505px; height:75px} #big-donate-now { width:320px; height:75px; float:right; background:url(../img/buttons/donate-huge.gif);} #who-we-are { background-image:url(../img/buttons/who-we-are.gif); margin:0px 5px 5px 0px; } #what-we-do { background-image:url(../img/buttons/what-we-do.gif); margin:0px 5px 0px 0px;} #do-you-need { background-image:url(../img/buttons/do-you-need-help.gif); margin:0px 0px 0px 0px;} #do-you-want { background-image:url(../img/buttons/do-you-want-help.gif); margin:0px 0px 0px 0px;} #who-we-are:link, #who-we-are:active, #who-we-are:visited, #what-we-do:link, #what-we-do:active, #what-we-do:visited, #do-you-need:link, #do-you-need:active, #do-you-need:visited, #do-you-want:link, #do-you-want:active, #do-you-want:visited { background-position:0px 0px} #who-we-are:hover, #what-we-do:hover, #do-you-need:hover, #do-you-want:hover { background-position:0px -35px} #big-donate-now:link, #big-donate-now:active, #big-donate-now:visited { background-position:0px 0px} #big-donate-now:hover { background-position:0px -75px} /* Addthis Adjustments */ #home-content-1 .addthis_toolbox { margin:20px 0 0 5px; padding-bottom: 10px; font-size:0.875em; width:300px; display: block;} #home-content-1 .addthis_toolbox .addthis_button_compact { color:#3e4043; padding-right:5px } #home-content-1 .addthis_button_facebook_like { margin-top:-1px } #home-content-1 .addthis_button_facebook_like iframe { width:80px !important; height:20px !important } #home-divider { height:1px; width:910px; outline:none; border:none; background:url(../img/home-divider.gif) no-repeat top left; margin:0px; padding:0px; line-height:1px} #home-divider hr{ display:none} #home-content-2 { background:url(../img/home-bg-2.gif) repeat-y top left; padding:20px 40px} #home-content-2 p {width:460px; font-size:0.9em; color:#3e4043; line-height:1.4; float:left; padding-top:10px; margin:0} .home-text { width:460px; font-size:0.9em; color:#3e4043; line-height:1.4; float:left; padding-top:10px; margin:0} #talk-box { position:relative; float:right; width:315px; } #talk-box-hidden div { clear:both; padding-bottom:5px; display:block;} #talk-box-hidden label { float:left; width:30px; font-weight:normal !important; margin:5px 0 0 0 !important; font-size:0.825em; color:#ada6a3; } #talk-box-hidden input, #talk-box-hidden select { float:right; width:225px; border:none; outline:none; background:url(../img/talk-fields-bg.gif) no-repeat top left; height:17px; padding:2px 3px; color:#ada6a3; font-size:0.825em; font-family:Arial, Helvetica, sans-serif} #talk-box-hidden select { height: auto; width: 231px;} #talk-box fieldset { width:320px; background:url(../img/talk-to-us.gif) no-repeat top left; margin:0px; padding:0px; border:none; display:block} #talk-box em { display:block; color:#ada6a3; margin-bottom:7px; font-weight:bold; line-height:1; font-style:normal} #talk-box fieldset textarea { width:295px; height:70px; padding:10px; outline:none; border:none; background:none; font-family:Arial, Helvetica, sans-serif; color:#ada6a3; font-size:0.75em; overflow:auto} #talk-box fieldset input { float:right; margin:5px 5px 0px 0px} #home-content-3 { background:url(../img/home-bg-3.gif) repeat-y top left; padding:20px 40px} .home-leftbox { width:400px; float:left; display:block; background:url(../img/home-spot-bg.gif) no-repeat 0px 10px; padding-top:17px; position:relative } .home-leftbox em, .home-rightbox em { width:220px; font-weight:bold; font-style:normal; color:#808285; margin:0 0 20px 0; padding:0px 10px; line-height:1; display:block} .home-spot-link { color:#0171bb; margin-bottom:5px; font-size:0.9em; display:block; width:230px;} .home-spot-link:link, .home-spot-link:active, .home-spot-link:visited { color:#0171bb; text-decoration:underline} .home-spot-link:hover { color:#0171bb; text-decoration:none} .home-leftbox p, .home-rightbox p { font-size:0.8em; color:#3e4043; line-height:1.2; width:230px; margin-bottom:5px} .home-leftbox img { padding:5px; background:#fff; border:1px solid #e9e3dc; margin:0; position:absolute; top:0; right:20px} .home-rightbox { float:right; width:400px; display:block; background:url(../img/home-spot-bg.gif) no-repeat 0px 10px; padding-top:17px; position:relative} .home-rightbox img { position:absolute; top:0; right:10px} .home-spot-readmore { color:#0171bb; font-size:0.8em} .home-spot-readmore:link, .home-spot-readmore:active, .home-spot-readmore:visited { color:#0171bb; text-decoration:none;} .home-spot-readmore:hover { text-decoration:underline} /* Footer */ #footerWrapHome { padding:0px 10px; border:10px solid #f2f2f3; border-width:0 10px 10px 10px; } #footerWrapInside { margin:1px 0 0 0; border:10px solid #f2f2f3; padding:0px 10px; } #footerWrapHome #footer { border-top:10px solid #f2f2f3; } #footer { padding:25px 10px 25px 10px; font-size:0.70em; color:#808285; position:relative } #footer p { margin-bottom:3px} #footer p.footerNumbers { margin-top:8px; } #footer a:link, #footer a:active, #footer a:visited { color:#808285; text-decoration:none} #footer a:hover { color:#808285; text-decoration:underline} #footer a.footerRSS { background:url(../img/icons/rss-mini.gif) no-repeat 0px 2px; padding-left:16px} .footerLeft { float:left} .footerRight { float:right} .footerLeft span { margin-right:10px} .footerRight span { margin-left:10px} #footerStaticLinks {margin-bottom: 10px; float: right; display: inline-block} #footerStaticLinks span {float: right} #footerEditableLinks {margin-top: 10px; float: right; display: inline-block} #footerEditableLinks span {float: right} #footer .btn-facebook { top:20px; left:480px; display:inline-block } #footer .btn-twitter { top:52px; left:480px; display:inline-block } /*** BREADCRUMB ***/ #breadcrumb { width:543px; clear:left; margin:8px 0 0 0} #breadcrumb ul { margin:0; padding:0; font-size:0.68em} #breadcrumb li { list-style:none; float:left; color:#808285; margin-right:8px} #breadcrumb li a { padding-left:11px; background:url(../img/breadcrumb-arrow.gif) no-repeat 0px 5px; color:#0171bb} #breadcrumb li a:link, #breadcrumb li a:active, #breadcrumb li a:visited { text-decoration:none; color:#0171bb} #breadcrumb li a:hover { text-decoration:underline; color:#0171bb} #breadcrumb li span { padding-left:11px; background:url(../img/breadcrumb-arrow.gif) no-repeat 0px 5px; } /*** LAYOUTS ***/ #inside { background:url(../img/inside-bg.gif) repeat-y top left} /*** GENERIC ***/ select, option, input, textarea { font-family:Arial, Helvetica, sans-serif; } #inside .contentWrap { float:right; width:705px; padding:0; margin:0; display:block} #inside #inside-header { width:543px; padding:20px 142px 12px 20px; background:transparent url(../img/inner-header-bg.gif) repeat-y top right; position:relative } #inside #inside-header-wrap { width:515px;} #inside #inside-header h1, #inside #inside-header h2 { color:#818386; font-size:1.75em; font-weight:normal; white-space:normal; padding:0; float:left } #inside #inside-header h1 { background:url(../img/h1-divider.gif) no-repeat top right; padding-right:15px; margin-right:15px; } #inside #inside-header h1.no-divide { background: none; } #inside #header-buttons { position:absolute; top:22px; right:30px; width:auto; overflow:hidden; width:177px; border:1px solid #dad3d1; padding-left:4px } #header-buttons .header-print { width:113px; height:25px; display:block; background:url(../img/buttons/print-page.gif) no-repeat 0px 0px; text-indent:-9999em; margin-bottom:5px} #header-buttons .header-print:hover { width:113px; height:25px; display:block; background:url(../img/buttons/print-page.gif) no-repeat 0px -25px;} #header-buttons .header-email { width:113px; height:25px; display:block; background:url(../img/buttons/email-page.gif) no-repeat 0px 0px; text-indent:-9999em; margin-bottom:5px} #header-buttons .header-email:hover { width:113px; height:25px; display:block; background:url(../img/buttons/email-page.gif) no-repeat 0px -25px;} #header-buttons .header-bookmarks { width:177px; height:28px; display:block; background: url(../img/buttons/bookmark.png) repeat-x 0 0; float:right; margin:0; padding-left:4px } #header-buttons .header-bookmarks .addthis_toolbox { padding:6px 0 } #header-buttons .header-bookmarks .addthis_toolbox a, .addthis_toolbox .addthis_default_style .at300m { padding:0 3px !important } .addthis_toolbox .addthis_button_facebook_like { float:right; margin-top:-2px; padding-left:0 !important } .addthis_toolbox .addthis_button_facebook_like iframe { width:75px !important } #inside .h3-box { width:675px; padding:15px 0 10px 20px; border-bottom:1px solid #f2f2f3; } #inside .h3-box h3 { color:#f68220; font-size:1.25em; font-weight:normal; line-height:1.2; margin:0; padding:0; } #inside .h3-box p { font-size:0.75em; color:#808285; padding:5px 0 0 0; line-height:1} #inside #nav-level-4 { padding:5px 20px 0 2px; } #inside #nav-level-4 li { list-style:none; display:inline; } #inside #nav-level-4 li a { font-size:0.75em; line-height:1; padding:0 0 0 10px; margin:0 10px 0 0; background:url(../img/l4-arrow.gif) no-repeat 0px 4px; color:#4d4d4d} #inside #nav-level-4 li a:link, #inside #nav-level-4 li a:active, #inside #nav-level-4 li a:visited { color:#4d4d4d; text-decoration:none} #inside #nav-level-4 li a:hover { text-decoration:none; color:#4d4d4d; background:url(../img/sub-subactive-nav-arrow.gif) no-repeat 0px 4px;} #inside #nav-level-4 li.highlighted a { font-weight:bold; background:url(../img/sub-subactive-nav-arrow.gif) no-repeat 0px 4px; color:#4d4d4d; text-decoration:none} #inside .h3-backbtn { float:right; text-align:right; padding-top:5px; font-size:0.75em; line-height:1; color:#0171bb; padding-left:10px; padding-right:20px; background: url(../img/icons/arrow-left.gif) no-repeat 0 9px; margin:0; cursor:pointer;} #inside .h3-backbtn:link, #inside #h3-backbtn:active, #inside #h3-backbtn:visited { color:#0171bb; text-decoration:none;} #inside .h3-backbtn:hover { color:#0171bb; text-decoration:underline} #inside .content { padding:20px; overflow: auto;} #donation .content-thanks { background:none !important; padding:20px; width:700px !important } #inside .content h1, #donation .content h1 { color:#808285; font-size:1.125em; font-weight:normal; margin-bottom:10px; line-height:1.3} #inside .content h2, #donation .content h2 { color:#f68220; font-size:1em; font-weight:normal; margin-bottom:10px; line-height:1.3} #inside .content h3, #donation .content h3 { color:#f68220; font-size:0.875em; font-weight:normal; line-height:1.3; margin-bottom:7px} #inside .content h4, #donation .content h4 { color:#f68220; font-size:0.8125em; font-weight:normal; line-height:1.3; margin-bottom:7px} #inside .content h1 a:link, #inside .content h1 a:active, #inside .content h1 a:visited, #donation .content h1 a:link, #donation .content h1 a:active, #donation .content h1 a:visited { color:#808285; text-decoration:underline;} #inside .content h1 a:hover, #donation .content h1 a:hover { color:#808285; text-decoration:none} #inside .content h2 a:link, #inside .content h2 a:active, #inside .content h2 a:visited, #inside .content h3 a:link, #inside .content h3 a:active, #inside .content h3 a:visited, #inside .content h4 a:link, #inside .content h4 a:active, #inside .content h4 a:visited, #donation .content h2 a:link, #donation .content h2 a:active, #donation .content h2 a:visited, #donation .content h3 a:link, #donation .content h3 a:active, #donation .content h3 a:visited, #donation .content h4 a:link, #inside .content h4 a:active, #donation .content h4 a:visited { color:#f68220; text-decoration:underline} #inside .content h2 a:hover, #inside .content h3 a:hover, #inside .content h4 a:hover, #donation .content h2 a:hover, #donation .content h3 a:hover, #donation .content h4 a:hover { color:#f68220; text-decoration:none } #inside .content p, #donation .content p { color:#000; font-size:0.75em; line-height:1.5; margin-bottom:15px;} .content p table { font-size:1em } #inside .content p a:link, #inside .content p a:active, #inside .content p a:visited, #donation .content p a:link, #donation .content p a:active, #donation .content p a:visited { color:#0171bb; text-decoration:underline} #inside .content p a:hover, #donation .content p a:hover { color:#0171bb; text-decoration:none} #inside .content .contentList ul, #donation .content .contentList ul { display:block; margin-bottom:15px; font-size:0.75em; color:#000} #inside .content .contentList ul li, #donation .content .contentList ul li { list-style:none; padding-left:10px; background:url(../img/icons/bullet.gif) no-repeat left 4px; line-height:1.4; } #inside .content .contentList li ul, #donation .content .contentList li ul { margin:5px 0px; font-size:100%} #inside .content ol, #inside .content ul, #donation .content ol, #donation .content ul { display:block; margin-bottom:15px; font-size:0.75em; color:#000} #inside .content ol li, #inside .content ul li, #donation .content ol li, #donation .content ul li { list-style-type:decimal; list-style-position:inside; line-height:1.4; } #inside .content ol li ol, #donation .content ol li ol{ margin:5px 0px 5px 15px; font-size:100%} #inside .content .submissionList { display:block; margin:0;} #inside .content .submissionList ul { margin:0 0 15px 0; font-size:0.75em; color:#000;} #inside .content .submissionList ul li { list-style-type:none; list-style-position:outside; line-height:1.2; margin:0 0 3px 0;} #inside .content table, #donation .content table { display:table; border-collapse:collapse; border:1px solid #e2dcd5; background-color:#f4f1ed; margin-bottom:15px; width:100%; font-size:0.75em } #inside .content table th, #donation .content table th { padding:5px 6px; background-color:#808285; color:#e9e3dc; text-align:left; border:1px solid #e2dcd5;} #inside .content table td, #donation .content table td { padding:4px 6px; text-align:left; border:1px solid #e2dcd5;} #inside .content table .alt td, #donation .content table .alt td { background-color:#e2dcd5} /* Addthis Adjustments */ #inside .content .addthis_toolbox { margin-top:10px; font-size:0.875em; display: block; float:right} #inside .content .addthis_toolbox .addthis_button_compact { color:#3e4043; padding-right:5px } #inside .content .addthis_button_facebook_like { margin-top:-1px } #inside .content .addthis_button_facebook_like iframe { width:80px !important; height:20px !important } #inside .svpForm { display:block; margin-bottom:15px} #inside span.ErrorLabel { font-size: 0.75em; font-weight: bold; color: #000;} #inside .svpForm fieldset { padding:5px 0px; margin-bottom:15px;} #inside .svpForm legend { padding:5px 10px; margin:0; background:#e2dcd5 url(../img/legend-bg.gif) repeat-x top left; color:#808285; font-size:0.75em; font-weight:bold; border:1px solid #e2dcd5 } #inside .svpForm .formline { display:block; min-height:20px; clear:both; border-top:1px solid #e2dcd5; background-color:#fbfaf8; overflow: hidden; } #inside .svpForm .required label { font-weight:bold} #inside .svpForm .formline label { display:block; width:210px; padding:11px 24px 4px 12px; float:left; text-align:right; line-height:1; margin:0; color:#000; font-size:0.75em;} #inside .svpForm .formline span {display:block; width:375px; padding:0px 0px 4px 12px; float:left; text-align:right; line-height:1; margin:0; color:#F68220; font-size:0.75em;} #inside .svpForm .formline input { display:inline; line-height:1; margin:6px 0; padding:2px; font-size:0.75em;} #inside .svpForm .formline select { display:inline; line-height:1; margin:6px 0; padding:2px; font-size:0.75em; } #inside .svpForm .formline textarea { display:inline; line-height:1.3636; margin:6px 0; padding:2px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:0.675em } #inside .svpForm .checklist ul { margin:4px 0; padding:0px; width:250px; float:left} #inside .svpForm .checklist li { list-style:none; background:none; padding:0px 0px 2px 0; line-height:1; margin:4px 0} #inside .svpForm .checklist input { margin:0px 5px 0px 0px; border:none} #inside .radioList { display:block; float:left; padding:0px; margin:4px 0px; } #inside .radioList input { float:left; margin:4px 5px 0px 0px !important; padding:0 !important; clear:both; border:none !important} #inside .radioList label { text-align:left; padding:5px 0px 4px 0px !important; display:block; float:left; margin:0; line-height:1; text-align:left !important; width:260px !important} #inside .checkboxList { display:block; float:left; padding:0px; margin:4px 0px;} #inside .checkboxList input { display:block; float:left; margin:0px 5px 0px 0px; padding:0px; clear:both; border:none;} #inside .checkboxList label { text-align:left; padding:2px 0px 7px 0px !important; margin:0px; float:left; line-height:1; text-align:left !important; width:260px !important;} #inside .buttonline { clear:both; min-height:20px; padding:5px 0px; border-top:1px solid #e2dcd5; border-bottom:1px solid #e2dcd5; text-align:center} .s50 input, .s50 select { width:50px;} .s75 input, .s75 select { width:75px;} .s85 input, .s85 select { width:85px;} .s100 input, .s100 select { width:100px} .s125 input, .s125 select { width:125px} .s150 input, .s150 select { width:150px;} .s175 input, .s175 select, .s175 textarea { width:175px} .s200 input, .s200 select, .s200 textarea { width:200px} .s225 input, .s225 select, .s225 textarea { width:225px;} .s250 input, .s250 select, .s250 textarea { width:250px} .s265 input, .s265 select, .s265 textarea { width:265px} #inside .content blockquote, #donation .content blockquote { background-color:#f4f1ed; color:#808285; padding:10px; margin:0 0 15px 0} #inside .content blockquote p, #donation .content blockquote p { margin:0px 0px 10px 0px;} #inside .content cite, #donation .content cite { font-size:0.8125em; font-style:italic} #inside .content address, #inside pre, #donation .content address, #donation pre { font-size:0.8125em; margin-bottom:15px; color:#000; font-style:normal} #inside .content dl { margin:0px 0px 15px 0px; font-size:0.8125em} #inside .content dl dt { font-weight:bold; margin:10px 0px 5px 0;} #inside .content dl dd { margin:0 0 3px 0;} #inside .audioWrap { display:block; margin:0px 0px 15px 0px} #inside .videoWrap, #inside .slideshowWrap { float:right !important; margin:0px 0px 15px 15px; } #inside .videobox, #inside .slideshowbox { display:block} #inside a.download { font-size:95%; background:url(../img/icons/download.gif) no-repeat left 2px; padding:5px 0px 5px 25px} #inside a.download:link, #inside a.download:active, #inside a.download:visited { color:#0771bb; text-decoration:none} #inside a.download:hover { color:#0771bb; text-decoration:underline} #inside .flashError { font-size:0.8125em; padding:10px; background-color:#f5f1ee} /***** RELATED LINKS ****/ .related-links { padding:0px 20px 20px 20px; width:655px} .related-links em { border-bottom:1px solid #e9e3dc; display:block; color:#f68220; font-style:normal; padding-bottom:10px; margin-bottom:10px} .related-links ul { margin:0; padding:0;} .related-links ul li { font-size:0.75em; margin-bottom:10px; padding:2px 0px 0px 25px;} .related-links ul li.mini-pdf { background:url(../img/icons/mini-pdf.gif) no-repeat 0 0} .related-links ul li.mini-doc { background:url(../img/icons/mini-doc.gif) no-repeat 0 0} .related-links ul li.mini-excel { background:url(../img/icons/mini-excel.gif) no-repeat 0 0} .related-links ul li.mini-txt { background:url(../img/icons/mini-txt.gif) no-repeat 0 0} .related-links ul li.mini-web { background:url(../img/icons/mini-web.gif) no-repeat 0 0} .related-links ul li a { margin-right:10px; color:#0171bb; font-weight:bold} .related-links ul li a:link, .related-links ul li a:active, .related-links ul li a:visited { text-decoration:none; color:#0171bb} .related-links ul li a:hover { text-decoration:underline; color:#0171bb} /* special text formatting */ sup { vertical-align:super; font-size:0.95em; margin:0px; padding:0px; line-height:1; display:inline} sub { vertical-align:sub; font-size:0.95em; margin:0px; padding:0px; line-height:1;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex;} sub { top: .5ex;} /**** NEWS ITEMS ***/ #inside #news .newsItem { display:block; margin-bottom:15px} #inside #news .newsItem .newsThumb { float:left; display:block; padding:4px; margin:0px 10px 10px 0px; width:115px; line-height:1} #inside #news .newsItem .newsThumb:link, #inside #news .newsItem .newsThumb:active, #inside #news .newsItem .newsThumb:visited { border:1px solid #e9e3dc; } #inside #news .newsItem .newsThumb:hover { border:1px solid #0171bb;} #inside #news .newsItem img { margin:0px; border:0;} #inside #news .newsItem dl { float:left; width:520px} #inside #news .newsItem dl a:link, #inside #news .newsItem dl a:active, #inside #news .newsItem dl a:visited { color:#0171bb; text-decoration:none;} #inside #news .newsItem dl a:hover { color:#0171bb; text-decoration:underline} #inside #news .newsItem dl dt { font-size:1.23em; font-weight:normal; line-height:1; margin:5px 0px} #inside #news .newsItem dl dd.newsDate { color:#808285; margin:0px 0px 5px 0px; line-height:1; font-size:0.885em} #inside #news .newsItem dl dd.newsBite { line-height:1.3} #inside #news .newsLinks { display:block; margin-bottom:15px;} #inside #news .newsLinks p { display:block; border-bottom:1px solid #eae3db; margin:0; padding:5px 10px; position:relative} #inside #news .newsLinks a { font-size:1.125em; display:block; width:565px} #inside #news .newsLinks span { width:65px; display:block; font-size:0.885em; text-align:right; position:absolute; top:8px; right:10px; color:#818284} #inside #news .newsLinks a:link, #inside #news .newsLinks a:active, #inside #news .newsLinks a:visited { text-decoration:none; color:#0771bb;} #inside #news .newsLinks a:hover { text-decoration:underline; color:#0171bb} #inside #news .newsLinks .firstLink { border-top:1px solid #eae3db;} .newsMediaColumn {float:right; width: 280px;} .newsSlideShow {margin-top: 20px; float:left;} /******** PAGINATION ************/ #pagination { margin:0px; padding:5px 15px 5px 0px; background-color:#f5f0ea } #pagination #pagPrevious, #pagination #pagFirst { margin-right:6px} #pagination #pagPrevious a { background:url(../img/buttons/previous.gif) no-repeat left 7px; padding-left:10px; } #pagination #pagFirst a { background:url(../img/buttons/first.gif) no-repeat left 7px; padding-left:15px; } #pagination #pagNext, #pagination #pagLast { margin-left:6px} #pagination #pagNext a { background:url(../img/buttons/next.gif) no-repeat right 7px; padding-right:10px; } #pagination #pagLast a { background:url(../img/buttons/last.gif) no-repeat right 7px; padding-right:15px; } #pagination #pagInfo { margin:0 35px 0 45px} #pagination #pagGoTo { padding:5px 45px 5px 6px;} #pagination #pagGoTo label { margin-right:3px; color:#000; } #pagination #pagGoTo select { color:#000; border:1px solid #e9e3dc; padding:2px; font-size:0.8125em} #pagination ul { margin-left:auto; margin-right:auto; text-align:center; margin-bottom:0 !important; line-height:1} #pagination li { list-style:none; display:inline; margin-right:2px; background:none !important; padding:0; font-size:0.75em;} #pagination li a { display:inline; padding:3px 0; margin:0; line-height:1; color:#0072b9;} #pagination li a:link, #pagination li a:active, #pagination li a:visited { color:#0072b9; text-decoration:none } #pagination li a:hover { color:#0072b9; text-decoration:underline } #pagination #pagOn a { color:#000; background-color:#e0e2e3} /******* CONTACT FORM **********/ #inside #contact-intro h1 { color:#f68220; font-size:1em; font-weight:normal; margin-bottom:10px; line-height:1.3} #inside #contact-intro p { font-size:0.875em} /******* SEARCH RESULTS ********/ .search-results-intro { padding:20px 20px; background:url(../img/h3-border.gif) no-repeat bottom left} .search-results-intro p { font-size:0.875em; color:#f68220; } #search-results { padding:0 20px 15px 20px;} #inline-search-tool { background:url(../img/search-block-bg.gif) repeat-x top left; padding:5px 10px; margin-bottom:5px; margin-top:-20px;} #inline-search-tool label { font-size:0.8125em; float:left; margin:6px 8px 0 0} #inline-search-tool .inlineSearchInp { width:215px; height:25px; background:url(../img/search-block-tool.gif) no-repeat top left; outline:none; border:none; padding:5px 5px 0px 5px; margin-right:2px; float:left; display:inline; font-size:80% !important; color:#808285; } #inline-search-tool .inlineSearchBtn { width:78px; height:25px; background:url(../img/search-block-tool.gif) no-repeat -227px 0px; display:block; float:left; display:inline; margin-right:8px;} #inline-search-tool .inlineSearchBtn input { width:78px; height:25px; } #inline-search-tool .advSearch { float:left; font-size:0.6875em; margin-top:8px; line-height:1; white-space:nowrap} #inline-search-tool .advSearch:link, #inline-search-tool .advSearch:active, #inline-search-tool .advSearch:visited { color:#0771bb; text-decoration:underline;} #inline-search-tool .advSearch:hover { color:#0771bb; text-decoration:none} #search-results dl { background:#fff url(../img/icons/searchresults.png) no-repeat top left; padding-left:45px; margin:10px 0 18px 0; display:block} #search-results dl dt { font-weight:normal; color:#0171bb; line-height:1.2; } #search-results dl dt a { font-weight:normal;} #search-results dl dt a:link, #search-results dl dt a:active, #search-results dl dt a:visited { color:#0171bb; text-decoration:underline;} #search-results dl dt a:hover { color:#0171bb; text-decoration:none} #search-results dl dd { line-height:1.2; font-size:0.9em; margin-bottom:2px; } .search-url a { color:#808285; text-decoration:none; padding:2px;} .search-url a:hover { background:#fff2b5; color:#002c5b; } /******* SITEMAP ********/ #inside .content .sitemap { float:left; width:295px; padding:0 20px 0 0; display:block; margin-bottom:15px; font-size:0.75em } #inside .content .sitemap li { margin:0 0 20px 0; background:none; padding:0; list-style:none; line-height:1.4; } #inside .content .sitemap li a { color:#006fb8; font-weight:bold; text-decoration:none; font-size:1.2em } #inside .content .sitemap li a:hover { text-decoration:underline; } #inside .content .sitemap ul, #inside .content .sitemap ul ul, #inside .content .sitemap ul ul ul { margin:0; font-size:100% } #inside .content .sitemap .sm02 li { padding:2px 0 0 20px; margin:0; background:url(../img/smap-dots01.png) no-repeat; } #inside .content .sitemap .sm02 li a { font-weight:normal; } #inside .content .sitemap .sm02 li.end { background:url(../img/smap-dots01-end.png) no-repeat; } #inside .content .sitemap .sm03 li { padding:2px 0 0 40px; margin:0 0 0 -20px; background:url(../img/smap-dots02.png) no-repeat; } #inside .content .sitemap .sm03 li a { font-weight:normal; color:#000; } #inside .content .sitemap .sm03 li.end { background:url(../img/smap-dots02-end.png) no-repeat; } #inside .content .sitemap .sm04 li { padding:2px 0 2px 60px; margin:0 0 0 -40px; background:url(../img/smap-dots03.png) no-repeat; } #inside .content .sitemap .sm04 li a { font-weight:normal; color:#808285; } #inside .content .sitemap .sm04 li.end { background:url(../img/smap-dots03-end.png) no-repeat; } /******** LOCATIONS - CONTACT INFO *********/ .loc-column { float:left; width:300px; padding:0 20px 0 0; } .loc-item { padding:0 0 20px 0; } .loc-item .fn { display:block; color:#0071bb;text-decoration:none; font-size:0.9em; line-height:1.2; padding:0 0 2px 24px; background:url(../img/icons/loc-item.png) no-repeat; } .loc-item .fn:hover { text-decoration:underline; } .loc-item .adr, .loc-item .tel, .loc-item .email { display:block; margin:0 0 2px 0; clear:both; font-size:0.75em; line-height:1.2; } .loc-item .adr:after, .loc-item .tel:after, .loc-item .email:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .loc-item .type { width:65px; padding:0 10px 0 0; color:#808285; display:block; float:left; text-align:right; } .loc-item .info { width:225px; display:block; float:left; } .loc-item .email a { color:#0071bb; } .loc-item .email a:hover { text-decoration:none; } /******** MULTIPLE *********/ .multiLeft { float:left; width:485px; } .multiRight { float:right; width:150px; } .multi-latest { background:#f4f1ed; } .multi-latest em { text-indent:-9999em; background:url(../img/latest-issue-heading.png) no-repeat; height:25px; font-style:normal; display:block } .multi-latest dl { padding:0 20px 20px 70px; } .multi-latest dt { font-size:1.4em; padding:4px 0 0 0;} .multi-latest .pdf { background:#f4f1ed url(../img/icons/pdf-large.png) no-repeat 15px 0; } .multi-latest .doc { background:#f4f1ed url(../img/icons/doc-large.png) no-repeat 15px 0; } .multi-latest .xls { background:#f4f1ed url(../img/icons/xls-large.png) no-repeat 15px 0; } .arc-list-col .pdf { background:#fff url(../img/icons/pdf-small.png) no-repeat 0 0; } .arc-list-col .doc { background:#fff url(../img/icons/doc-small.png) no-repeat 0 0; } .arc-list-col .xls { background:#fff url(../img/icons/xls-small.png) no-repeat 0 0; } #inside .content .arc-list dt { font-weight:normal; } .arc-list-col { width:225px; margin:0 10px 0 0; float:left;} .arc-list dt a { color:#0071bb; text-decoration:none; } .arc-list dt a:hover { text-decoration:underline; } .arc-list dd { color:#808285; } .arc-list dd .date { color:#000; } .arc-list dd .sep { color:#ada6a3; padding:0 5px; } .arc-list-col dd { font-size:0.875em; } .arc-list-col dl { padding:0 0 0 22px; } /********** INLINE NAV *********/ .drop-down-nav { display:block; margin:0px 0px 15px 0px; background-color:#f4f1ed; padding:15px } .drop-down-nav label { display:none} .more-info { background:#f4f1ed url(../img/more-information.gif) no-repeat top left; padding-top:30px} .more-info em { text-indent:-9999em; display:block; height:0px} .drop-down-nav p { margin:0px 0px 5px 0px !important} .drop-down-nav select { width:200px;} .drop-down-result em { font-size:0.8125em; font-weight:bold; line-height:1.3; margin-bottom:7px; font-style:normal; display:block} /*********** FAQS ************/ /* Q and A page */ /* Show/Hide */ #inside .content .bigIntro p { color:#f68220; font-size:1em; line-height:1.2; } #expanderWrap {width:100%; height:100%; margin:15px 0px 15px 0px; padding:0px;} .expander { display:block; border-top:1px solid #e9e3dc; position:relative; padding:0px; margin:10px 0px 2px 0px;} .expanderTitle { margin:0px; padding:7px 10px 0 30px; cursor:pointer; background:#fff url(../img/icons/q-faq.png) no-repeat top left; } .expanderTitle a { width:100%; display:block; line-height:1.2 } .expanderTitle a:hover {color:#0071bb;} .expanderContent { margin:0px; padding:10px 10px 0 30px; display:none; background:#fff url(../img/icons/a-faq.png) no-repeat top left;} #inside .content .expanderContent * { color:#808285; } .expcoll { font-size:0.875em; color:#ada6a3; } .expAll, .colAll { cursor:pointer; color:#0071bb; } .expAll:hover, .colAll:hover { text-decoration:underline; } /* ************* ACROBAT ***********************/ #inside .content #get-acrobat em { background:url(../img/get-acrobat-heading.png); width:150px; height:30px; text-indent:-9999em; margin:0; font-style:normal; display:block} #get-acrobat div { border:1px solid #e9e3dc; padding:4px; } #inside .content #get-acrobat p { font-size:0.7em; padding:2px 2px 5px 2px; margin:0; } #get-acrobat div img { display:block; } /* ************* DONATIONS ***********************/ #don-wrap { background:#f4f1ed url(../img/donations/end-donations-box.png) no-repeat bottom; margin:0 5px; } #donate-single { background:#000 url(../img/donations/single-donation.png) no-repeat top left; display:block; height:45px; text-indent:-9999em; margin-bottom:-20px !important} #inside .content #don-wrap #don-tabs { height:45px; background:#fff; margin-bottom:-20px } #inside .content #don-tabs li { display:inline; margin:0; padding:0; background:none; list-style:none; } #don-tabs li a { display:block; float:left; height:45px; text-indent:-9999em; background-image:url(../img/donations/top-tabs.png) } #dt-single { width:325px; } #dt-single.on { background-position:0 -45px; } #dt-regular { width:330px; background-position:-325px 0; } #dt-regular.on { background-position:-325px -45px; } #don-middle { border:1px solid #e9e3dc; border-width:0 1px; margin:0; padding:15px 0 1px 0;} #don-middle .donForm { margin:20px; background:#fff; border:1px solid #e9e3dc; } #inside .donForm p.formInstruction { font-weight: bold; text-align:center;} #inside .donForm span.inlineAsterisk { font-weight: bold; margin-left: 215px; } #inside .donForm span.inlineInfo { font-weight:normal; margin-left:225px; width:350px; text-align:left; line-height:1.2} #inside .donForm fieldset { padding:0 10px; } #inside .donForm legend { font-weight:normal; display:block; background:none; color:#f68220; font-size:1em; border:0; border-bottom:1px solid #f4f1ed; margin:5px 0 10px 0; padding:10px 0; } #inside .donForm .formline { border:0; background:none; overflow:hidden; } #inside .donForm .formline select { font-family:Arial, Helvetica, sans-serif} #inside .donForm .formline label { padding:11px 14px 4px 12px; } #inside .donForm .doninfo label { padding:11px 10px 4px 0px } #inside .donForm .buttonline { text-align:left; border:0; } #inside .donForm .buttonline input { margin-left:236px; padding:5px; } #inside .donForm .formline .dmy { padding:4px 0 4px 0; line-height:1.6; } #inside .donForm .formline .dmy select { display:inline; float:none; margin:0; } #inside .donForm .formline .dmy label { display:none; } #inside .donForm .formline .lone-checkbox { margin:10px 0 } .donformeuro { color:#808285; font-size:0.8em; display:block; float:left; padding:11px 2px 0 0; } #inside .donForm span.validatorMessage { margin-left:225px; text-align:left; color:#0171bb!important; margin-bottom:3px; width:350px; } #inside .content .don-options { padding:10px 15px; margin:0 0 9px 0; color:#00bce7; background-color:#d5ebf0} #inside .content .don-options p { color:#0071bb; margin:0 0 10px 0 } #inside .content .don-options .or-divider { display:block; width:560px; height:16px; background:url(../img/or.gif) no-repeat 80px 0; text-indent:-9999em; margin:0 auto 10px auto} #inside .content .doninfo { padding:10px 15px; margin:0 0 9px 0; background:#f4f1ed; color:#808285; } #inside .content .doninfo p { color:#808285; margin:0px} #inside .content .doninfo .selectLine {margin-left:210px; color:#000000; } #inside .content .doninfo select { } #inside .content .forminfo { padding:5px 15px 0 15px; margin:0; } #inside .content .tick-list { margin:0; padding:7px 0 0 0; } #inside .content .tick-list li { float:left; display:block; margin:0; padding:0; background:none; list-style:none; width:100px;} #inside .content .tick-list input { float:left;} #inside .content .tick-list label { float:left; width:auto; margin:0; padding:6px; font-size:1em; } #inside .content .bottom-content { margin: 10px 0px 0px 5px;} #inside .content .formheading p { font-size:0.8em; color:#f68220; margin:0; display:block; padding:11px 24px 4px 12px; float:left; text-align:right;} #inside .content #altAddressContainer { background:#f4f1ed; padding-bottom:8px} #gifts { padding:10px 0px 20px 0px; overflow: auto;} .giftBoxRow { width:600px; margin-left:25px} .giftBox { width:180px; display:block; float:left; margin:0 30px 20px 0;} .endBox { margin-right:0 !important} .giftBoxRow .giftBox em { margin-bottom:5px !important; display:block; line-height:1; font-size:1em; font-style:normal; font-weight:bold} .giftBox .gift-10 { color:#b7006d !important; } .giftBox .gift-50 { color:#d79657 !important; } .giftBox .gift-100 { color:#60bd68 !important; } .giftBox .gift-250 { color:#f68220 !important; } .giftBox .gift-500 { color:#522887 !important; } .giftBox .gift-1000 { color:#da1a35 !important; } .giftBox p { line-height:1.2; margin:0 !important; font-size:0.68em !important} .giftBox p.gift-10-text { color:#bb1076 !important} .giftBox p.gift-50-text { color:#d79657 !important} .giftBox p.gift-100-text { color:#60bd68 !important} .giftBox p.gift-250-text { color:#f68220 !important} .giftBox p.gift-500-text { color:#522887 !important} .giftBox p.gift-1000-text { color:#da1a35 !important} /* ECARDS 2010 */ #ecards2010 { border-left:10px solid #E8E6E2; border-right:10px solid #E8E6E2; } #ecards2010 .content-wrap { background:url(../img/ecards2010/card-top.jpg) no-repeat 0 0; position:relative } #ecards2010 .content { width:810px; background:url(../img/ecards2010/card-bottom.jpg) no-repeat 0 bottom; padding:104px 40px 94px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5; color:#000; display:block; min-height:302px; } #ecards2010 .error-row { display:block; padding:10px 10px 5px 10px !important; font-size:90%; background:url(../img/donations/error-bg.gif) no-repeat 0 0px; color:#fff; width:210px; margin:0 0 10px 155px } #ecards2010 .content h1 { color:#f68220; font-size:1.5em; font-weight:normal; margin:0 0 10px 0; } #ecards2010 .content h2 { color:#002c5b; font-size:2.333em; margin:0 0 10px 0; } #ecards2010 .content h3 { color:#002c5b; font-size:1.875em } #ecards2010 .content h4 { color:#f68220; font-size:1.333em; font-weight:normal; margin-bottom:0.5em } #ecards2010 .content p { margin-bottom:1.25em } #ecards2010 #header-ecard { position:absolute; width:328px; height:116px; top:3px; right:11px } #ecards2010 .col-left { width:470px; display:inline-block; float:left } #ecards2010 .col-right { width:320px; display:inline-block; float:right } #ecards2010 .btn { height:45px; display:block; text-indent:-9999em } #ecards2010 .btn-sm { height:30px; display:block; text-indent:-9999em } #ecards2010 .btn:hover { background-position:0 bottom } #ecards2010 .btn-send-acard { width:260px; height:40px; background:url(../img/ecards2010/send-xmas-ecard.gif) no-repeat 0 0 } #ecards2010 .btn-get-started { width:290px; height:45px; background:url(../img/ecards2010/btn-get-started.png) no-repeat 0 0 } #ecards2010 .btn-send { width:195px; height:45px; background:url(../img/ecards2010/btn-send.png) no-repeat 0 0 } #ecards2010 .btn-back { width:80px; height:30px; background:url(../img/ecards2010/btn-back.png) no-repeat 0 0 } #ecards2010 .btn-next { width:235px; height:45px; background:url(../img/ecards2010/btn-next-step.png) no-repeat 0 0 } #ecards2010 .btn-next-send { width:235px; height:45px; background:url(../img/ecards2010/btn-next-send-it.png) no-repeat 0 0 } #ecards2010 .btn-preview { width:80px; height:30px; background:url(../img/ecards2010/btn-preview.png) no-repeat 0 0 } #ecards2010 .btn-change { width:80px; height:30px; background:url(../img/ecards2010/btn-change.png) no-repeat 0 0 } #ecards2010 .btn-send-again { width:320px; height:55px; background:url(../img/ecards2010/btn-send-again.png) no-repeat 0 0 } #ecards2010 .btn-preview-lg { width:174px; height:45px; background:url(../img/ecards2010/btn-preview-lg.png) no-repeat 0 0 } #ecards2010 .btn-choose { width:174px; height:45px; background:url(../img/ecards2010/btn-choose.png) no-repeat 0 0 } #ecards2010 .btn-select { width:80px; height:30px; background:url(../img/ecards2010/btn-select.png) no-repeat 0 0 } #ecards2010 .btn-single-donation { width:320px; height:55px; background:url(../img/ecards2010/btn-single-donation.gif) no-repeat 0 0; margin:0 0 20px } #ecards2010 .btn-send-your-own { width:270px; height:45px; background:url(../img/ecards2010/btn-send-your-own.png) no-repeat 0 0 } #ecards2010 .btn-ecard-donation { width:320px; height:55px; background:url(../img/ecards2010/btn-ecard-donation.gif) no-repeat 0 0; margin:0 0 20px } #ecards2010 .btn-green-gta { width:240px; height:28px; background:url(../img/ecards2010/green-gta-bg.gif) no-repeat 0 0; display:block; position:absolute; bottom:10px; left:100px; color:#fff; padding:12px 10px 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; text-align:center; text-decoration:none; line-height:1; text-shadow:-1px -1px 0px #91a611 } #ecards2010 .col-left p.addmore { padding-left:160px; text-align:left } #ecards2010 .col-left a.showfields { padding:0 0 2px 20px; background:url(../img/icons/add.gif) no-repeat top left; line-height:1.5 } #ecards2010 .col-left a.hidefields { padding:0 0 2px 20px; background:url(../img/icons/remove.gif) no-repeat left 0px; line-height:1.5 } #ecards2010 .col-left .divider { display:block; line-height:1; height:5px; margin:0 0 5px 0; border-bottom:1px solid #fff; } #ecards2010 .col-left .extra-fields { background:#f0efed; } #ecards2010 .stepper { position:absolute; top:100px; left:150px; display:block } #ecards2010 .stepper li { float:left; display:inline-block } #ecards2010 .stepper li a { background:url(../img/ecards2010/stepper.png) no-repeat 0 0; height:38px; display:block; text-indent:-999em} #ecards2010 .stepper li.active a{ background-position: 0 -39px } #ecards2010 .stepper li#step1 a { width:180px; background-position:0 0 } #ecards2010 .stepper li#step2 a { width:180px; background-position:-180px 0 } #ecards2010 .stepper li#step3 a { width:180px; background-position:-360px 0 } #ecards2010 .stepper li#step4 a { width:105px; background-position:-540px 0 } #ecards2010 .stepper li#step1.active a { width:180px; background-position:0 -39px } #ecards2010 .stepper li#step2.active a { width:180px; background-position:-180px -39px } #ecards2010 .stepper li#step3.active a { width:180px; background-position:-360px -39px } #ecards2010 .stepper li#step4.active a { width:105px; background-position:-540px -39px } #ecards2010 .col-left .landing-intro { background:url(../img/ecards2010/landing-bg.gif) no-repeat bottom left; padding-bottom:55px; position:relative; margin-top:30px; margin-bottom:20px } #ecards2010 .col-left .landing-intro .btn { position:absolute; left:100px; bottom:10px } #ecards2010 .landing .col-right { margin-top:60px } #ecards2010 .landing h2, #ecards2010 .landing h3 { margin-left:30px } #ecards2010 .landing #header-ecard { width:385px; height:170px } #ecards2010 .landing .btn-get-started { margin:12px 0 12px 20px } #ecards2010 .categories .col-full, #ecards2010 .images .col-full { display:block; padding:10px 0; margin-top:50px; overflow:hidden; position:relative } #ecards2010 .images .row { display:block; clear:both; width:100%; overflow:hidden; position:relative;} #ecards2010 .categories .row .item { display:inline-block; float:left; margin:10px } #ecards2010 .images .row .item { display:inline-block; margin:10px 0 20px; width:360px } #ecards2010 .categories .row img, #ecards2010 .images .row img { border:5px solid #fff; -webkit-box-shadow: 0px 0px 7px #9c9c9c; -moz-box-shadow: 0px 0px 7px #9c9c9c; box-shadow: 0px 0px 7px #9c9c9c; display:block } #ecards2010 .categories .row .first { margin-left:0 } #ecards2010 .categories .row .last { margin-right:0 } #ecards2010 .categories .item h4 { color:#002c5b; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.425em; font-weight:bold; text-align:center; font-style:normal; margin:0.5em auto 0; display:block } #ecards2010 .images .col-full .item .btn{ margin-top:10px; display:inline-block } #ecards2010 .back-to-cats { display:block; position:absolute; top:20px; right:30px; padding:6px 10px 6px 20px; background:#F4F1ED url(../img/buttons/previous.gif) no-repeat 7px 10px; line-height:1.2; } #ecards2010 .back-to-cats a:link, #ecards2010 .back-to-cats a:active, #ecards2010 .back-to-cats a:visited { color:#808285; text-decoration:none } #ecards2010 .back-to-cats a:hover { color:#000; text-decoration:none } #ecards2010 .col-full .preview-card { width:350px; display:block; margin:20px 0 40px } #ecards2010 .preview-step .col-full .preview-card img { margin:0 14px 0 0; float:left; } #ecards2010 .preview-step .col-full .preview-card p { margin-top:10px } #ecards2010 .preview-step .col-full .preview-card .btn-sm { display:block; float:left; margin-right:6px } #ecards2010 .preview-step .col-full .preview-card .btn-sm:hover { background-position:0 bottom } #ecards2010 .click-drag { position:absolute; top:30px; right:30px; z-index:1000 } #ecards2010 .click-drag img { margin:0px !important; width:215px; height:33px; } #ecards2010 .preview-step .col-full { width:750px; background:url(../img/ecards2010/preview-bg.jpg) no-repeat center 0px; margin-top:65px; padding:20px 30px 10px; position:relative; display:block; } #ecards2010 .ecard-wrap { display:block; width:750px; height:360px; } #ecards2010 .preview-step .col-left, #ecards2010 .preview-step .col-right { padding-top:60px } #ecards2010 .preview-step .col-full h1 { margin-bottom:20px } #ecards2010 .preview-step .col-full img { margin:0 auto; display:block } #ecards2010 .preview-step .btn-back { position:absolute; left:30px; bottom:17px } #ecards2010 .preview-step .btn-next { position:absolute; right:30px; bottom:15px } #ecards2010 .preview-step .btn-send-your-own{ position:absolute; right:30px; bottom:15px } #ecards2010 .preview-step .col-right label { width:40px; text-align:left; margin-right:15px; line-height:27px; display:inline-block; float:left; margin:3px 15px 3px 0; clear:left } #ecards2010 .preview-step .col-right input { width:120px; margin:3px 0; padding:4px; border:1px solid #c1bcba; color:#B5AFAC; display:inline-block } #ecards2010 .preview-step .col-right span { margin:3px 5px 3px 0; float:left; line-height:27px } #ecards2010 .send-step .col-left, #ecards2010 .send-step .col-right { margin-top:50px; padding-top:20px } #ecards2010 .send-step #header-ecard { } #ecards2010 .send-step .col-left { background:url(../img/ecards2010/send-form-bg.jpg) no-repeat 0 0; padding:20px; width:430px } #ecards2010 .send-step .col-left fieldset, #ecards2010 .preview-step .col-right fieldset { margin:20px 0 } #ecards2010 .send-step .col-left label { width:140px; text-align:right; margin-right:15px; line-height:27px; display:inline-block; float:left; margin:3px 15px 3px 0; clear:left } #ecards2010 .send-step .col-left input { width:210px; margin:3px 0; padding:4px; border:1px solid #c1bcba; color:#B5AFAC; display:inline-block } #ecards2010 .send-step .col-left textarea { width:220px; margin:3px 0; padding:4px; border:1px solid #c1bcba; color:#B5AFAC; display:inline-block; height:80px } #ecards2010 .send-step .col-right .preview { float:left; border:5px solid #fff; margin:5px 10px 0 0; -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); display:block } #ecards2010 .col-right .preview-card { display:block; margin:0 0 20px 0; overflow:hidden } #ecards2010 .col-right .preview-card p { margin-top:16px } #ecards2010 .col-right .preview-card .btn-sm { display:inline-block } #ecards2010 .col-right h4 { clear:both } #ecards2010 .send-step .btn-send, #ecards2010 .send-step .btn-next { margin-left:155px } #ecards2010 #eCard { position:relative; z-index:0; display:block; margin:0 0 15px 0 } #ecards2010 .signupThanks ul li { float:left; font-weight:bold; margin-right:20px } #ecards2010 .signupThanks ul li a { display:inline} #ecards2010 .send-step .col-left p { color:#b1aaa8; } /* REALEX */ #realexETable { background-color:#fff; font-size:100%} #realexETable table, #realexETable table td, #realexETable td table, #realexETable #mainBody, #realexETable #mainBody td, #realexETable #mainBody td.cctd { background-color:#fff; border:none !important;} #realexETable table td.cctd { font-family:Arial, Verdana, Helvetica, sans-serif !important; font-size:12px} div.replacementText {padding: 15px;} /* ************* EVENTS ***********************/ #inside .h3-box-alt { border-bottom:none; } #inside .h3-box-alt h3 { float:left; width:60%; } #inside .h3-box-alt h4 { float:right; width:35%; text-align:right; font-size:1.25em; color:#ada6a3; font-weight:normal; line-height:1.2; margin:0 20px 0 0; padding:0; } /* HOW IT WORKS */ #inside .content .how-it-works-steps { float:left; width:315px; font-size:.9375em; margin-bottom:50px; } #inside .content .how-it-works-steps li { list-style:none; list-style-position:outside } #inside .content .step1 { background:url(../img/icons/step1.png) no-repeat; padding:0 0 10px 50px; } #inside .content .step2 { background:url(../img/icons/step2.png) no-repeat; padding:0 0 10px 50px; } #inside .content .step3 { background:url(../img/icons/step3.png) no-repeat; padding:0 0 10px 50px; } #inside .content .event-of-the-week { float:left; width:315px; clear:left; } #inside .event-of-the-week h4 { color:#808285; font-size:1.125em; } #inside .content .event-of-the-week h5 { color:#f68220; font-size:1.125em; font-weight:normal; line-height:1.111; margin:0 135px 15px 0; text-decoration:none; } #inside .content .event-of-the-week h5 a { color:#f68220; text-decoration:none; } #inside .content .event-of-the-week h5 a:hover { text-decoration:underline; } #inside .content .event-of-the-week p { margin:0 135px 15px 0; } #inside .content .donate-with-img { float:right; } #inside .content .donate-with-img .donate-button { display:block; float:none; margin:0; width:125px; height:29px; font-size:1px; line-height:0; text-indent:-9999em; background:url(../img/buttons/donate-with-img.png) no-repeat; } #inside .content .donate-with-img .donate-button:hover { background-position:0 -29px; } #inside .content .get-started { float:right; width:315px; margin:-20px 10px 0 0; display:inline; background:#ffe66b url(../img/backgrounds/get-started-repeat-x.jpg) 0 bottom repeat-x; } #inside .content .get-started em { display:block; font-size:1px; line-height:0; text-indent:-9999em; width:165px; height:25px; margin:0 0 20px 0; background:url(../img/headings/want-to-get-started.png) no-repeat; } #inside .content .get-started h1 { display:block; font-size:1px; line-height:0; text-indent:-9999em; width:275px; height:39px; margin:0 0 20px 20px; background:url(../img/headings/create-your-fundraising-page.png) no-repeat; } #inside .content .get-started h1 a { display:block; width:275px; height:39px; } #inside .content .get-started h2 { display:block; font-size:1px; line-height:0; text-indent:-9999em; width:187px; height:31px; margin:0 0 5px 20px; background:url(../img/headings/see-example-pages.gif) no-repeat; } #inside .content .get-started h3 { display:block; font-size:1px; line-height:0; text-indent:-9999em; width:202px; height:22px; margin:0 0 15px 20px; background:url(../img/headings/search-fundraisers.gif) no-repeat; } #inside .content .get-started .examples { width:284px; margin:0 16px 20px 16px; } #inside .content .get-started .examples img { display:block; } #inside .content .get-started .examples-info { width:254px; padding:5px 20px 18px 20px; background:transparent url(../img/backgrounds/see-example-pages.png) 0 bottom no-repeat; } #inside .content .get-started .examples-info strong { font-size:.875em; font-weight:normal; color:#fff; padding-bottom:5px; } #inside .content .get-started .examples-info p { color:#ffe66b; font-size:.6875em; line-height:1.2727; padding-top:5px; margin-bottom:0; } #inside .content .get-started .examples-info a { color:#fff; padding-left:1em; } #inside .content .get-started .examples-info a:visited { color:#fff; } #inside .content .get-started .examples-info a:hover { color:#fff; } #inside .content .get-started fieldset { width:284px; margin:0 16px; } #inside .content .get-started fieldset div { width:284px; overflow:hidden; margin:0 0 15px 0; } #inside .content .get-started fieldset .formline label { color:#fff; display:block; float:left; width:132px; font-size:.75em; line-height:1.66667; margin-right:15px; text-align:right; } #inside .content .get-started fieldset .formline input, #inside .content .get-started fieldset .formline select { float:left; width:132px; border:1px solid #7e9db9; font-size:.75em; } #inside .content .get-started fieldset .buttonline { border:0;} #inside .content .get-started fieldset .buttonline input { width:auto; color:#002c5b; font-weight:bold; float:right; } #inside .content .get-started fieldset .calendarline input { width:108px; margin-right:3px; } /* EVENT */ #inside .event-page { padding-top:0;} #inside .event-page h4 { color:#808285; font-size:1.125em; clear:left; } #inside .content .please-donate { display:block; width:269px; height:24px; margin:0 0 5px 0; font-size:1px; line-height:0; text-indent:-9999em; background:url(../img/headings/please-donate.gif) no-repeat; } #inside .content .amount-raised-graph { width:315px; margin:0 0 24px 0; float:left; background:#0071bb url(../img/backgrounds/amount-raised-graph-repeat-x.jpg) 0 bottom repeat-x; } #inside .content .amount-raised-graph p { color:#fff; margin:20px 0 22px 20px; font-size:.875em; } #inside .content .amount-raised-graph p em { font-weight:bold; font-style:normal; display:block; } #inside .content .amount-raised-graph p span { display:block; } #inside .content .donate-button { display:block; float:right; width:95px; height:39px; margin:11px 20px 0 0; font-size:1px; line-height:0; text-indent:-9999em; background:url(../img/buttons/donate-button.png) no-repeat; } #inside .content .donate-button:hover { background-position:0 -39px; } #inside .content .graph-bg { background:url(../img/backgrounds/graph-numbers.png) no-repeat; width:315px; height:56px; margin-top:10px; } #inside .content .graph-bar-wrap { width:269px; height:14px; padding:3px 23px 39px 23px; } #inside .content .graph-bar { background:url(../img/backgrounds/graph-bar.png) repeat-x; width:269px; height:14px; } #inside .content .slideshow-wrap { display:block; float:right; width:315px; } #inside .content .slideshow-wrap .imgflr { margin-right:10px;} #inside .content .spread-the-word { display:block; clear:both; width:403px; height:24px; font-size:1px; line-height:0; text-indent:-9999em; background:url(../img/headings/spread-the-word.gif) no-repeat; } /* #inside .content .addthis_toolbox { min-height:40px; width:655px; margin:0 0 24px 0; background:#a2dded url(../img/backgrounds/share-links.gif) repeat-x; } #inside .content .addthis_toolbox a em { font-style:normal; } #inside .content .addthis_toolbox a { float:left; font-size:.75em; text-decoration:none; color:#002c5b; font-weight:bold; line-height:40px; margin:0 40px 0 12px; padding:0 0 0 27px; } #inside .content .addthis_toolbox a:hover { color:#005abb; } #inside .content .addthis_toolbox a.last { margin-right:0;} .addthis_button_bebo { background:url(../img/icons/bebo.gif) 0 50% no-repeat; } .addthis_button_facebook { background:url(../img/icons/facebook.gif) 0 50% no-repeat; } .addthis_button_twitter { background:url(../img/icons/twitter.gif) 0 50% no-repeat; } .addthis_button_email { background:url(../img/icons/email.gif) 0 50% no-repeat; } #at16p { left:45% !important; } */ #inside .content .donate-table { background-color:#D0EEF6; margin:0 0 0 1px; width:654px; border:none; } #inside .content .donate-table th { background-color:#0071BB; border:1px solid #a2dded; color:#FFFFFF; padding:8px; } #inside .content .donate-table td { border:1px solid #a2dded; padding:9px; line-height:1.3636; } #inside .content .donate-table tr.alt { background-color:#a2dded; } #inside .content .donate-table tr.alt td { background-color:#a2dded; } #inside .content .donate-table .name { width:136px; } #inside .content .donate-table .donation { width:102px; text-align:right; } #inside .content .donate-table-end { background:url(../img/backgrounds/donate-table-end.gif) no-repeat; width:635px; padding:10px; overflow:hidden; } #inside .content .donate-table-end .donate-button { margin:0; } /* CREATE A PAGE */ #inside .content .intro { font-size:.9375em; line-height:1.333; } #inside .svpForm .formline a.more-images { color:#0071BB; font-size:0.75em; margin-left:245px; padding-left:25px; padding-bottom:6px; text-decoration:underline; float:left; clear:left; line-height:1.333; background:url(../img/icons/add.gif) no-repeat; } #inside .svpForm .formline a.more-images:hover { text-decoration:none; } #inside .svpForm .formline a.fewer-images { color:#0071BB; font-size:0.75em; margin-left:245px; padding-left:25px; padding-bottom:6px; text-decoration:underline; float:left; clear:left; line-height:1.333; background:url(../img/icons/remove.gif) no-repeat; } #inside .svpForm .formline a.fewer-images:hover { text-decoration:none; } #inside .svpForm .formline .ui-datepicker-trigger { vertical-align:middle; padding-bottom:5px; cursor:pointer; margin-left:3px;} #inside .createForm .formline input, #inside .createForm .formline select, #inside .createForm .formline textarea { color:#77797c; } #inside .createForm .formline label { line-height:1.6667; padding-top:7px; } #inside .createForm .buttonline input { color:#002c5b; padding:5px; font-weight:bold; margin-left:-27px; } #inside .createForm .formline span { font-weight:normal; margin-left:235px; width:350px; text-align:left; line-height:1.2; display:inline; } #inside .createForm span.inlineInfo { font-weight:normal; margin-left:235px; width:350px; text-align:left; line-height:1.2; display:inline; } #inside .createForm span.validatorMessage { color:#0171BB !important; margin-bottom:3px; margin-left:235px; text-align:left; width:130px; } /* Gift Card */ #inside .col-300 { display:block; width:340px; margin:0 0 20px 0;} #inside .fl-left { float:left} #inside .fl-right { float:right} #inside .card-preview { display:block; margin:0; padding:20px 15px 0px 25px; width:300px; background: url(../img/gift-cards/preview-bg-top.gif) no-repeat 17px 12px} #inside .card-preview .card-row { display:block; margin:0; padding:0; width:300px;} #inside .card-preview .card-btn-row { display:block; margin:0; padding:0; position:relative} #inside .card-preview .card-btn-row a { position:relative; left:-8px;} #inside .card-preview .split-big { display:block; width:230px; border-style:solid; border-width:0px 1px 1px 0; border-color:#fff;} #inside .card-preview .split-small { display:block; width:69px; border-style:solid; border-width:1px 0px 1px 0; border-color:#fff;} #inside .card-preview .split-small img { margin:0 0 1px 0} #inside .card-preview img { border:none; margin:0; display:block} #inside .card-preview .msg { background-color:#BBD0EB; padding:10px 20px; width:260px; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.75em; color:#000} #inside .card-preview .msg p { display:block; margin:10px 0; line-height:1.3; text-align:center} #inside .col-form-right { padding:20px 30px 0 0; width:315px !important; } #inside .col-form-left { padding:20px 30px 0 20px; width:295px !important; } #inside .card-form { width:315px; display:block; background:#ffe66b url(../img/gift-cards/form-bg.gif) repeat-x bottom left} #inside .card-form .hidden { display:none !important} #inside .card-form .step-heading { display:block; margin:0 0 10px 0} #inside .card-form .step-heading p { display:block; width:90px; height:25px; text-indent:-9999em} #inside .card-form .step-heading .gc-step1 { background:url(../img/gift-cards/step-1.gif) no-repeat 0 0;} #inside .card-form .step-heading .gc-step2 { background:url(../img/gift-cards/step-2.gif) no-repeat 0 0;} #inside .card-form .step-heading .gc-step3 { background:url(../img/gift-cards/step-3.gif) no-repeat 0 0;} #inside .card-form .step-heading .gc-step4 { background:url(../img/gift-cards/step-4.gif) no-repeat 0 0;} #inside .card-form .amount { display:block; padding:45px 20px 10px 20px; margin:0 0 10px 0; background:url(../img/gift-cards/amount-bg.gif) no-repeat 10px 0;} #inside .card-form .amount label { font-weight:bold; font-size:1em; display:block; margin:0 10px 5px 0; padding:3px 0 0 0; float:left} #inside .card-form .amount select { font-size:0.75em; display:block; float:left; width:150px; margin:0 0 5px 0} #inside .card-form p { font-size:0.6875em; line-height:1.3; display:block; color:#000; padding:5px 0;} #inside .card-form .cta { padding:10px; background-color:#ffeeb2; border:1px solid #f8c58e} #inside .card-form p em { color:#ffe66b; font-style:normal; font-weight:bold} #inside .card-form .form-row, #inside .card-form .form-cal-row { padding:5px 20px;} #inside .card-form .form-row label { font-size:0.75em; display:block; margin:0 0 5px 0; color:#002c5b} #inside .card-form .form-row input { border:1px solid #7f9db9; outline:none; font-size:0.75em; padding:2px;} #inside .card-form .form-row textarea { border:1px solid #7f9db9; outline:none; font-size:0.75em; padding:2px; font-family:Arial, Helvetica, sans-serif} #inside .card-form .form-btn-row { padding:10px 20px 20px 20px;} #inside .card-form .form-btn-row input { font-size:0.6875em} #inside .card-form .ErrorLabel { color:#000; font-weight:bold; padding:5px 5px 5px 15px !important; background:url(../img/gift-cards/alert.png) no-repeat 3px 6px; display:block;} #inside .card-form .form-cal-row label { font-size:0.75em; display:block; margin:5px 5px 5px 0; color:#002c5b; float:left} #inside .card-form .form-cal-row input.cal-date { border:1px solid #7f9db9; outline:none; font-size:0.75em; padding:1px 2px; float:left; width:65px; margin:0 2px 0 0 } #inside .card-form .form-cal-row .ui-datepicker-trigger { float:left; margin:0 10px 0 0} #inside .card-form .form-cal-row input { float:left; margin:0 5px 0 0 } #inside .card-form .form-cal-row select { font-size:0.75em; display:block; float:left; width:65px;} #inside .card-form-help { border:1px solid #dcdcdc; padding:10px; display:block; width:295px;} #inside .card-form-help p { font-size:0.75em; display:block; margin:0 0 15px 0; line-height:1.3} #inside .card-form-help p span { color:#808285} #inside .card-form-help h1 { color:#808285; font-size:1.125em; font-weight:normal; margin-bottom:10px; line-height:1.3} #inside .card-form-help ul { display:block; margin:0 0 15px 0;} #inside .card-form-help ul li { list-style:none; padding-left:10px; background:url(../img/icons/bullet.gif) no-repeat left 4px; line-height:1.5; font-size:0.75em} .modalClose { font-size:0.75em; color:#da1a35; display:block; padding:10px 0 10px 30px; background:url(../img/icons/remove.gif) no-repeat 10px 8px} .modalClose:link, .modalClose:active, .modalClose:visited { color:#da1a35; text-decoration:none} .modalClose:hover { color:#000; text-decoration:none} /* Newsticker */ #home-content-1 .newsWrapper { display:block; width:725px; height:36px; margin-left:5px; background:url(../img/backgrounds/homepage-newsticker.gif) no-repeat 0 0; padding:7px 15px 0 110px; } #home-content-1 .newsWrapper p { display:none} #home-content-1 .newsticker { height:18px; overflow:hidden; margin:0; padding:5px 0 0 0} #home-content-1 .newsticker li { list-style:none; padding:0; line-height:1.3; margin-bottom:20px; display:block; font-size:0.875em;} #home-content-1 .newsticker li a { color:#999390; text-decoration:none} #home-content-1 .newsticker li a:hover { color:#000} /**** New Donations Page ****/ #header-right { width:435px; display:block; } #header-right h1 { width:306px; height:44px; display:block; background:url(../img/donations/help-us-donations.gif) no-repeat 0 0; text-indent:-9999em; margin:0 0 10px 0; float:right } .header-right-links { display:block; clear:both } .header-right-links ul { float:right } .header-right-links ul li { float:left; margin-left:5px; } .header-right-links ul li.back { width:190px; padding:7px 0 0 0} .header-right-links ul li.back a:link, .header-right-links ul li.back a:active, .header-right-links ul li.back a:visited { color:#fff; text-decoration:none; } .header-right-links ul li.back a:hover { color:#fff; text-decoration:underline; } .header-right-links .email-this a { width:113px; height:25px; display:block; background:url(../img/buttons/email-page.gif) no-repeat 0px 0px; text-indent:-9999em; margin-bottom:5px} .header-right-links .email-this a:hover { width:113px; height:25px; display:block; background:url(../img/buttons/email-page.gif) no-repeat 0px -25px;} .header-right-links .print a { width:113px; height:25px; display:block; background:url(../img/buttons/print-page.gif) no-repeat 0px 0px; text-indent:-9999em; margin-bottom:5px} .header-right-links .print a:hover { width:113px; height:25px; display:block; background:url(../img/buttons/print-page.gif) no-repeat 0px -25px;} #donation { display:block; background:url(../img/donations/donation-bg.gif) repeat-y 0 0} #donation .contentWrap { width:740px; display:block; margin:0px auto; padding:20px 0 } #donation-header { display:block; padding:10px 0; margin:0 0 10px 0; } #donation-header h1 { display:block; font-size:1.5em; color:#f68220; font-weight:normal; width:320px; float:left; } #donation-header ul { display:block; float:right; width:410px; } #donation-header ul li { float:left; text-align:right; } #donation-header ul li a {} #donation-header ul li.reg-donation-link { padding-top:5px; } #donation-header ul li.card-types { padding-left:45px; } #donation .content { display:block; width:740px; border:1px solid #e9e3dc; background:url(../img/donations/form-bg.gif) no-repeat bottom right } #donation .donation-form { display:block; padding:20px 0; width:520px; position:relative; overflow:hidden; float:left } #donation .donation-form-header { display:block; width:480px; margin:0 20px 20px 20px; padding-bottom:10px; border-bottom:1px solid #f4f1ed; } #donation .donation-form-header h2 { display:block; color:#f68220; margin:0 0 5px 0; } #donation .dform-row { display:block; position:relative; padding:7px 20px 7px 0; margin-left:20px; } #donation .dform-row p { margin:0; } #donation .dform-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #donation .dform-row label { display:block; width:180px; float:left; padding:4px 0 0 0; margin:0 10px 0 0; text-align:right; font-size:0.75em; line-height:1 } #donation .dform-row span, #donation .dform-row a, #donation .dform-row input, #donation .dform-row select, #donation .dform-row textarea { font-size:1em; padding:2px; } #donation .dform-row input, #donation .dform-row select, #donation .dform-row textarea { margin-right:5px; } #donation .dform-row textarea { font-size:0.75em; } #donation .dform-small { width:75px; } #donation .dform-med { width:150px; } #donation .dform-large { width:220px; } #donation select.dform-small { width:77px; } #donation select.dform-med { width:158px; } #donation select.dform-large { width:228px; } #donation .dform-buttons input { margin-left:190px; display:block; float:left } #donation .dform-buttons img { float:left; } #donation .dform-buttons img#buttonReplacement { margin-left:190px; } #donation .dform-checkboxes label { visibility:hidden; } #donation .donation-form .activerow { background-color:#f9f8f6; } #donation .dform-checkbox { padding:0; float:left } #donation .dform-checkboxes .label { float:left; width:220px; line-height:1.3; } #donation .donation-form-info { display:block; width:178px; padding:20px; float:right; min-height:470px; height:100%; position:relative; } #donation .dform-info-box h3 { display:block; font-size:1em; color:#f68220; font-weight:normal; margin:0 0 5px 0; } #donation .dform-info-box h3 em { font-weight:bold; font-style:normal; } #donation .dform-info-box p { font-size:0.6875em; color:#000; line-height:1.3; display:block; margin:0 0 5px 0; } #donation .dform-info-box ul { list-style:disc; margin:0 0 5px 15px} #donation .dform-info-box ul li { font-size:0.6875em; color:#000; line-height:1.3; } #donation .dform-info-box hr { display:block; filter : alpha(opacity=0); height:8px; background:none; border:1px solid #f9f8f6; outline:none; } #donation .donation-thanks { display:block; margin:0 0 10px 0; background:#f68220; color:#fff; padding:15px; } #donation .donation-thanks em, #donation .donation-thanks h2 { display:block; font-weight:bold; margin:0 0 8px 0; text-align:center; font-style:normal } #donation .donation-thanks p { display:block; margin:0 0 5px 0; text-align:center; font-size:0.75em } #donation .donation-thanks p a:link, #donation .donation-thanks p a:active, #donation .donation-thanks p a:visited { color:#fff; text-decoration:underline} #donation .donation-thanks p a:hover { color:#fff; text-decoration:none} #donation .signupThanks { margin:50px 0 } #donation .signupShare { margin:0 0 20px !important; border-bottom:1px solid #E9E3DC !important } #donation .signupThanks .facebook { padding:5px 0 0 0} #donation .donation-share { display:block; background:#f9f8f6 url(../img/donations/spread-the-word.gif) no-repeat 20px 6px; border-width:1px 1px 0 1px; border-style:solid; border-color:#e9e3dc; padding:7px 10px; width:720px; } #donation .donation-share p { display:none; } #donation .donation-share ul { float:right; margin-right:40px; } #donation .donation-share ul li { float:left; font-size:0.75em; font-weight:bold; margin-left:40px;} #donation .donation-share .facebook { padding:5px 0 0 0} #donation .donation-share .print { width:113px; height:25px; display:block; background:url(../img/buttons/print-page.gif) no-repeat 0px 0px; text-indent:-9999em; margin-bottom:5px } /* Hides from IE-mac \*/ * html #donation .dform-row { height: 1%;} /* End hide from IE-mac */ #donation .security { font-size:0.6875em; display:block; margin:20px auto; } #donation .security p { color:#808285; line-height:1.3} #donation .security img { float:left; margin:0 10px 0 0; } #donation .security-text { float:left; width:600px; } #donation .error-row { display:block; padding:12px 10px 7px 10px !important; font-size:0.6875em !important; background:url(../img/donations/error-bg.gif) no-repeat 0 0px; color:#fff; width:440px; } #donation .info-row { display:block; padding:12px 10px 7px 10px !important; font-size:0.6875em !important; background:url(../img/donations/info-bg.gif) no-repeat 0 0px; color:#fff; width:440px; }