@media screen, projection { /* (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera */ body { overflow-y: scroll } /* (en) Marginal areas & page background */ body { background: #eeebe6 url('../images/bkg_body-pattern.jpg') repeat scroll 50% 0 } /* (en) Centering layout in old IE-versions */ body { min-width: 984px; text-align: center; } /*.inner-body { min-width: 984px; background: url('../images/bkg_body-top.jpg') repeat-x scroll 50% 0; }*/ .inner-body { min-width: 984px; background: #fff; } .page_margins { text-align: left; margin: 0 auto; } /* (en) Layout: width, background, borders */ .page_margins { width: 964px } .page { margin: 0; padding: 0 0 20px 0; } /* (en) Visual styling for skiplink navigation */ #skiplinks a.skip:focus, #skiplinks a.skip:active { color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-decoration: none; } .row { display: block; clear: both; } /* Remove bottom space of an image */ .subcolumns img, #footer img { display: block } img.border { border: 5px solid #d5d3cd } img.border-bottom { border-bottom: 5px solid #d5d3cd } .italic {font-style:italic;} /* @group Breadcrumb */ .page .breadcrumb { display: block; clear: both; height: 16px; line-height: 16px; padding: 4px 20px; background: #9dc2a9; } .page .ourwork .breadcrumb { background: #b0b355 } .page .getinvolved .breadcrumb { background: #dcc03b } .page .donatenow .breadcrumb { background: #d73b3b } .page .breadcrumb a { color: #2e2f2f; font-weight: bold; float: left; } .page .breadcrumb a:hover { color: #fff; text-decoration: none; } .page .breadcrumb a.active { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; } .page .breadcrumb .separator { background: url('../images/arw_right-small.png') no-repeat 50% 50%; width: 20px; height: 16px; float: left; text-align: left; text-indent: -9999px;} .page .region-main-right .block { background: #9DC2A9; border: 5px solid #9DC2A9; border-bottom-width: 1px; } .page .ourwork .region-main-right .block { background: #b0b355; border-color: #b0b355; } .page .getinvolved .region-main-right .block { background: #dcc03b; border-color: #dcc03b; } .page .region-main-right .block .content h3, .page .region-main-right .block .content h2 { color: #607F69 } .page .ourwork .region-main-right .block .content h3, .page .ourwork .region-main-right .block .content h2 { color: #717425 } .page .getinvolved .region-main-right .block .content h3, .page .getinvolved .region-main-right .block .content h2, .page .getinvolved .region-main-right .block h2 { color: #987600 } .page .donatenow .region-main-right .block .content h3, .page .donatenow .region-main-right .block .content h2 { color: #5C5F5F } /* accordion menu */ .page .region-main-right .block-accordion-menu a.external-link span {display:block; background:url("../images/external-link-small.png") no-repeat scroll 255px 5px transparent!important;} .page .region-main-right .block-accordion-menu a.external-link:hover span {background:url("../images/external-link-small.png") no-repeat scroll 255px -41px transparent!important;} .page .region-main-right .block-accordion-menu h2 { background: none !important; padding: 0 0 0 32px !important; line-height: 46px; } .ui-accordion .ui-accordion-content-active { background: none; padding: 0; margin: -1px 0 1px 0; overflow: hidden; border: 0; } .page .region-main-right .block-accordion-menu h2 { padding: 0 0 0 40px } .page .region-main-right .block-accordion-menu .content { background: url(../images/rightmenu_bg.png) left top repeat-y; padding-bottom: 5px; } .page .region-main-right .block-accordion-menu { background: url(../images/rightmenu_t.png) left top no-repeat; border: 0; } .page .region-main-right .block-accordion-menu { width: 318px; margin-left: -10px; } .page .region-main-right .block-accordion-menu .content h3 { border: 0; height: 30px; line-height: 30px; padding: 0; background: none; font-family: Arial, Helvetica, sans-serif; color: #84A58E; margin: 0 0 1px!important; } .page .region-main-right .block-accordion-menu .content h3 a { color: #fff; font-size: 13px; padding: 0 0 0 32px; background: url(../images/rightmenu_link_bg.png) left top no-repeat; } .page .region-main-right .block-accordion-menu .content h3 a:hover { background-position: left -90px } .page .region-main-right .block-accordion-menu .content h3.ui-state-active a { /*background-position: left -30px*/ } .page .region-main-right .block-accordion-menu .content span.ui-icon { background: none } .page .defaultpage .region-main-right .block-accordion-menu ul li { background: none!important; font-weight: normal; font-size: 0.9em; margin: 0 0 1px; padding: 0; } .page .defaultpage .region-main-right .block-accordion-menu ul li a { padding: 0 0 0 32px; margin: 0; line-height: 30px; overflow: hidden; font-size: 12px; text-decoration: none; height: 30px!important; font-weight: normal; background: url(../images/rightmenu_link_bg.png) left -30px; color: #fff; } .page .defaultpage .region-main-right .block-accordion-menu ul li a:hover { background-position: left -90px } /* our work accordion menu */ .page .ourwork .region-main-right .block-accordion-menu .content { background: url(../images/rightmenu_bg_yellow.png) left top repeat-y !important } .page .ourwork .region-main-right .block-accordion-menu { background: url(../images/rightmenu_t_yellow.png) left top repeat-y !important } .page .ourwork .region-main-right .block-accordion-menu .content h3 { color: #717425 } .page .ourwork .region-main-right .block-accordion-menu .content h3 a { background: url(../images/rightmenu_link_bg_yellow.png) left top no-repeat } .page .ourwork .region-main-right .block-accordion-menu .content h3 a:hover { background-position: left -90px } .page .ourwork .region-main-right .block-accordion-menu ul li { background: none !important; font-weight: normal; font-size: 0.9em; margin: 0 0 1px; padding: 0; } .page .ourwork .region-main-right .block-accordion-menu ul li a { padding: 0 0 0 32px; margin: 0; line-height: 30px; overflow: hidden; font-size: 12px; text-decoration: none; height: 30px!important; font-weight: normal; background: url(../images/rightmenu_link_bg_yellow.png) left -30px; color: #fff; } .page .ourwork .region-main-right .block-accordion-menu ul li a:hover { background-position: left -90px } /* get involved accordion menu */ .page .getinvolved .region-main-right .block-accordion-menu .content { background: url(../images/rightmenu_bg_orange.png) left top repeat-y !important } .page .getinvolved .region-main-right .block-accordion-menu { background: url(../images/rightmenu_t_orange.png) left top repeat-y !important } .page .getinvolved .region-main-right .block-accordion-menu .content h3 { color: #7E6200 } .page .getinvolved .region-main-right .block-accordion-menu .content h3 a { background: url(../images/rightmenu_link_bg_orange.png) left top no-repeat } .page .getinvolved .region-main-right .block-accordion-menu .content h3 a:hover { background-position: left -90px } .page .getinvolved .region-main-right .block-accordion-menu ul li { background: none !important; font-weight: normal; font-size: 0.9em; margin: 0 0 1px; padding: 0; } .page .getinvolved .region-main-right .block-accordion-menu ul li a { padding: 0 0 0 32px; margin: 0; line-height: 30px; overflow: hidden; font-size: 12px; text-decoration: none; height: 30px!important; font-weight: normal; background: url(../images/rightmenu_link_bg_orange.png) left -30px; color: #fff; } .page .getinvolved .region-main-right .block-accordion-menu ul li a:hover { background-position: left -90px } /* get involved accordion menu end */ .page .ourwork .region-main-right .block ul li { background: #959844 } .page .ourwork .region-main-right .block ul li:hover { background: #878a35; color: #fff; } .page .getinvolved .region-main-right .block ul li { background: #B79211 } .page .getinvolved .region-main-right .block ul li:hover { background: #a27e03; color: #fff; } .page .defaultpage .region-main-right .block ul li { background: #84A58E } .page .defaultpage .region-main-right .block ul li:hover { background: #75977f; color: #fff; } .page .ourwork .region-main-right .block-tagadelic div.content { background: #959844; padding: 15px; } .page .getinvolved .region-main-right .block-tagadelic div.content { background: #B79211; padding: 15px; } .page .defaultpage .region-main-right .block-tagadelic div.content { background: #84A58E; padding: 15px; } /* @end */ .page .ourwork .region-main-right div.block { background: #b0b355 } .page .ourwork .region-main-right div.block h2, .page .ourwork #block-views-related-news-block-1 h2 { background: #b0b355; color: #717425; } /* @group Buttons */ a.btn_small-yellow { display: block; height: 28px; line-height: 28px; text-align: center; color: #fff; background: url('../images/spt_general.png') no-repeat 0 -650px; } a.btn_small-yellow span { display: block; margin: 0 0 0 8px; padding: 1px 8px 0 0; color: #fff; background: url('../images/spt_general.png') no-repeat 100% -650px; } a.btn_small-yellow:hover { text-decoration: none; color: #fff; background: url('../images/spt_general.png') no-repeat 0 -750px; } a.btn_small-yellow:hover span { background: url('../images/spt_general.png') no-repeat 100% -750px } a.btn_small-cyan, #edit-actions--2, #edit-actions { display: block; height: 28px; line-height: 28px; text-align: center; color: #fff; background: url('../images/spt_general.png') no-repeat 0 -300px; } a.btn_small-cyan span, #edit-actions--2 #edit-submit--2, #edit-actions #edit-submit { display: block; margin: 0 0 0 8px; padding: 1px 8px 3px 0; color: #fff; background: url('../images/spt_general.png') no-repeat 100% -300px; } a.btn_small-cyan:hover, #edit-actions--2:hover, #edit-actions:hover { text-decoration: none; color: #fff; background: url('../images/spt_general.png') no-repeat 0 -350px; } #edit-actions--2, #edit-actions, #edit-actions--3 { width: 140px; height: 30px; cursor: pointer; border: none; } #edit-actions--2 input, #edit-actions input, #edit-actions--3 input { cursor: pointer } .page-node-3 .donatenow #edit-submit { position: relative !important; bottom: 0 !important; width: 200px; margin-left: 28px !important; } .page-node-3 .donatenow #edit-actions { margin-left: 20px; width: 20px; } #edit-submit--2, #edit-submit { border: none; height: 30px; width: 130px; font-weight: bold; } a.btn_small-cyan:hover span, #edit-actions--2:hover #edit-submit--2, #edit-actions:hover #edit-submit, .page-user #edit-actions:hover #edit-submit { background: url('../images/spt_general.png') no-repeat 100% -350px } a.btn_large-cyan, a.scBtn, #node-74 #edit-actions--3, #node-360 #edit-actions { display: block; height: 38px; line-height: 38px; text-align: center; color: #fff; background: url('../images/spt_general.png') no-repeat 0 -500px; } a.btn_large-cyan span, a.scBtn span, #node-74 #edit-actions--3 #edit-submit--3, #node-360 #edit-actions #edit-submit { display: block; margin: 0 0 0 8px; padding: 0 8px 0 0; color: #fff; background: url('../images/spt_general.png') no-repeat 100% -500px; } a.btn_large-cyan:hover, a.scBtn:hover, .add-comment #edit-actions:hover, #comment-form #edit-actions:hover, #node-74 #edit-actions--3:hover, #node-360 #edit-actions:hover { text-decoration: none; color: #fff; background: url('../images/spt_general.png') no-repeat 0 -550px; } a.btn_large-cyan:hover span, a.scBtn:hover span, .add-comment #edit-actions:hover #edit-submit, #comment-form #edit-actions:hover #edit-submit, #node-74 #edit-actions--3:hover #edit-submit--3, #node-360 #edit-actions:hover #edit-submit { background: url('../images/spt_general.png') no-repeat 100% -550px } .add-comment #edit-actions, #comment-form #edit-actions { background: url('../images/spt_general.png') no-repeat 0 -500px; color: #FFFFFF; float: right; height: 40px; line-height: 38px; padding: 0 0 0 36px; position: relative; text-align: center; } .add-comment #edit-actions #edit-submit, #comment-form #edit-actions #edit-submit { background: url("../images/spt_general.png") no-repeat scroll 100% -500px transparent; border: medium none; color: white; font-size: 16px; font-weight: bold; height: 40px; padding: 0 45px 2px 0; text-align: center; cursor: pointer; } #topsub a.btn_view-more { display: block; width: 268px; height: 28px; line-height: 28px; margin: 0; padding: 0; text-align: center; } #topsub a.btn_view-more:hover { text-decoration: none } .front #topsub a.btn_view-more { position: absolute; bottom: 15px; color: #607f69; background: url('../images/spt_theme-general-buttons.png') no-repeat 0 -100px; } .front #topsub a.btn_view-more:hover { background-position: 0 -150px } .donatenow #edit-actions, .page-node-77 #webform-client-form-360 .form-actions, #node-27 #edit-actions { background: url("../images/spt_general.png") no-repeat scroll 0 -1050px transparent; color: #FFFFFF; display: block; height: 50px; line-height: 20px; position: absolute; right: 228px; text-align: center; top: 37px; } .donatenow #node-27 #edit-actions { top: auto; bottom: 0;} #node-394 #edit-actions {position:static; margin-right:88px; float:right;} #node-394 .links {display:none;} #node-27 #edit-actions { right: 228px; } #node-27 #webform-client-form-27 .ajax-loader {position: absolute; right: 116px; top: 56px;} .page-node-3 #webform-client-form-3 .ajax-loader {position: absolute; right: 116px; top: 56px;} .donatenow #edit-actions:hover, .page-node-77 #webform-client-form-360 .form-actions:hover, #node-27 #edit-actions:hover { background: url('../images/spt_general.png') no-repeat 0 -1100px } .donatenow #edit-actions:hover #edit-submit, .page-node-77 #webform-client-form-360 .form-actions:hover .form-submit, #node-27 #edit-actions:hover #edit-submit { background: url('../images/spt_general.png') no-repeat 100% -1100px !important } .donatenow #edit-submit, .page-node-77 #webform-client-form-360 .form-submit, #node-27 #edit-submit { display: block; padding: 0; color: #2e2f2f !important; background: url('../images/spt_general.png') no-repeat 100% -1050px !important; height: 50px !important; width: 220px !important; text-transform: none !important; margin: 0; clear: none !important; cursor: pointer; } .page-node-77 #webform-client-form-360 .form-submit {border: medium none !important; cursor: pointer !important; font-size: 16px; font-weight: 900;} .page-node-77 #webform-client-form-360 .form-actions {padding-left: 3px; position: relative; top:-8px; left:0px;float: right;} /* @end */ /* @group Column Padding Removal */ #header .subcl, #header .subc, #header .subcr, #top .subcl, #top .subc, #top .subcr, #community-messagesbox .subcl, #community-messagesbox .subcr, #footer .subcl, #footer .subc, #footer .subcr, #donation-receipt .subcl, #donation-receipt .subc, #donation-receipt .subcr { padding: 0 } /* @end */ /* @group Main Layout Blocks */ #nav { position: relative; background: #2e2f2f; } #top { background: #9ec2a9; border-bottom: 5px solid #9ec2a9; } .front #top { border: none } .getinvolved #top, .defaultpage #top, .ourwork #top { background: none;; border-bottom: 0;} .ourwork #top { margin-top: 15px;} .donatenow #top { background: #d5d3cd; border-bottom: 5px solid #d5d3cd; } .front #topbot { border-top: 5px solid #9ec2a9; clear: both; } #footer { background: #2e2f2f url('../images/bg-footer.gif') repeat-y 50% 0; border-top: 15px solid #2e2f2f; } /* @end */ /* @group Secondary Layout Blocks */ #main #col1 { float: left; width: 636px; margin: 0; padding: 20px 0 0 0; z-index: 0; } #main #col3 { float: right; width: 308px; margin: 0; padding: 15px 0 0 0; z-index: 0; } .page-node-46 #main #col3 { } .page-node-46 #main #contentlinks {margin-top: 0;} #main #col1_content, #main #col3_content { z-index: 1 } #main #col1_content .region-content { position: relative } #footer .page { padding: 0 } #footer #col1 { float: left; width: 636px; margin: 0; padding: 20px 0 0 0; } #footer #col3 { float: right; width: 308px; margin: 0; padding: 20px 0 0 0; } /* @end */ /* @group Main Navigation Styles */ #nav .hlist ul li { font-weight: bold; text-transform: uppercase; } #nav .hlist ul li.last { padding: 0 16px } #nav .hlist ul li a { height: 60px; line-height: 61px; font-weight: 700; padding: 0 16px; color: #fff; } #nav .hlist ul li.last a { padding: 0; color: #2e2f2f; font-weight: 900; background: url('../images/spt_general.png') no-repeat 0 -634px; } #nav .hlist ul li.last a span { display: block; margin: 0 0 0 20px; padding: 0 20px 0 0; background: url('../images/spt_general.png') no-repeat 100% -634px; } #nav .hlist ul li.last a:hover { color: #2e2f2f; background-position: 0 -734px; } #nav .hlist ul li.last a:hover span { background-position: 100% -734px } #nav .hlist ul li.last a.active { color: #fff; background-position: 0 -834px; } #nav .hlist ul li.last a.active span { background-position: 100% -834px } #nav .hlist ul li a:focus, #nav .hlist ul li a:hover, #nav .hlist ul li a:active { color: #edede9 } #nav .hlist ul li a.active:focus, #nav .hlist ul li a.active:hover, #nav .hlist ul li a.active:active { } /* @end */ /* @group #Header Sub Layout */ #logo { position: relative; width: 412px; height: 70px; background: url('../images/header-phone.png') no-repeat 83% 30px; } #logo a { display: block; position: absolute; bottom: 0; width: 193px; margin: 0 0 17px; padding-right: 20px; border-right:1px solid #ddd;} #topnav { position: relative; width: 302px; height: 70px; } #topnav .hlist { position: absolute; right: 16px; bottom: 18px; width: 100%; } #topnav .hlist .block-menu { float: right } /* @group Top Navigation Styles */ #topnav .hlist ul li { font-weight: 700; text-transform: uppercase; } #topnav .hlist ul li a { height: 28px; line-height: 28px; font-weight: 700; padding: 0 16px; color: #5c5f5f; } #topnav .hlist ul li a:focus, #topnav .hlist ul li a:hover, #topnav .hlist ul li a:active { color: #000 } #topnav .hlist ul li a.active { color: #000 } #topnav .hlist ul li.first a.active { color: #5c5f5f } #topnav .hlist ul li a.active:focus, #topnav .hlist ul li a.active:hover, #topnav .hlist ul li a.active:active { color: #000 } /* @end */ /* @group Search */ #search { position: relative; width: 246px; height: 70px; margin: 0; } .region-search-box { position: absolute; bottom: 19px; right: 0; width: 246px; height: 28px; background: url('../images/spt_general.png') no-repeat 0 -100px; } .region-search-box .container-inline { position: relative; display: block; } .region-search-box input.form-text { position: absolute; top: 2px; left: 2px; width: 156px; height: 16px; line-height: 16px; margin: 0; padding: 4px 12px; color: #848787; background: transparent; border: none; } .region-search-box input.form-submit { position: absolute; top: 0; right: 0; width: 62px; height: 28px; margin: 0; padding: 0; border: none; color: #fff; background: url('../images/spt_general.png') no-repeat -184px -100px; } .region-search-box input.form-submit:hover { background-position: -184px -150px; cursor: pointer; } #search-form #edit-advanced {margin: 15px 0 20px 0;} /* @end */ /* @group #Nav Sub Layout */ #nav .hlist { float: left; width: 948px; padding-left: 16px; } /* @group Navigation Styles */ .hlist { /* (en) containing floats in IE */ width: 100%; overflow: hidden; /* (en) containing floats in all other browsers */ float: left; display: inli ne; /* (en|de) Bugfix: IE - collapsing horizontal margins */; position: relative; line-height: 0; } .hlist ul { margin: 0; padding: 0; /* (en|de)Bugfix: IE - Doubled Float Margin Bug */; display: inline; float: le ft; /* LTR *: ; /: ; /* (en) Left margin of the first button */ } .hlist ul li { /* (en|de) Bugfix: IE - Doubled Float Margin Bug */; display: inline; float: left; /* LTR */ line-height: 1em; list-style-type: none; margin: 0; padding: 0; } .hlist ul li a { display: block; float: left; text-decoration: none; width: auto; } .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active { text-decoration: none; outline: 0 none; } .hlist ul li a.active, .hlist ul li a.active:focus, .hlist ul li a.active:hover, .hlist ul li a.active:active { background: transparent; text-decoration: none; } /* @end */ /* @group Footer Links Navigation Styles */ #block-menu-menu-test-menu ul { margin: 13px 0 20px 0; overflow: hidden; } #block-menu-menu-test-menu ul li.expanded { list-style-type: none; list-style-image: none; float: left; width: 135px; margin-left: 22px; font-family: "museo-sans","arial"; font-size: 14px; color: #B6B9B9; } #block-menu-menu-test-menu ul li.expanded.first { margin-left: 0 !important } #block-menu-menu-test-menu ul li.expanded a { color: #B6B9B9 } #block-menu-menu-test-menu ul li.expanded a:focus, #block-menu-menu-test-menu ul li.expanded a:hover, #block-menu-menu-test-menu ul li.expanded a:active { color: #FFF; text-decoration: none; } #block-menu-menu-test-menu ul li.expanded li a:focus, #block-menu-menu-test-menu ul li.expanded li a:hover, #block-menu-menu-test-menu ul li.expanded li a:active { text-decoration: underline } #block-menu-menu-test-menu ul li ul { margin: 0 } #block-menu-menu-test-menu ul li ul li { margin: 0; line-height: 1.273em; color: #B6B9B9; list-style-type: none; list-style-image: none; padding: 0px; } #block-menu-menu-test-menu ul li ul li a { color: #B6B9B9; font-size: 11px; font-family: "Arial","Helvetica","sans-serif"; font-weight: normal; } #block-menu-menu-test-menu ul li ul li a:focus, #block-menu-menu-test-menu ul li ul li a:hover, #block-menu-menu-test-menu ul li ul li a:active { color: #FFF } /* @end */ #resize { position: absolute; top: 0; right: 0; width: 62px; height: 60px; } a#resize-s, a#resize-l { display: block; float: left; height: 60px; width: 30px; text-indent: -9999px; overflow: hidden; } a#resize-s { margin: 0 2px 0 0; background: #1a1b1b url('../images/spt_general.png') no-repeat -300px 0; } a#resize-s:hover, a#resize-s.active { background-position: -300px -100px } a#resize-l { background: #1a1b1b url('../images/spt_general.png') no-repeat -350px 0 } a#resize-l:hover, a#resize-l.active { background-position: -350px -100px } a#resize-s:hover, a#resize-l:hover { background-color: #000 } a#resize-s.active:hover, a#resize-l.active:hover { background-color: #1a1b1b; cursor: default; } /* @end */ /* @group #Top Sub Layout */ #top .c66l { width: 656px; background: #84a58e; } .getinvolved #top .c66l, .defaultpage #top .c66l, .ourwork #top .c66l { background: none; width: 636px; } #topsub { width: 308px; padding: 0; } .front #topsub { width: 298px; margin-right: 5px;} .ourwork #topsub .block { border: 5px solid #b0b355; background: #b0b355; margin-bottom: 15px;} .ourwork #topsub .block #title-bottom { background-color: #959844; border-color: #b0b355; border-bottom-width: 0; color: #FFF;} .ourwork #topsub .block #title-bottom:hover { background-color: #717425; color: #fff} .getinvolved #topsub .block { border: 5px solid #DCC03B; background: #DCC03B; margin-bottom: 15px;} .getinvolved #topsub #title-bottom:hover { color: #000; background-color: #B79211;} .defaultpage #topsub .block { border: 5px solid #9DC2A9; background: #9DC2A9; margin-bottom: 15px;} .defaultpage #topsub .sign-up-enewsletter { background: #84A58D;} .getinvolved #topsub .connect-with-us, .defaultpage #topsub .connect-with-us, .ourwork #topsub .connect-with-us { border-bottom: 0; margin-bottom: 0;} .getinvolved #topsub .sign-up-enewsletter, .defaultpage #topsub .sign-up-enewsletter, .ourwork #topsub .sign-up-enewsletter { margin-top: 0;} #topsubb { margin: 5px 0 0 0 } .front #topsubb { font-size: 110%; position: relative; padding: 11px 15px 11px 15px; height: 132px; background: #84a58e; } /* @group Slideshow Styles */ .region-slideshow .skin-default { position: relative } .views_slideshow_cycle_main { position: relative; z-index: 100; } .views_slideshow_cycle_main .views-field-entity-id .field-content { display: block; width: 656px; height: 369px; } .region-slideshow #transparency { position: absolute; top: 267px; left: 20px; width: 616px; height: 87px; background: url('../images/bkg_slideshow-content.png') no-repeat 0 0; z-index: 120; } #slideshow-caption { position: absolute; top: 267px; left: 20px; width: 452px; height: 74px; padding: 13px 144px 0 20px; font-weight: bold; z-index: 130; } #slideshow-caption h2 { margin: 0 0 8px 0 } #slideshow-caption h2 a { text-decoration: none; font-weight: bold; font-style: italic; color: #FFF; } #slideshow-caption h2 a:hover { color: #f8ac0a } /* @group Pagination Bullets */ .views-slideshow-controls-bottom { position: absolute; bottom: 73px; right: 40px; z-index: 140; } .views-slideshow-controls-bottom div.views-slideshow-pager-field-item { display: inline; float: left; } .featured-news .views-slideshow-pager-fields-render a, .views-slideshow-bullets a { display: block; float: left; width: 12px; height: 12px; margin-left: 8px; text-indent: -9999px; background: url("../images/spt_general.png") no-repeat -400px 0; overflow: hidden; } .featured-news .views-slideshow-pager-fields-render a:hover, .featured-news .views-slideshow-pager-fields-render a.views-slideshow-bullets-hover, .views-slideshow-bullets a:hover, .views-slideshow-bullets a.views-slideshow-bullets-hover { background-position: -400px -50px } #views_slideshow_controls_text_pause_featured_news-featured_news, #views_slideshow_controls_text_play_featured_news-featured_news { display: none } /* @end */ /* @group Full Story Button */ .views-slideshow-cycle-main-frame-row-item .views-field-view-node { position: absolute; bottom: 30px; right: 40px; z-index: 140; } .views-slideshow-cycle-main-frame-row-item .views-field-view-node a { display: block; width: 92px; height: 28px; line-height: 28px; text-align: center; text-decoration: none; color: #FFF; background: url("../images/spt_general.png") no-repeat -400px -200px; } .views-slideshow-cycle-main-frame-row-item .views-field-view-node a:hover { background-position: -400px -250px } /* @end */ /* @group Arrows */ .views-slideshow-controls-top { position: absolute; top: 0; z-index: 110; } .views-slideshow-controls-top #views_slideshow_controls_text_featured_news-featured_news { position: relative; width: 656px; height: 0px; } .views-slideshow-controls-top #views_slideshow_controls_text_previous_featured_news-featured_news { position: absolute; top: 157px; left: 5px; width: 35px; height: 56px; padding: 15px; } #views_slideshow_controls_text_next_featured_news-featured_news { position: absolute; top: 157px; right: 5px; width: 35px; height: 56px; padding: 15px; } .region-slideshow .arrow-left-show { background: url("../images/spt_general.png") no-repeat -435px 15px } .region-slideshow .arrow-right-show { background: url("../images/spt_general.png") no-repeat -485px 15px } .region-slideshow .arrow-left-show:hover { background: url("../images/spt_general.png") no-repeat -435px -85px; cursor: pointer; } .region-slideshow .arrow-right-show:hover { background: url("../images/spt_general.png") no-repeat -485px -85px; cursor: pointer; } .region-slideshow .arrow-right-hide, .region-slideshow .arrow-left-hide { background: none } .featured-news .views-slideshow-controls-top { position: absolute; top: 0; z-index: 110; } .featured-news .views-slideshow-controls-text-render { position: relative; width: 656px; height: 376px;} .featured-news .views-slideshow-controls-text-previous { position: absolute; top: 157px; left: 5px; width: 35px; height: 56px; padding: 15px; text-align: left; text-indent: -9999px; } .featured-news .views-slideshow-controls-text-pause { display: none;} .featured-news .views-slideshow-controls-text-next { position: absolute; top: 157px; right: 5px; width: 35px; height: 56px; padding: 15px; text-align: left; text-indent: -9999px;} .featured-news-category { border: 5px solid #d5d3cd;} .featured-news-category #slideshow-caption { left: 5px; top: 257px;} .featured-news-category #transparency { left: 5px; top: 257px;} .featured-news-category .views-slideshow-controls-bottom { bottom: 63px;} .featured-news-category .views-slideshow-cycle-main-frame-row-item .views-field-view-node { right: 30px; bottom: 20px;} .featured-news-category .views-slideshow-controls-text-render { position: relative; width: 626px; height: 0px;} .featured-news-category .views-slideshow-controls-text-previous { top: 147px;} .featured-news-category .views-slideshow-controls-text-next { top: 147px;} .featured-news-category .views_slideshow_cycle_main .views-field-entity-id .field-content { width: 626px; height: 352px;} /* @end */ /* @end */ /* @group Top Right Featured Block style */ .topsub-featured-block { width: 298px !important; height: 168px; position: relative; z-index: 0; } .topsub-featured-block .content { display: block; position: absolute; left: 0; bottom: 0; width: 268px; padding: 8px 15px 5px 15px; z-index: 1; background: url(../images/bkg_translucent-black.png) repeat 0 0; } .topsub-featured-block .content h3, .topsub-featured-block .ic_caption h3 { margin: 0 0 2px 0; font-size: 11px !important; } .topsub-featured-block .content h3 a, .topsub-featured-block .ic_caption h3 a { color: #fff; font-size: 11px !important; } .topsub-featured-block .content h3 a:hover, .topsub-featured-block .ic_caption h3 a:hover { color: #f8ac0a; text-decoration: none; } .topsub-featured-block .content p { margin: 0 0 2px; color: #fff; } .topsub-featured-block a.view-more { display: inline-block; margin: 8px 0 0 0; padding: 0 0 0 8px; font-weight: normal; color: #f8ac0a; background: url(../images/arw_right-small-orange.png) no-repeat 0 50%; } .topsub-featured-block .ic_container { vertical-align: baseline; margin: 10px; position: relativ e; /*-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: 0 1px 3px #888; */ } .topsub-featured-block .overlay { position: absolute; left: 0; bottom: 0; width: 268px; z-index: 1; background: url(../images/bkg_translucent-black.png) repeat 0 0; } .topsub-featured-block .ic_caption { position: absolute; background: transparent url(../images/bkg_translucent-black.png) repeat 0 0 !important; overflow: hidden; margin: 0px; padding: 0px; left: 0px; right: 0px; padding: 7px 15px; width: 268px !important; } .topsub-featured-block .ic_text { margin: 0px; text-align: left; font-size: 11px; } .topsub-featured-block:hover, .topsub-featured-block .ic_text:hover { cursor: pointer; } /* @end */ /* @group Social Media & eNews Signup - Top Sub */ #topsub .socialmedia { height: 98px; margin: 0; background: #84a58d; } #topsub .signup-enews { height: 105px; margin: 5px 0 0 0; padding: 13px 15px 0 15px; background: #84a58d; } #block-webform-client-block-76 { margin-top: 5px; padding:15px 0px 5px 15px; background:none repeat scroll 0 0 #84A58D; position: relative;} .ourwork #topsub .socialmedia, .ourwork #topsub .signup-enews, .ourwork #topsub #block-webform-client-block-76{ background: #959844 } .getinvolved #topsub .socialmedia, .getinvolved #topsub .signup-enews, .getinvolved #topsub #block-webform-client-block-76{ background: #b79211;} #topsub #block-webform-client-block-76 h2{ font-size:15px; color: #FFFFFF; text-shadow: none; padding: 0px; height: auto; line-height: inherit; margin-bottom: 3px;} #topsub #block-webform-client-block-76 .webform-component, #topsub #block-webform-client-block-76 .form-actions {float: left; margin:0 0 10px; cursor: default;} #topsub #block-webform-client-block-76 #webform-component-tool-tip {position:absolute; bottom:12px; right:15px;} #topsub #block-webform-client-block-76 #webform-component-tool-tip .tooltip {position: absolute; bottom:-67px; right: 18px;} #topsub #block-webform-client-block-76 input[type=text] {font-size: 11px; width: 111px; padding: 4px 8px; float:left; margin-right: 10px; border:1px solid #A5830E;} .ourwork #topsub #block-webform-client-block-76 input[type=text] {border:1px solid #83863d;} .defaultpage #topsub #block-webform-client-block-76 input[type=text] {border:1px solid #75977f;} #node-76 #webform-component-tool-tip {display: none;} #topsub #webform-client-form-76 #webform-component-tool-tip {display: block;} .donatenow #topsub .socialmedia, .donatenow #topsub .signup-enews, .donatenow #topsub #block-webform-client-block-76{ background: #edede9 } .field-items strong { font-size: 105%; } #topsub .socialmedia ul { float: left; margin: 15px 0 0 15px; } #topsub .socialmedia li { float: left; margin: 0 0 12px 0; } #topsub .socialmedia a { float: left; width: 84px; height: 28px; line-height: 28px; padding: 0 0 0 40px; color: #e1f9e8; } #topsub .socialmedia a:hover { text-decoration: none; color: #fff; } #topsub .socialmedia a.facebook { margin: 0 20px 0 0; background: url('../images/spt_theme-general.png') no-repeat -3px -100px; } #topsub .socialmedia a.facebook:hover { background-position: -3px -150px } #topsub .socialmedia a.twitter { margin: 0; background: url('../images/spt_theme-general.png') no-repeat -3px -300px; } #topsub .socialmedia a.twitter:hover { background-position: -3px -350px } #topsub .socialmedia a.youtube { margin: 0 20px 0 0; background: url('../images/spt_theme-general.png') no-repeat -3px -500px; } #topsub .socialmedia a.youtube:hover { background-position: -3px -550px } #topsub .socialmedia a.flickr { margin: 0; background: url('../images/spt_theme-general.png') no-repeat -3px -700px; } #topsub .socialmedia a.flickr:hover { background-position: -3px -750px } #block-webform-client-block-76 label, #block-webform-client-block-76 .description { display: none;} .ourwork #topsub .socialmedia a { color: #f3f6a0 } .ourwork #topsub .socialmedia a.facebook { background-image: url('../images/spt_theme-work.png') } .ourwork #topsub .socialmedia a.twitter { background-image: url('../images/spt_theme-work.png') } .ourwork #topsub .socialmedia a.youtube { background-image: url('../images/spt_theme-work.png') } .ourwork #topsub .socialmedia a.flickr { background-image: url('../images/spt_theme-work.png') } .getinvolved #topsub .socialmedia a { color: #ffeeb3 } .getinvolved #topsub .socialmedia a.facebook { background-image: url('../images/spt_theme-involved.png') } .getinvolved #topsub .socialmedia a.twitter { background-image: url('../images/spt_theme-involved.png') } .getinvolved #topsub .socialmedia a.youtube { background-image: url('../images/spt_theme-involved.png') } .getinvolved #topsub .socialmedia a.flickr { background-image: url('../images/spt_theme-involved.png') } .donatenow #topsub .socialmedia a { color: #837e73 } .donatenow #topsub .socialmedia a.facebook { background-image: url('../images/spt_theme-donate.png') } .donatenow #topsub .socialmedia a.twitter { background-image: url('../images/spt_theme-donate.png') } .donatenow #topsub .socialmedia a.youtube { background-image: url('../images/spt_theme-donate.png') } .donatenow #topsub .socialmedia a.flickr { background-image: url('../images/spt_theme-donate.png') } .ourwork #topsub .socialmedia a:hover, .getinvolved #topsub .socialmedia a:hover, .donatenow #topsub .socialmedia a:hover { color: #fff } #topsub .signup-enews h3 { margin: 0 0 6px 0; color: #fff; } #topsub .signup-enews form { position: relative; height: auto; } #topsub .signup-enews .inputbox { width: 111px } #topsub .signup-enews .enews-firstname { float: left; margin: 0 0 10px 0; } #topsub .signup-enews .enews-email { clear: both; float: left; } #topsub .signup-enews .enews-lastname { float: right; margin: 0 0 10px 0; } #topsub .signup-enews .enews-submit { float: right } #topsub .signup-enews .enews-submit, #topsub #edit-submit--3, #topsub #block-webform-client-block-76 #edit-submit--2 { display: block; width: 99px; height: 28px; margin: 0 41px 0 0; padding: 28px 0 0; background: url('../images/spt_theme-general-buttons.png') no-repeat 0 0; border: none; cursor: pointer; } #topsub .signup-enews .enews-submit:hover, #topsub #edit-submit--3:hover, #topsub #block-webform-client-block-76 #edit-submit--2:hover { background: url('../images/spt_theme-general-buttons.png') no-repeat 0 -50px; } #topsub .signup-enews .enews-submit:hover { background-position: 0 -50px } .ourwork #topsub .signup-enews .enews-submit, .ourwork #topsub #edit-submit--3, .ourwork #topsub #block-webform-client-block-76 #edit-submit--2 { background-image: url('../images/spt_theme-work-buttons.png') } .ourwork #topsub .signup-enews .enews-submit:hover, .ourwork #topsub #edit-submit--3:hover, .ourwork #topsub #block-webform-client-block-76 #edit-submit--2:hover { background-position: 0 -50px; } .getinvolved #topsub .signup-enews .enews-submit, .getinvolved #topsub #edit-submit--3, .getinvolved #topsub #block-webform-client-block-76 #edit-submit--2 { background-image: url('../images/spt_theme-involved-buttons.png') } .getinvolved #topsub .signup-enews .enews-submit:hover, .getinvolved #topsub #edit-submit--3:hover, .getinvolved #topsub #block-webform-client-block-76 #edit-submit--2:hover { background-position: 0 -50px; } .donatenow #topsub .signup-enews .enews-submit, .donatenow #topsub #edit-submit--3, .donatenow #topsub #block-webform-client-block-76 #edit-submit--2 { background-image: url('../images/spt_theme-donate-buttons.png') } #topsub .signup-enews .more-info { position: absolute; right: 0; bottom: 3px; } /* @end */ /* @end */ /* @group Footer */ #footer p { margin: 0 0 20px 0 } #footer .region-footer-social-links p { margin: 0 } #footer img.border { border: 5px solid #000 } #footer strong.caption { display: block; width: 268px; padding: 7px 20px 11px 20px; color: #fff; background: #000; } #footer strong.caption b, .region-footer-right strong.caption b { color: #F8AC0A } #footer .c50r { margin: 0 } #footertopt { padding: 0 0 20px 0; border-bottom: 1px solid #2e2f2f; } #footertopt .c25l { width: 164px } #footertopt .c50r { width: 308px } #footertopb { padding: 17px 0 0 0 } #footertopb h4 { margin: 0 0 6px 0 } #footertopb .c25l { width: 144px; margin: 0 20px 0 0; } #footertopb .c25r { width: 144px } #footertopb ul { margin: 0 0 16px 0 } #footertopb li { margin: 0; padding: 0 0 4px 0; } #footertopb li a { font-weight: normal } #footerbot { clear: both; min-height: 44px; height: auto !important; height: 44px; padding: 10px 0 12px; border-top: 1px solid #2e2f2f; } #footerbot address { margin: 6px 0 } #footerbot p { margin: 0 } #footer #footerbot a { font-weight: normal; color: #7a7d7d; } #footer #footerbot a:hover { color: #fff } #footerbot #securesite { display: block; float: right; width: 65px; height: 37px; margin: 0 0 0 1px; border: 2px solid #2e2f2f; } #footerbot #securesite img {width: 65px; height: 37px;} #footerbot #sslmatrix { display: block; float: right; margin-left: 5px;} #footerbot #sslmatrix img {} /* @group Text replacement */ #footerlogo, #donationline, #signup-enews, #facebook, #twitter, #youtube, #flickr { display: block; text-align: left; text-indent: -9999px; overflow: hidden; } #footerlogo { width: 144px; height: 25px; margin: 2px 0 1px 0; background: url('../images/spt_general.png') no-repeat 0 -50px; } #donationline { width: 110px; height: 28px; background: url('../images/spt_general.png') no-repeat -180px -48px; } #signup-enews { float: left; width: 172px; height: 28px; margin: 0 6px 0 0; background: url('../images/spt_general.png') no-repeat 0 -200px; } #signup-enews:hover { background-position: 0 -250px } #facebook { float: left; width: 28px; height: 28px; margin: 0 6px 0 0; background: url('../images/spt_general.png') no-repeat -200px -200px; } #facebook:hover { background-position: -200px -250px } #twitter { float: left; width: 28px; height: 28px; margin: 0 6px 0 0; background: url('../images/spt_general.png') no-repeat -250px -200px; } #twitter:hover { background-position: -250px -250px } #youtube { float: left; width: 28px; height: 28px; margin: 0 6px 0 0; background: url('../images/spt_general.png') no-repeat -300px -200px; } #youtube:hover { background-position: -300px -250px } #flickr { float: left; width: 28px; height: 28px; background: url('../images/spt_general.png') no-repeat -350px -200px; } #flickr:hover { background-position: -350px -250px } /* @end */ /* @end */ /* @group Elements */ .more-info { display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: text-bottom; text-indent: -9999px; background: url('../images/spt_general.png') no-repeat -550px -200px; overflow: hidden; } #webform-client-form-76 .more-info { display: block; } .more-info:hover { background-position: -550px -250px } .tooltip { display: none; position: relative; padding: 0; width: 250px; z-index: 199; } .tooltip_mon { padding: 0; position: absolute; width: 250px; z-index: 199; } .tooltip-inner, .tooltip-inner-left { width: 200px; min-height: 36px; height: auto !important; height: 36px; padding: 20px 20px 20px 30px; color: #fff; text-align: left !important; background: url(../images/bkg_tooltip.png) no-repeat 0 0; } .tooltip-inner-left { padding: 20px 30px 10px 20px; background: url(../images/bkg_tooltip_left.png) no-repeat 0 0; } .tooltip span { margin: 0 !important; padding: 0; display: block; } .tooltip-bottom, .tooltip-bottom-left { width: 250px; background: url(../images/bkg_tooltip.png) no-repeat 0 100%; height: 15px; margin: 0; float: left; display: inline-block; text-align: left; position: absolute !important; bottom: -15px; left: 0; } .tooltip-bottom-left { background: url(../images/bkg_tooltip_left.png) no-repeat 0 100% } .description:hover .tooltip, .tooltip-holder:hover .tooltip { display: block } .tooltip { display: none } /* @end */ /** * ------------------------------------------------------------------------------------------------- # * * (en) FHF Colour Scheme */ .redtext { color: #d73b3b } .blacktext { color: #2e2f2f } .pink { background: #e32525 } .darkred { background: #d73b3b } .red { background: #d73b3b } .yellow { background: #dcc03b } .darkyellow { background: #dcc03b } .orange { background: #ff5900 } .navy { background: #3e6d7f } .darknavy { background: #0f0063 } .overlaygreen { background: #84a58e } .charcoal { background: #333 } .darkredtext { color: #d44545 } .yellowtext { color: #f4c111 } .darkyellowtext { color: #f8ac0a } .greentext { color: #b0b355 } .darkgreentext { color: #a2a53d } .lightcyantext { color: #9ec2a9 } .orangetext { color: #ff5900 } .navytext { color: #3e6d7f } .darknavytext { color: #0f0063 } .overlaygreentext { color: #84a58e } .charcoaltext { color: #333 } .darkgreen { background: #a2a53d } .c33l.darkgreen { background: #a2a53d } .c33l.darkyellow { background: #f1c325 } .c33r.darkred { background: #d44545 } /** * ------------------------------------------------------------------------------------------------- # * * (en) Styling of layout specific elements */ /* @group Home Page */ .front #nav { border-bottom: 5px solid #9ec2a9 } /* @group Header Bottom - Home */ .front #topbot .c33l { width: 328px } .front #topbot .c33r { width: 308px } .front #topbot .subcl.darkgreen, .front #topbot .subc.darkyellow, .front #topbot .subcr.darkred { position: relative; overflow: hidden; } .front #topbot .boxinner { display: block; height: 90px; margin: 0 0 0 20px; padding: 16px 0 0 20px; color: #fff; background: #2e2f2f; } .front #topbot .boxinner.ourwork { background: #A2A53D; position: absolute; top: 0px; } .front #topbot .boxinner.getinvolved { background: #DCC03B; position: absolute; top: 0px; } .front #topbot .subcr .boxinner.donate { background: #D73B3B; position: absolute; top: 0px; } .front #topbot .boxinner.ourwork p, .front #topbot .boxinner.getinvolved p, .front #topbot .boxinner.donate p { color: #333; font-size: 12px; line-height: 1.75em; padding: 0 5px 0 0; /*color: white; */ } .front #topbot .boxinner.donate span { margin-left: -20px } .front #topbot .boxinner.donate h3 { color: #FFF } .front #topbot .boxinner:hover { text-decoration: none } .front #topbot .subcr .boxinner { background: #1a1b1b } .front #topbot .boxinner span { display: block; height: 120px; padding: 0 40px 0 0; background: url("../images/arw_right-large.png") no-repeat 268px 30px; } .front #topbot .subcr .boxinner span { padding: 0 20px 0 0; background: none; } /* @end */ /* @group News & Media - Home */ #news-media { margin: 20px 0 20px 0 } #news-media #block-views-news-news, #news-media #block-views-photos-photos { display: inline; float: left; } #news-media #block-views-videos-videos { display: inline; float: right; } #news-media .region-newsmedia { display: inline } .front .box-top .c33l, .front .box-bottom .c33l { margin-right: 20px } .front .box-top .c33l, .front .box-top .c33r, .front .box-bottom .c33l, .front .box-bottom .c33r { width: 308px } .front .box-top .subcl, .front .box-top .subc, .front .box-top .subcr { padding: 0; padding-bottom: 100em; margin-bottom: -100em; background: #edede9; border-left: 5px solid #d5d3cd; border-right: 5px solid #d5d3cd;} .front .box-top .subcl { background: #edede9; border-left: 2px solid #aba9a3; border-right: 2px solid #aba9a3;} .front .box-top .subcl .box-news { padding: 0px 5px; /*border-top: 2px solid #aba9a3; */ background-color: #D5D3CD; } .front .box-top .subcl .more-link { /*padding: 5px 3px 5px; */ padding: 5px; /*border-bottom: 2px solid #aba9a3;*/ } .front .box-top .c33l .subcl{ border-left: 0px; border-right: 0px; } .front .box-top #news h3 { height: 46px; color: #706A5D; } .front .box-top .subc { border-top: 5px solid #d5d3cd; line-height: 0; font-size: 0;} .front .box-bottom { margin-bottom: 20px; text-align: center; } .front .box-bottom .subcl, .front .box-bottom .subc, .front .box-bottom .subcr { position: relative; height: 24px; line-height: 24px; padding: 5px; background: #d5d3cd; } /* adjustment of conent elements within the boxes */ .front .box-top #videolist, .front .box-top #photolist { padding: 15px 15px 0 15px } .front .box-top ul { clear: both; display: block; padding: 15px 15px 3px 15px; margin: 0; } .front .box-top ul#newslist { padding: 15px 15px 4px; } .front .box-top #photolist ul, .front .box-top #videolist ul { padding: 0; overflow: hidden; } .front .box-bottom a { display: block; color: #5c5f5f; } .front .box-bottom a:hover { text-decoration: none; color: #ff5900; } /* @group 3 Latest Blocks Specific */ .front #news-media li { float: left } .front #news-media li a { display: block; color: #5c5f5f; } .front #news-media .socialmedia li a { color: #837E73; } .front #news-media li a:hover { color: #ff5900 } .front #news-media li a:hover img { border-color: #ff5900 } .front #news-media .list-thumb { display: block; float: left; width: 82px; height: 47px; background: #d5d3cd; } .front #news-media .list-thumb img { width: 80px; height: 45px; margin: 0; border: 1px solid #d6d2c9; } .front #newslist { height: 174px; background-color: #edede9;} .front #newslist li { display: block; width: 100%; margin: 0 0 11px 0; } .front #newslist li .title { float: right; width: 176px; } .front #newslist li a { width: 100%; line-height: 1.273em; } .front #photolist li a, .front #videolist li a { display: block } .front #photolist li, .front #videolist li { width: 82px; margin: 0 11px 14px 0; } .front #photolist li.last, .front #videolist li.last { margin-right: 0 } .front #photolist li .title, .front #videolist li .title { float: left; width: 100%; margin: 2px 0 0 0; } .front .box-top .more-link { background: #D5D3CD; height: 24px; line-height: 24px; padding: 5px 0; position: relative;} .front .box-top .more-link a { color: #5C5F5F; display: block; height: 24px; line-height: 24px; text-shadow: 0 1px 1px #EFEFEF; font-weight: bold; text-decoration: none; font-size: 12px; text-align: center;} .front .box-top .more-link a:hover { background: #f5f5f2; color: #837e73;} .front .box-top .connect-with-us h2 { background: none repeat scroll 0 0 #D5D3CD; color: #706A5D; display: block; font-size: 173%; height: 47px; line-height: 46px; margin: 0; padding: 0 0 0 15px; text-shadow: 0 1px 1px #EFEFEF; } .front .box-top .socialmedia ul { float: left; margin: 0; height: 80px; } .front .box-top .socialmedia li { float: left; margin: 0 0 12px 0; } .front .box-top .socialmedia a { float: left; width: 84px; height: 28px; font-size: 125%; line-height: 28px; padding: 0 0 0 40px; color: #5C5F5F; } .front .box-top .socialmedia a:hover { text-decoration: none; color: #fff; } .front .box-top .socialmedia a.facebook { margin: 0 20px 0 0; background: url('../images/spt_theme-donate.png') no-repeat -3px -100px; } .front .box-top .socialmedia a.facebook:hover { background-position: -3px -150px } .front .box-top .socialmedia a.twitter { margin: 0; background: url('../images/spt_theme-donate.png') no-repeat -3px -300px; } .front .box-top .socialmedia a.twitter:hover { background-position: -3px -350px } .front .box-top .socialmedia a.youtube { margin: 0 20px 0 0; background: url('../images/spt_theme-donate.png') no-repeat -3px -500px; } .front .box-top .socialmedia a.youtube:hover { background-position: -3px -550px } .front .box-top .socialmedia a.flickr { margin: 0; background: url('../images/spt_theme-donate.png') no-repeat -3px -700px; } .front .box-top .socialmedia a.flickr:hover { background-position: -3px -750px } .front .box-top #block-webform-client-block-76 { margin-top: 0; background: #edede9; height: 99px; padding: 13px 0 6px 15px; border-top: 5px solid #d5d3cd; border-bottom: 5px solid #d5d3cd;} .front .box-top .sign-up-enewsletter { margin-top: 5px; padding:15px 0px 5px 15px; position: relative;} .front .box-top .sign-up-enewsletter h2{ font-size:15px; color: #5c5f5f; text-shadow: none; padding: 0px; height: auto; line-height: inherit; margin-bottom: 6px;} .front .box-top .sign-up-enewsletter .webform-component, .front .box-top .sign-up-enewsletter .form-actions {float: left; margin:0 0 10px; cursor: default;} .front .box-top .sign-up-enewsletter #webform-component-tool-tip {position:absolute; bottom:10px; right:15px;} .front .box-top .sign-up-enewsletter #webform-component-tool-tip .tooltip {position: absolute; bottom:-6px; right: 18px;} .front .box-top .sign-up-enewsletter input[type=text] {font-size: 11px; width: 111px; padding: 4px 8px; float:left; margin-right: 10px; border:1px solid #837e73;} .front .box-top .sign-up-enewsletter #webform-component-tool-tip {display: block;} .front .box-top .sign-up-enewsletter #edit-actions--2 #edit-submit--2 { display: block; width: 99px; height: 28px; margin: 0 41px 0 0; padding: 28px 0 0; background: url('../images/spt_theme-donate-buttons.png') no-repeat 0 0; border: none; cursor: pointer; } .front .box-top .sign-up-enewsletter #edit-actions--2 #edit-submit--2:hover { background-position: 0 -50px;} .front .box-top .sign-up-enewsletter .tooltip-inner-left { background: url("../images/bkg_tooltip_left2.png") no-repeat 0 0; } .front .box-top .sign-up-enewsletter .tooltip-bottom-left { background: url("../images/bkg_tooltip_left2.png") no-repeat 0 100%;} /* @end */ /* @end */ /* @group Community Messages - Home */ #community-messagesbox .c66l { width: 636px; margin: 0 20px 20px 0; } #community-messagesbox .subcl { background: #edede9; border-left: 5px solid #d5d3cd; border-right: 5px solid #d5d3cd; border-bottom: 5px solid #d5d3cd; position: relative;} #community-messagesbox .c33r { width: 308px; margin: 0 0 20px 0; } #community-messagesbox .c33r a.btn_large-cyan { margin: 15px 0 0 0 } #community-messagesbox .subcl .container { padding: 10px 15px 15px 15px } #community-messagesbox h4 span {color: #FF5900;} ul#community-messagelist { min-height: 210px; height: auto !important; height: 210px; margin: 0; background: url('../images/bkg_quote.png') no-repeat 100% 100%; } li.community-message-list-item { list-style: none; float: left; width: 178px; margin: 0 20px 0 0; padding: 0; } li.community-message-list-item.last { margin: 0 } /* @end */ /* @end */ /* @group Our Works Page */ /* @group Google Map Canvas Styles */ #googlemapcanvas-wrapper { position: relative } #googlemapcanvas { width: 626px; height: 492px; margin: 0; padding: 0; text-align: left; background: url('../images/icn_ajax-loader_green.gif') no-repeat 50% 50% !important; border: none; overflow: hidden; } .page-node-35 #googlemapcanvas { width: 626px; height: 352px; border: 5px #d5d3cd solid; } .page-node-35 #googlemapcanvas-wrapper .ic_caption { position: absolute; background: url(../images/bkg_translucent-black.png) repeat 0 0 !important; margin: 5px; width: 626px; } #googlemapcanvas-wrapper .overlay { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; background: url(../images/bkg_translucent-black.png) repeat 0 0; } #googlemapcanvas-wrapper .content { display: block; position: relative; width: 596px; padding: 0 15px 10px 15px; } #googlemapcanvas-wrapper .content.header { padding: 24px 15px 0 15px } #googlemapcanvas-wrapper .c20l, #googlemapcanvas-wrapper .c20r { width: 112px; margin: 0; text-align: center; } #googlemapcanvas-wrapper .c20l { margin: 0 9px 0 0 } #googlemapcanvas-wrapper .overlay-control { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 9px; padding: 5px 0; background: url('../images/arw_vertical-expand-collapse.png') no-repeat scroll 50% -95px; } #googlemapcanvas-wrapper .overlay-control:hover { background-color: #191a1a; background-position: 50% -145px; } #googlemapcanvas-wrapper .content ul, #googlemapcanvas-wrapper .content li { margin: 0 } #googlemapcanvas-wrapper .content li { padding: 0 0 4px } #googlemapcanvas-wrapper .content h3, #googlemapcanvas-wrapper .content a { font-weight: bold; color: #fff; } #googlemapcanvas-wrapper .content h3 { margin: 0 0 6px } #googlemapcanvas-wrapper .content h3 { display: block !important; padding: 3px 0 !important; color: #2e2f2f !important; background: url('../images/spt_theme-work.png') repeat-x 0 0 !important; } #googlemapcanvas-wrapper .content h3 a:hover { color: #1a1b1b; text-decoration:none; background: #b0b255; } #maplinks .switch { position: absolute; top: 4px; left: 325px; display: block; width: 15px; height: 19px; background: url("../images/arw_vertical-expand-collapse.png") no-repeat; background-position: 306px 0px; display: block; height: 50px; left: 0; width: 100%; } #maplinks .switch:hover { text-decoration: none; background-position: 306px -50px; } #maplinks .switch.on { background-position: 306px -100px } #maplinks .switch.on:hover { background-position: 306px -150px } /* @end */ /* @group Tertiary Page */ .region-content .field-name-field-image, #col1_content .field-name-field-image { padding: 5px 0 20px; background: none repeat scroll 0 0 #EEEDEB; border: 5px solid #D5D3CD; margin: 10px 0 20px; overflow: hidden; padding: 0px 0px 0px 0px; } .region-content .field-name-field-image .field-items, #col1_content .field-name-field-image .field-items { background: #edede9 } .region-content .field-name-field-image .field-item, #col1_content .field-name-field-image .field-item { position: relative } .region-content .field-name-field-image img, #col1_content .field-name-field-image img { display: block; margin: 0 !important; padding: 0 !important; width: 626px !important; } .region-content .field-name-field-image .caption, #col1_content .field-name-field-image .caption { background: #D5D3CD; padding: 5px 15px 0; bottom: 0; width: 596px; } .region-content .field-name-field-image .caption p, #col1_content .field-name-field-image .caption p { color: #666; font-size: 12px; font-weight: bold; margin: 0; } /* @end */ /* @group Donation Pages */ #node-74 .content-image .caption, #node-77 .content-image .caption, #node-398 .content-image .caption {display:none;} .donatenow .node-submission-result .content, .donatenow .node-submission-result #donation-receipt, #node-360 .content { margin: 0 0 20px; padding: 0 20px 0px; background: #fff; position: relative; } .donatenow .node-submission-result .block-webform-hollows .content {padding:0;} .defaultpage #node-360 .content form { padding-top: 0px } .defaultpage #node-360 .content form h2 { margin-left: -20px; width: 596px; } .donatenow .node-submission-result #donation-receipt { padding: 50px 0 20px 0; position: relative; } .donatenow .node-submission-result #donation-receipt .donation-receipt-content { padding: 0 20px } .donation-msg { padding-top: 20px } #donator-name { position: relative; padding-top: 40px; } #node-74 #comments hr { margin: 0 0 60px !important } #node-74 .add-comment h2 { width: auto } #node-74 #requiredfields { display: none } /* @group Thank You Pages */ .donation-receipt-content .c66l { width: 432px } .donation-receipt-content .c33r { width: 144px } .donation-receipt-content .c50l, .donation-receipt-content .c50r { width: 288px; margin: 0; } .donation-receipt-content-field { overflow: hidden; clear: both; } .donation-receipt-content-field span { float: left; width: 124px; font-weight: bold; } .donation-receipt-content-field div { display: block; width: 144px; float: right; } .c66l .donation-receipt-content-field div { width: 288px; font-weight: bold; } .donation-receipt-content a.btn_small-cyan { margin: 4px 0 0 } /* @end */ /* @end */ /* @group To be organised */ /* @group Gift of Sight Card */ #giftcards-shopping-cart #col1 .content { padding: 10px 0 0 } #col3 .scProductListItem { margin: 0 } /* @group Gift of Sight Card Listing */ .scProductListItem { margin: 0 0 20px; background: #fff; } .scProductListItem .scProductListItem { margin: 0; padding: 0 20px 20px; overflow: hidden; } #giftcards-shopping-cart .photo-frame { display: block; float: left; width: 278px; margin: 4px 0 0; border: 5px solid #d5d3cd; background: #d5d3cd; border-bottom: none; } #giftcards-shopping-cart .photo-frame img { display: block } #giftcards-shopping-cart .photo-frame h4 a { display: block; height: 24px; line-height: 24px; padding: 5px 0; text-align: center; background: #d5d3cd; color: #5c5f5f; } #giftcards-shopping-cart .photo-frame h4 a:hover { color: #ff5900 } .giftcard-item-elements-wrapper { float: right; width: 288px; margin: 3px 0 0 0; } .personalisation-group { display: block; clear: both; padding: 16px 0 0; } .giftcard-personalise-quantity-group { padding: 0 } .scProductListItem label, .scProductPersonalisation label, .scProductListItem .label-radios-group, .scProductPersonalise .label-radios-group { display: inline-block; line-height: 1.538em; margin: 0 0 2px; font-weight: normal; } .scProductListItem .label-radios-group, .scProductPersonalise .label-radios-group { font-weight: bold; color: #2e2f2f; } .scProductPersonalise .webform-component-textfield, .scProductPersonalise .webform-component-textarea, .scProductPersonalise .webform-component-select, .scProductPersonalise .webform-component-checkboxes { display: inline-block; margin: 0; padding: 0 0 10px 0; overflow: visible; } .scProductListItem .form-type-radio { float: left; height: 18px; padding: 5px 0; margin: 0 20px 0 0; } .scProductListItem .edit-submitted-send-blank-card, .scProductListItem .edit-submitted-send-personalised-card { display: block; height: 18px; padding: 5px 0; } .scProductListItem label.option, .scProductPersonalise .webform-component-checkboxes label, .scProductPersonalise .form-checkboxes, .scProductPersonalise .form-type-checkbox { display: inline } .scProductListItem .form-type-radio input, .scProductListItem .form-radio, .scProductPersonalise .form-checkbox { vertical-align: baseline } .giftcard-personalise-rcpt .giftcard-personalise-rcpt-name, .giftcard-personalise-rcpt .giftcard-personalise-country { display: block; height: 51px; } .scProductListItem .edit-submitted-other-amount-wrapper { float: left; width: 104px; margin: 0 0 0 -10px; } .scProductListItem .edit-submitted-other-amount { display: none; margin: 0; } .scProductListItem .edit-submitted-other-amount p { float: left; margin: 0; width: 14px; height: 18px; padding: 5px 0; } .scProductListItem .edit-submitted-other-amount input { float: left; width: 44px; } .scProductListItem .edit-submitted-other-amount .more-info { float: right; margin: 4px 0 0 0; } .giftcard-quantity-group { padding: 16px 0 0 0 } .scProductPersonalise .giftcard-quantity-group { float: right; width: 288px; padding: 0; } .giftcard-quantity-group label { display: block } .giftcard-quantity-group .scText { float: left; width: 36px; min-height: 28px; height: auto !important; height: 28px; line-height: 28px; margin: 0 5px 0 0; font-weight: bold; } .giftcard-quantity-group .qty-button a { float: left; width: 22px; height: 38px; line-height: 38px; margin: 0 1px 0 0; font-size: 18px; text-align: center; color: #837e73; background: #e9e8e6; } .giftcard-quantity-group .qty-button a:hover { text-decoration: none; color: #fff; background: #837e73; } .giftcard-quantity-group .scBtn { float: right; width: 164px; } /* @group Personalisation */ .scProductPersonalisation { display: none; width: 596px; margin: -20px 0 20px !important; padding: 0 20px 20px; background: #fafafa !important; border-top: 1px solid #d5d3cd; } .scProductPersonalisation h3 { padding: 18px 0 14px; color: #1a1b1b; } .scProductPersonalise .label-radios-group { margin: 0 0 10px } .scProductPersonalisation .form-text, .scProductPersonalisation textarea { width: 270px } .scProductPersonalisation select { width: 288px } .giftcard-personalise-rcpt { clear: left; float: left; width: 288px; } .giftcard-personalise-msg, .giftcard-personalise-quantity-group { clear: right; float: right; width: 288px; } .giftcard-personalise-rcpt-address-qas { clear: both; width: 596px; } .giftcard-personalise-rcpt-address-qas .form-item { width: 288px } .giftcard-personalise-rcpt-address-2, .giftcard-personalise-rcpt-town-suburb { clear: left; float: left; padding: 0 20px 10px 0 !important; } .edit-submitted-personalise-msg { display: block; height: 140px; font-style: italic; color: #848787; } .giftcard-personalise-send-copy { float: left; width: 288px; margin: 26px 0 0 !important; } /* @end */ /* @end */ /* @group My Gift Bag */ #block-cardcart-cart { position: relative; margin: 0 0 15px 0; background: #fff; border: 5px solid #d73b3b; } #block-cardcart-cart h2 { color: #620404; background: #d73b3b; text-shadow: 0 1px 1px #f66a6a; } .scCartListHead { display: block; margin: 0 0 12px 0; font-weight: bold; background: #9e2a2a; } .scCartList { font-weight: normal } .scCartListFoot { display: block; clear: both; margin: 6px 10px 0; padding: 10px 0; text-align: right; color: #2e2f2f; border-top: 1px solid #d5d3cd; } #block-cardcart-cart ul.title, #block-cardcart-cart ul.scULList, #block-cardcart-cart ul.scULList li.scCartListItem ul, #block-cardcart-cart ul.subtotal { clear: both; margin: 0; } #block-cardcart-cart ul.scULList li.scCartListBlank { padding: 0 0 0 10px } #block-cardcart-cart ul.scULList li.scCartListItem ul { padding: 2px 0 6px 0; } #block-cardcart-cart ul.scULList li.scCartListItem .scListItemName { font-weight:bold; font-size:13px; } #block-cardcart-cart ul.scULList li.scCartListItem .scListItemName span { font-weight:normal; font-size:12px; } #block-cardcart-cart ul.title li, #block-cardcart-cart ul.scULList li, #block-cardcart-cart ul.scULList li ul li, #block-cardcart-cart ul.subtotal li { list-style: none; float: left; margin: 0 !important; } #block-cardcart-cart ul.title li { height: 34px; line-height: 34px; color: #fff; } #block-cardcart-cart ul.title li.giftcard-name, #block-cardcart-cart ul.scULList li.scCartListItem ul li.giftcard-name { width: 140px; padding: 0 0 0 10px; font-size:13px; } #block-cardcart-cart ul.title li.giftcard-delete {width: 50px; text-align: right; font-size: 13px;} #block-cardcart-cart ul.title li.giftcard-qty, #block-cardcart-cart ul.scULList li.scCartListItem ul li.giftcard-qty { width: 28px; padding: 0 4px; text-align: right; font-size:13px; } #block-cardcart-cart ul.title li.giftcard-amount, #block-cardcart-cart ul.scULList li.scCartListItem ul li.giftcard-amount { width: 60px; text-align: right; font-size:13px; } #block-cardcart-cart ul.scULList li.scCartListItem ul li.giftcard-amount span { float: left; margin: 0 4px 0 0; } #block-cardcart-cart ul.scULList li.scCartListItem ul li.giftcard-delete { padding-left:6px; padding-top:1px;} #block-cardcart-cart .subtotal { } #block-cardcart-cart ul.subtotal li.no-items { } #block-cardcart-cart ul.subtotal li.amount-label { } #block-cardcart-cart ul.subtotal li.amount { } .scCart #ajax_handler-wrapper { } #block-cardcart-cart .giftcard-personalise-quantity-group .hideButton { display: none } .scProductEditItem .edit-giftcard-image { display: inline-block; float: left; } #edit-item-form .scProductPersonalisation { display: none } #block-cardcart-cart ul.scULList li.scCartListItem .scListItemName {padding-left:10px;} #block-cardcart-cart ul.scULList li.scCartListItem ul.recipients {margin:0; padding:0;} #block-cardcart-cart ul.scULList li.scCartListItem ul li.recipient-name { width: 128px; padding: 0 0 0 22px; font-size:12px; } #block-cardcart-cart hr { width:278px; margin:4px 10px 16px 10px !important;} #block-cardcart-cart a.btn-checkout {display: block; float: left; height: 38px; text-decoration: none; background: url(../images/spt_general.png) no-repeat 0px -950px; padding-left: 2px; margin: 17px 0px 10px 12px;} #block-cardcart-cart a.btn-checkout span { padding: 9px 60px 8px 55px; display: block; float: left; height: 22px; background: url(../images/spt_general.png) no-repeat 100% -950px; font-size: 16px; font-weight: bold; color: #2e2f2f; } #block-cardcart-cart a.btn-checkout:hover {background: url(../images/spt_general.png) no-repeat 0px -1000px;} #block-cardcart-cart a.btn-checkout span:hover {background: url(../images/spt_general.png) no-repeat 100% -1000px;} #block-cardcart-cart .total-quantity {width:26%; float:left; font-weight:bold; margin-left:12px; color: #1A1B1B; } #block-cardcart-cart .total-amount {width:65%; float:left; font-weight:bold; text-align:right; color: #1A1B1B; } #block-cardcart-cart a.delete {display: block; width:16px; height:16px; background:url(../images/shopping-cart-icons.png) 0px 0px no-repeat; text-decoration: none;margin-left: 14px;} #block-cardcart-cart a.delete:hover {background: url(../images/shopping-cart-icons.png) -16px 0px no-repeat;} #block-cardcart-cart a.edit {display: inline-block; position: relative; top: 2px; width:16px; height:16px; background:url(../images/shopping-cart-icons.png) 0px -16px no-repeat; text-decoration: none;} #block-cardcart-cart a.edit:hover {background: url(../images/shopping-cart-icons.png) -16px -16px no-repeat;} #block-cardcart-cart a.delete.loading {background: url(../../../../../../misc/throbber.gif) no-repeat 2px -19px;} /* @end */ /* @end */ /* @group Donation Form page */ #img-payment-method-card { display: inline-block; width: 220px; height: 33px; background: url('../images/icn_payment-options.png') no-repeat 0 0; } #img-payment-method-paypal { display: inline-block; width: 53px; height: 33px; background: url('../images/icn_payment-options.png') no-repeat 0 -50px; } #img-payment-method-bank { display: none; width: 53px; height: 33px; background: url('../images/icn_payment-options.png') no-repeat -100px -50px; } #paypal-logo { display: block; width: 228px; height: 59px; background: url('../images/icn_payment-options.png') no-repeat 0 100%; top: 0px;} /* @end */ /* Content Bottom Block Styles - Our Work Gallery */ /* @group Content Links */ #contentlinks { margin: 15px 0 0 0; float: left; display: inline-block; } .empty-slideshow #contentlinks { margin-top: 0;} .page-node-46 #contentlinks { width: 636px } #contentlinks ul { float: left; margin: 0; } #contentlinks li { display: inline; float: left; margin: 0 15px 0 0; } #contentlinks li h2 { margin: 0; font-weight: bold; color: #1a1b1b; } #contentlinks li a.active { : ; background: none; } #contentlinks li a.active:hover { text-decoration: none; background: none; } #contentlinks li a.active { margin: 0; font-weight: bold; color: #1a1b1b; font-family: "museo-sans","arial"; font-size: 230%; text-shadow: 0 1px 1px #FFFFFF; padding: 0; } #contentlinks li a { display: block; float: left; width: auto; height: 32px; line-height: 32px; padding: 0 0 0 15px; color: #5c5f5f; background: url(../images/spt_article.png) repeat 0 -50px; } #contentlinks li a span { display: block; padding: 0 15px 0 0; background: url(../images/spt_article.png) repeat 100% -50px; } #contentlinks li a.active span { display: block; padding: 0; background: none; margin-top: -1px; } #contentlinks li a:hover { text-decoration: none; color: #1a1b1b; background: url(../images/spt_article.png) repeat 0 -100px; } #contentlinks li a:hover span { background: url(../images/spt_article.png) repeat 100% -100px } #contentlinks li a.active:hover span { background: none } #contentlinks .region-content-bottom { clear: both; margin-bottom: 20px; } /* @end */ .view-display-id-gallery_our_work, .view-nodequeue-4, .view-nodequeue-5, .view-nodequeue-28, .view-nodequeue-6, .view-nodequeue-7, .view-nodequeue-8, .view-nodequeue-9, .view-nodequeue-10, .view-nodequeue-11, .view-nodequeue-12, .view-nodequeue-13, .view-nodequeue-14, .view-nodequeue-15, .view-nodequeue-16, .view-nodequeue-17, .view-nodequeue-18, .view-nodequeue-19, .view-nodequeue-20 { display: inline-block } .region-content-bottom div.block-views h2 { display: none } #block-views-nodequeue-2-gallery-our-work .views-row, .view-display-id-gallery_our_work .views-row, .view-id-nodequeue_4 .views-row, .view-id-nodequeue_5 .views-row, .view-id-nodequeue_28 .views-row, .view-id-nodequeue_6 .views-row, .view-id-nodequeue_7 .views-row, .view-id-nodequeue_8 .views-row, .view-id-nodequeue_9 .views-row, .view-id-nodequeue_10 .views-row, .view-id-nodequeue_11 .views-row, .view-id-nodequeue_12 .views-row, .view-id-nodequeue_13 .views-row, .view-id-nodequeue_14 .views-row, .view-id-nodequeue_15 .views-row, .view-id-nodequeue_16 .views-row, .view-id-nodequeue_17 .views-row, .view-id-nodequeue_18 .views-row, .view-id-nodequeue_19 .views-row, .view-id-nodequeue_20 .views-row { float: left; margin: 10px 20px 0 0; } .view-display-id-gallery_our_work .views-row.last, .view-id-nodequeue_6 .views-row.last, .view-id-nodequeue_11 .views-row.last, .view-id-nodequeue_12 .views-row.last, .view-id-nodequeue_13 .views-row.last, .view-id-nodequeue_14 .views-row.last, .view-id-nodequeue_16 .views-row.last{ float: right; margin-right: 0; } .view-nodequeue-2 .views-row-odd, .view-nodequeue-4 .views-row-odd, .view-nodequeue-5 .views-row-odd, .view-nodequeue-28 .views-row-odd, .view-nodequeue-7 .views-row-odd, .view-nodequeue-8 .views-row-odd, .view-nodequeue-9 .views-row-odd, .view-nodequeue-10 .views-row-odd, .view-nodequeue-15 .views-row-odd, .view-nodequeue-17 .views-row-odd, .view-nodequeue-18 .views-row-odd, .view-nodequeue-19 .views-row-odd, .view-nodequeue-20 .views-row-odd { margin-right: 20px;} .view-nodequeue-2 .views-row-even, .view-nodequeue-4 .views-row-even, .view-nodequeue-5 .views-row-even, .view-nodequeue-28 .views-row-even, .view-nodequeue-7 .views-row-even, .view-nodequeue-8 .views-row-even, .view-nodequeue-9 .views-row-even, .view-nodequeue-10 .views-row-even, .view-nodequeue-15 .views-row-even, .view-nodequeue-17 .views-row-even, .view-nodequeue-18 .views-row-even, .view-nodequeue-19 .views-row-even, .view-nodequeue-20 .views-row-even, #block-views-nodequeue-2-gallery-our-work .views-row-even { float: left; margin-right: 0;} #block-views-nodequeue-2-gallery-our-work .gallery-item-content, .view-display-id-gallery_our_work .gallery-item-content, .view-id-nodequeue_2 .gallery-item-content, .view-id-nodequeue_4 .gallery-item-content, .view-id-nodequeue_5 .gallery-item-content, .view-id-nodequeue_28 .gallery-item-content, .view-id-nodequeue_6 .gallery-item-content, .view-id-nodequeue_7 .gallery-item-content, .view-id-nodequeue_8 .gallery-item-content, .view-id-nodequeue_9 .gallery-item-content, .view-id-nodequeue_10 .gallery-item-content, .view-id-nodequeue_11 .gallery-item-content, .view-id-nodequeue_12 .gallery-item-content, .view-id-nodequeue_13 .gallery-item-content, .view-id-nodequeue_14 .gallery-item-content, .view-id-nodequeue_15 .gallery-item-content, .view-id-nodequeue_16 .gallery-item-content, .view-id-nodequeue_17 .gallery-item-content, .view-id-nodequeue_18 .gallery-item-content, .view-id-nodequeue_19 .gallery-item-content, .view-id-nodequeue_20 .gallery-item-content { display: block; position: relative; width: 298px; margin: 0; padding: 0; background: #d5d3cd; border: 5px solid #d5d3cd; } #block-views-nodequeue-2-gallery-our-work .gallery-item-content a:hover img, .view-display-id-gallery_our_work .gallery-item-content a:hover img, .view-id-nodequeue_2 .gallery-item-content a:hover img, .view-id-nodequeue_4 .gallery-item-content a:hover img, .view-id-nodequeue_5 .gallery-item-content a:hover img, .view-id-nodequeue_28 .gallery-item-content a:hover img, .view-id-nodequeue_6 .gallery-item-content a:hover img, .view-id-nodequeue_7 .gallery-item-content a:hover img, .view-id-nodequeue_8 .gallery-item-content a:hover img, .view-id-nodequeue_9 .gallery-item-content a:hover img, .view-id-nodequeue_10 .gallery-item-content a:hover img, .view-id-nodequeue_11 .gallery-item-content a:hover img, .view-id-nodequeue_12 .gallery-item-content a:hover img, .view-id-nodequeue_13 .gallery-item-content a:hover img, .view-id-nodequeue_14 .gallery-item-content a:hover img, .view-id-nodequeue_15 .gallery-item-content a:hover img, .view-id-nodequeue_16 .gallery-item-content a:hover img, .view-id-nodequeue_17 .gallery-item-content a:hover img, .view-id-nodequeue_18 .gallery-item-content a:hover img, .view-id-nodequeue_19 .gallery-item-content a:hover img, .view-id-nodequeue_20 .gallery-item-content a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.6; opacity: 0.7; -khtml-opacity: 0.6; } #block-views-nodequeue-2-gallery-our-work .gallery-item-content a img, .view-display-id-gallery_our_work .gallery-item-content a img, .view-id-nodequeue_2 .gallery-item-content a img, .view-id-nodequeue_4 .gallery-item-content a img, .view-id-nodequeue_5 .gallery-item-content a img, .view-id-nodequeue_28 .gallery-item-content a img, .view-id-nodequeue_6 .gallery-item-content a img, .view-id-nodequeue_7 .gallery-item-content a img, .view-id-nodequeue_8 .gallery-item-content a img, .view-id-nodequeue_9 .gallery-item-content a img, .view-id-nodequeue_10 .gallery-item-content a img, .view-id-nodequeue_11 .gallery-item-content a img, .view-id-nodequeue_12 .gallery-item-content a img, .view-id-nodequeue_13 .gallery-item-content a img, .view-id-nodequeue_14 .gallery-item-content a img, .view-id-nodequeue_15 .gallery-item-content a img, .view-id-nodequeue_16 .gallery-item-content a img, .view-id-nodequeue_17 .gallery-item-content a img, .view-id-nodequeue_18 .gallery-item-content a img, .view-id-nodequeue_19 .gallery-item-content a img, .view-id-nodequeue_20 .gallery-item-content a img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } .view-id-nodequeue_2 .gallery-item-content:hover h3 a, .view-id-nodequeue_4 .gallery-item-content:hover h3 a, .view-id-nodequeue_5 .gallery-item-content:hover h3 a, .view-id-nodequeue_28 .gallery-item-content:hover h3 a, .view-id-nodequeue_6 .gallery-item-content:hover h3 a, .view-id-nodequeue_7 .gallery-item-content:hover h3 a, .view-id-nodequeue_8 .gallery-item-content:hover h3 a, .view-id-nodequeue_9 .gallery-item-content:hover h3 a, .view-id-nodequeue_10 .gallery-item-content:hover h3 a, .view-id-nodequeue_11 .gallery-item-content:hover h3 a, .view-id-nodequeue_12 .gallery-item-content:hover h3 a, .view-id-nodequeue_13 .gallery-item-content:hover h3 a, .view-id-nodequeue_14 .gallery-item-content:hover h3 a, .view-id-nodequeue_15 .gallery-item-content:hover h3 a, .view-id-nodequeue_16 .gallery-item-content:hover h3 a, .view-id-nodequeue_17 .gallery-item-content:hover h3 a, .view-id-nodequeue_18 .gallery-item-content:hover h3 a, .view-id-nodequeue_19 .gallery-item-content:hover h3 a, .view-id-nodequeue_20 .gallery-item-content:hover h3 a { background-color: #F5F5F2 } .view-id-nodequeue_2 .gallery-item-content:hover .img-description, .view-id-nodequeue_4 .gallery-item-content:hover .img-description, .view-id-nodequeue_5 .gallery-item-content:hover .img-description, .view-id-nodequeue_28 .gallery-item-content:hover .img-description, .view-id-nodequeue_6 .gallery-item-content:hover .img-description, .view-id-nodequeue_7 .gallery-item-content:hover .img-description, .view-id-nodequeue_8 .gallery-item-content:hover .img-description, .view-id-nodequeue_9 .gallery-item-content:hover .img-description, .view-id-nodequeue_10 .gallery-item-content:hover .img-description, .view-id-nodequeue_11 .gallery-item-content:hover .img-description, .view-id-nodequeue_12 .gallery-item-content:hover .img-description, .view-id-nodequeue_13 .gallery-item-content:hover .img-description, .view-id-nodequeue_14 .gallery-item-content:hover .img-description, .view-id-nodequeue_15 .gallery-item-content:hover .img-description, .view-id-nodequeue_16 .gallery-item-content:hover .img-description, .view-id-nodequeue_17 .gallery-item-content:hover .img-description, .view-id-nodequeue_18 .gallery-item-content:hover .img-description, .view-id-nodequeue_19 .gallery-item-content:hover .img-description, .view-id-nodequeue_20 .gallery-item-content:hover .img-description { display: block } .view-id-nodequeue_2 .gallery-item-content h3 a, .view-id-nodequeue_4 .gallery-item-content h3 a, .view-id-nodequeue_5 .gallery-item-content h3 a, .view-id-nodequeue_28 .gallery-item-content h3 a, .view-id-nodequeue_6 .gallery-item-content h3 a, .view-id-nodequeue_7 .gallery-item-content h3 a, .view-id-nodequeue_8 .gallery-item-content h3 a, .view-id-nodequeue_9 .gallery-item-content h3 a, .view-id-nodequeue_10 .gallery-item-content h3 a, .view-id-nodequeue_11 .gallery-item-content h3 a, .view-id-nodequeue_12 .gallery-item-content h3 a, .view-id-nodequeue_13 .gallery-item-content h3 a, .view-id-nodequeue_14 .gallery-item-content h3 a, .view-id-nodequeue_15 .gallery-item-content h3 a, .view-id-nodequeue_16 .gallery-item-content h3 a, .view-id-nodequeue_17 .gallery-item-content h3 a, .view-id-nodequeue_18 .gallery-item-content h3 a, .view-id-nodequeue_19 .gallery-item-content h3 a, .view-id-nodequeue_20 .gallery-item-content h3 a { text-shadow: 0 1px 1px #FFFFFF; display: block; padding: 4px; width: 290px; margin-top: 1px; height: 41px; display: table-cell; vertical-align: middle; padding: 0 4px; } .img-description:visited { color: white } .img-description:hover { text-decoration: none } .img-description { display: none; background: url("../images/bg_black_transparent.png") repeat scroll 0 0 transparent; color: white !important; font-weight: bold; height: 138px; padding: 15px; position: absolute; text-align: left; top: 0; width: 268px; line-height: 20px; text-decoration: none !important; } /* @group Default Page Template Styles */ .page-content-top { background: #eeedeb; border: 5px solid #D5D3CD; margin: 0 0 20px 0; } .region-content .page-inner { background: #eeedeb; border: 5px solid #D5D3CD; margin: 0px 0 20px 0; position: relative; max-width: 636px; } .print-link { padding-bottom: 0px !important } .region-content div.field-name-field-image-html { padding: 0; background: #eeedeb; border: 5px solid #D5D3CD; overflow: hidden; margin: 10px 0 20px 0; } .node-type-website-image .region-content div.field-name-field-image-link { display: none } .node-type-website-image .region-content div.field-name-field-image { padding: 0 !important; background: #eeedeb; overflow: hidden; margin: 0 /*!important*/; } .region-content #block-system-main { float: left; max-width: 636px; } .region-content div.field-name-field-image-html img { margin: 0 !important; padding: 0 !important; display: block; width: 626px !important; } .region-content .page-inner div.field-name-body { background: #eeedeb; padding: 20px 0 40px 0; } .region-content .page-inner div.field-name-field-tags { background: none repeat scroll 0 0 #D5D3CD; bottom: 0; right: 0; left: 0; padding: 10px 0 0 0; position: absolute; } .region-content .page-inner .field-name-field-tags .field-label { display: inline-block; float: left; padding: 0; text-shadow: #ffffff 0 1px 1px; } .region-content .page-inner .field-name-field-tags .field-item { display: inline-block; float: left; margin: 0; padding: 0 0 0 5px; } .region-content .page-inner .field-name-field-tags .field-items a { color: #666666 } .region-content .page-inner div.field { padding-left: 20px; padding-right: 20px; max-width: 586px; } .region-content .page-inner .field-name-field-is-tabs, .region-content .page-inner .field-name-field-num-cols-tabs, .region-content .page-inner .field-name-field-is-num-tabs { display: none } .node-type-website-image .region-content .field-name-field-image img { margin: 0 !important; padding: 0 !important; display: block; width: 636px !important; } .region-content .field-name-field-image .field-items { background: none repeat scroll 0 0 #EDEDE9; border: none; } .region-content .page-content-tabs { display: block; overflow: visible; padding: 0; margin: 0; background: #D5D3CD; } .region-content .page-content-tabs ul { display: inline-block; margin: 0; padding: 0; } .region-content .page-content-tabs ul li { display: inline; float: left; margin: 0; background: #D5D3CD; width: 313px; overflow: hidden; } .region-content .page-content-tabs ul .cols2 { width: 313px !important } .region-content .page-content-tabs ul .cols3 { width: 208px !important } .region-content .page-content-tabs ul .cols4 { width: 156.5px !important } .region-content .page-content-tabs ul .first { background: #b0aca2; color: #fff; text-decoration: none; } .region-content .page-content-tabs ul li a { color: #5c5f5f; text-decoration: none; height: 30px; line-height: 30px; font-size: 13px; display: block; padding: 0 0 0 20px; } .region-content .page-content-tabs ul a:hover { background: #b0aca2; color: #fff; text-decoration: none; } .region-content .page-content-tabs ul a:active { background: #b0aca2; color: #fff; text-decoration: none; } .region-content #comments { margin: 0 0 20px; padding: 0; position: relative; top: 10px; } .region-content #switch_edit-comment-body-und-0-value, .region-content #edit-comment-body-und-0-format, .region-content #edit-preview { display: none !important } .region-content .page-inner .field-name-body ul li { list-style-type: square; list-style-position: inside; margin: 0 5px 10px 0; } .region-content .page-inner .field-name-body .check-list-half-left ul li, .region-content .page-inner .field-name-body .check-list-half-right ul li, .region-content .page-inner .field-name-body .check-list-half-2col ul li, .region-content .page-inner .field-name-body .check-list-full ul li { list-style-image: url("../images/icn_check-list.png"); list-style-position: inside; margin: 0 10px 10px 10px; } .inline-image-wrapper a { position: relative; /* important(so we can absolutely position the description div */ text-decoration: none; } .inline-image-wrapper a:hover { text-decoration: none } .inline-image-caption { position: absolute; /* absolute position (so we can position it where we want)*/ bottom: 0; : ; /* position will be on bottom */ left: 0; right: 0; /* styling bellow */ background: url("../images/bkg_translucent-black.png") repeat scroll 0 0 transparent; font-size: 11px; color: #fff; display: block; padding: 5px 10px 5px 10px; z-index: 1; text-shadow: none; } .inline-image-caption .caption-content { padding: 0; line-height: 13px; } /* @end */ /* @group Default Page Template Style Exceptions */ .page-node-74 .page-content, .page-node-77 .page-content { border: none; margin: 0; } .page-node-74 .page-content, .page-node-77 .page-content { background: none } .page-node-74 .page-content-inner, .page-node-77 .page-content-inner { padding: 0 } .page-node-74 .region-content .page-inner, .page-node-77 .region-content .page-inner { border: none; margin: 0; } .page-node-74 .region-content .page-inner .field-name-field-image, .page-node-77 .region-content .page-inner .field-name-field-image { padding: 0; margin: 0 0 20px 0; } .page-node-285 .page-inner { border: none } /* @end */ /* Latest News List Style */ #block-views-latest-news-latest-news, #block-views-newsletter-latest-news, #block-views-latest-videos-latest-news, #block-views-latest-audio-block-1, #block-views-latest-photos-latest-news { padding: 14px 0 0 0 } #block-views-latest-news-latest-news .views-row, #block-views-newsletter-latest-news .views-row, #block-views-latest-videos-latest-news .views-row, .view-latest-photos .views-row { padding: 0 0 10px 0 } #block-views-latest-news-latest-news .latest-news-item, #block-views-newsletter-latest-news .latest-news-item, #block-views-latest-videos-latest-news .latest-news-item, #block-views-latest-audio-block-1 .latest-news-item, #block-views-latest-photos-latest-news .latest-news-item { border: 5px solid #d5d3cd; width: 626px; height: 151px; position: relative; background: #edede9; } #block-views-latest-news-latest-news .thumbnail-wrapper, #block-views-newsletter-latest-news .thumbnail-wrapper, #block-views-latest-videos-latest-news .thumbnail-wrapper, #block-views-latest-audio-block-1 .thumbnail-wrapper, #block-views-latest-photos-latest-news .thumbnail-wrapper { float: left; border-right: 5px solid #D5D3CD; background: #D5D3CD; height: 151px; width: 216px; } #block-views-latest-news-latest-news .thumbnail-wrapper:hover img, #block-views-newsletter-latest-news .thumbnail-wrapper:hover img, #block-views-latest-videos-latest-news .thumbnail-wrapper:hover img, #block-views-latest-audio-block-1 .thumbnail-wrapper:hover img, #block-views-latest-photos-latest-news .thumbnail-wrapper:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #block-views-latest-news-latest-news .thumbnail-wrapper:hover h3, #block-views-newsletter-latest-news .thumbnail-wrapper:hover h3, #block-views-latest-videos-latest-news .thumbnail-wrapper:hover h3, #block-views-latest-audio-block-1 .thumbnail-wrapper:hover h3, #block-views-latest-photos-latest-news .thumbnail-wrapper:hover h3 { background-color: #f5f5f2; } #block-views-latest-news-latest-news .body-wrapper, #block-views-newsletter-latest-news .body-wrapper, #block-views-latest-videos-latest-news .body-wrapper, #block-views-latest-audio-block-1 .body-wrapper, #block-views-latest-photos-latest-news .body-wrapper { padding: 0 10px 0 16px; display: inline-block; float: right; width: 379px; } #block-views-latest-news-latest-news .thumbnail, #block-views-newsletter-latest-news .thumbnail, #block-views-latest-videos-latest-news .thumbnail, #block-views-latest-audio-block-1 .thumbnail, #block-views-latest-photos-latest-news .thumbnail { display: block; padding: 0; margin: 0; position: relative; height: 122px; } #block-views-latest-news-latest-news .link, #block-views-newsletter-latest-news .link, #block-views-latest-videos-latest-news .link, #block-views-latest-audio-block-1 .link, #block-views-latest-photos-latest-news .link { display: block; margin-top: 5px; } #block-views-latest-news-latest-news .latest-news-item h2, #block-views-newsletter-latest-news .latest-news-item h2, #block-views-latest-videos-latest-news .latest-news-item h2, #block-views-latest-audio-block-1 .latest-news-item h2, #block-views-latest-photos-latest-news .latest-news-item h2 { display: block } #block-views-latest-news-latest-news .latest-news-item .sub-title, #block-views-newsletter-latest-news .latest-news-item .sub-title, #block-views-latest-videos-latest-news .latest-news-item .sub-title, #block-views-latest-audio-block-1 .latest-news-item .sub-title, #block-views-latest-photos-latest-news .latest-news-item .sub-title { position: absolute; bottom: 11px; width: 450px; color: #5C5F5F; font-size: 107%; } #block-views-latest-news-latest-news .latest-news-item .sub-title .date, #block-views-newsletter-latest-news .latest-news-item .sub-title .date, #block-views-latest-videos-latest-news .latest-news-item .sub-title .date, #block-views-latest-audio-block-1 .latest-news-item .sub-title .date, #block-views-latest-photos-latest-news .latest-news-item .sub-title .date { padding-right: 5px } #block-views-latest-news-latest-news .latest-news-item .sub-title .add-comments, #block-views-newsletter-latest-news .latest-news-item .sub-title .add-comments, #block-views-latest-videos-latest-news .latest-news-item .sub-title .add-comments, #block-views-latest-audio-block-1 .latest-news-item .sub-title .add-comments, #block-views-latest-photos-latest-news .latest-news-item .sub-title .add-comments { padding-left: 5px } #block-views-latest-news-latest-news .latest-news-item .sub-title .add-comments a, #block-views-newsletter-latest-news .latest-news-item .sub-title .add-comments a, #block-views-latest-videos-latest-news .latest-news-item .sub-title .add-comments a, #block-views-latest-audio-block-1 .latest-news-item .sub-title .add-comments a, #block-views-latest-photos-latest-news .latest-news-item .sub-title .add-comments a { text-decoration: none; color: #5C5F5F; padding-left: 20px; background: #edede9 url('../images/spt_article.png') no-repeat 0 -500px; } #block-views-latest-news-latest-news .latest-news-item .sub-title .add-comments a:hover, #block-views-newsletter-latest-news .latest-news-item .sub-title .add-comments a:hover, #block-views-latest-videos-latest-news .latest-news-item .sub-title .add-comments a:hover, #block-views-latest-audio-block-1 .latest-news-item .sub-title .add-comments a:hover, #block-views-latest-photos-latest-news .latest-news-item .sub-title .add-comments a:hover { text-decoration: underline } #block-views-latest-news-latest-news .latest-news-item .sub-title .tweet, #block-views-newsletter-latest-news .latest-news-item .sub-title .tweet, #block-views-latest-videos-latest-news .latest-news-item .sub-title .tweet, #block-views-latest-photos-latest-news .latest-news-item .sub-title .tweet { padding-right: 5px; float: right; margin-top: -2px; } #block-views-latest-news-latest-news .latest-news-item .sub-title .fb, #block-views-newsletter-latest-news .latest-news-item .sub-title .fb, #block-views-latest-videos-latest-news .latest-news-item .sub-title .fb, #block-views-latest-photos-latest-news .latest-news-item .sub-title .fb { padding-right: 5px; float: right; margin-top: -2px; } /* Helper classes */ .inline-webform-components { display: inline-block !important } /* Donate Now Thank You page styles */ #node-74 a#switch_edit-comment-body-und-0-value, #node-74 #edit-comment-body-und-0-format, #node-74 #edit-preview, #node-74 div#edit-author--2 { display: none !important } #node-74 div#comments { position: relative; /*background: #fff; */ } #node-74 div#comments form { padding-top: 20px } /* @group Main Right Column Blocks */ /* @group Right Navigation */ .region-main-right .menu { margin: 0 } .region-main-right .menu li { list-style: none; list-style-image: none; /* hide in IE7 */ } .region-main-right .menu a { display: block; font-weight: bold; } .region-main-right .menu a.active { margin-left: 0 !important; color: #fff !important; background-position: left -60px!important; } .region-main-right .menu a span { } .region-main-right .menu a.active span { color: #607f69; font-weight: bold; } .ourwork .region-main-right .menu a.active span { color: #717425; } .getinvolved .region-main-right .menu a.active span { color: #987600; } .region-main-right .menu li.last a span { border: none; } .region-main-right .menu a:hover { text-decoration: none; color: #fff !important; } .region-main-right .menu a:hover span { } /* Donate Now */ .donatenow .drupal-messages { margin-bottom: 20px; } .messages.notice { background:#FEF5F1; border-color: #D73B3B; border-width: 0 0 1px 5px; } /*.donatenow .region-main-right .menu { background: #edede9; border-top: 5px solid #d5d3cd; height: 61px; } .donatenow .region-main-right .menu li { position: relative; top: -1px; }*/ /*.donatenow .region-main-right .menu a { background: none repeat scroll 0 0 #837E73; display: block; height: 30px; left: -5px; position: relative; width: 307px; color: white; }*/ /*.donatenow .region-main-right .menu a span { background: url("../images/arw_submenu-active.png") no-repeat scroll -1200px 0 transparent; display: block; height: 10px; line-height: 12px; margin-left: -10px; margin-top: 1px; padding: 10px 0 10px 30px; width: 287px; }*/ /* @end */ /* @group Donation Blocks */ #block-views-2d869ffbb920714cdb0a87e8321252c1 { border-bottom: 5px solid #9ec1a9 } .view-make-donation .menu a{ display: block; height: 23px; margin-bottom: 1px; padding-left: 17px; padding-top: 8px; color: #3f5244; } .view-make-donation .phone { padding: 25px 15px 20px; background: #84a68e url('../images/spt_theme-general.png') no-repeat 252px -1336px; margin-bottom: 5px; color: #ffffff; } .page .donatenow .region-main-right .block { background: #d5d3cd; border-color: #d5d3cd; } .donatenow .view-make-donation h2{ background-color: #d6d3ce; } .donatenow .view-make-donation .phone{ background: #edeee9 url('../images/spt_theme-donate.png') no-repeat 252px -1336px; color: #5C5F5F; } .donatenow #block-views-2d869ffbb920714cdb0a87e8321252c1 { border-bottom: 5px solid #d6d3ce; } .donatenow .view-make-donation ul{ background-color: #d6d3ce; } .donatenow .view-make-donation .menu a { color: #8a857b; background-color: #edede9 !important; } .donatenow .view-make-donation .menu a:hover{ background-color: #8A857B !important; } .ourwork .view-make-donation .menu a { color: #585b1a; } .ourwork .view-make-donation .phone { background: #959844 url('../images/spt_theme-work.png') no-repeat 252px -1336px; } .getinvolved .view-make-donation .menu a { color: #624b00; } .getinvolved #block-views-2d869ffbb920714cdb0a87e8321252c1 { border-bottom: 5px solid #dcc03b; } .getinvolved .view-make-donation .phone { background: #b79210 url('../images/spt_theme-involved.png') no-repeat 252px -1336px; } /*8a8d44*/ #block-views-make-donation-donate-by-phone{ /*padding-bottom: 5px;*/ } .ourwork #block-views-2d869ffbb920714cdb0a87e8321252c1 { border-color: #B0B355; } .view-make-donation .views-row.views-row-1 ul li, .view-gos .views-row.views-row-1 ul li, .view-leave-bequest .views-row.views-row-1 ul li { padding: 0; margin: 0; } /* @end */ .view-display-id-block_noteworthy_stories .topsub-featured-block { margin: 0 0 5px 0 } .region-main-right h3, #block-cardcart-cart h2 { /*margin: -4px 0 0 !important*/ } .region-main-right .block { margin: 0 0 15px 0 } .region-main-right .block img { display: block; padding: 0; margin: 0; text-indent: -9999px;} #block-views-a7190ca4879fde6592b7aba49b8a022c { border: 5px solid #d5d3cd; background: #d5d3cd; } .ourwork-selector-inner { background: #9a9d47; padding: 15px; } .ourwork-selector-inner select { width: 270px; } #block-addthis-addthis { display: block; margin: 0; position: absolute; right: 0; top: 0; } #block-views-subscribe-block-block-1 h2 { color: #607F69 } #block-views-subscribe-block-block-1 .subscribe { background: #84A58D; margin: 0; padding: 0; } #block-views-subscribe-block-block-1 .subscribe ul { margin: 0; padding: 10px 0; } #block-views-subscribe-block-block-1 .subscribe ul li { background: none; margin-left: 1em; padding: 5px 0; } #block-views-subscribe-block-block-1 .subscribe ul li a { color: #CEE8D6; display: block; height: 30px; line-height: 30px; padding-left: 40px; text-decoration: none; } #block-views-subscribe-block-block-1 .subscribe ul li a:hover { color: #fff } #block-views-subscribe-block-block-1 .subscribe ul li.rss a { background: url("../images/spt_theme-general.png") no-repeat scroll 0 -900px transparent } #block-views-subscribe-block-block-1 .subscribe ul li.email a { background: url("../images/spt_theme-general.png") no-repeat scroll 0 -1000px transparent } #block-views-subscribe-block-block-1 .subscribe ul li.rss a:hover { background: url("../images/spt_theme-general.png") no-repeat scroll 0 -950px transparent } #block-views-subscribe-block-block-1 .subscribe ul li.email a:hover { background: url("../images/spt_theme-general.png") no-repeat scroll 0 -1050px transparent } #block-views-subscribe-block-block-1 .subscribe ul li a:hover { text-decoration: none } #block-views-related-news-block-1 h2 { color: #607F69;} /* @group Social Media Blocks */ .social-media ul { margin: 0 } .social-media ul li { margin: 0 0 5px 0; color: #FFF; cursor: pointer; background: none repeat scroll 0 0 #84A58D; padding: 10px 10px 30px 15px; position: relative; } #twitter-feed { position: relative } #twitter-feed .social-media .rssRow { padding-bottom: 11px } #twitter-logo { background: url("../images/spt_theme-general.png") no-repeat scroll -2px -450px transparent; height: 32px; position: absolute; right: 21px; top: 8px; width: 29px; } #follow-twitter a { color: #607F69; display: block; font-size: 16px; padding: 6px 0; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #E2E2E2; width: 100%; } #follow-twitter a:hover { text-decoration: none; color: #daf2e1; text-shadow: none; background-color: #75977F; } #follow-twitter { line-height: 16px; padding-bottom: 5px; } .social-media ul li:hover { cursor: hand; } .social-media ul li a { color: #e1f9e8; font-size: 100.01%; } .ourwork .social-media ul li a { color: #f3f6a0; } .getinvolved .social-media ul li a { color: #ffeeb3; } .social-media ul li a p { font-weight: normal } .social-media .rssRow .feed-date { text-align: right; padding-right: 10px; } .social-media .rssRow .feed-date .epoch { font-style: italic; color: white !important; } .social-media ul li h4 { color: #FFF; font-size: 110%; } .social-media .rssRow .feed-from { background: none repeat scroll 0 0 #75977f; bottom: 0; left: 0; padding: 0 15px; position: absolute; right: 0; font-size: 11px; height: 18px; } #block-tagadelic-1 h2{ background: url("../images/spt_theme-general.png") no-repeat scroll -10px -1440px transparent; margin-left: 18px; padding-left: 29px; color:#607F69; } .page .getinvolved #block-tagadelic-1 h2{ background: url("../images/spt_theme-involved.png") no-repeat scroll -10px -1440px transparent; } .page .ourwork #block-tagadelic-1 h2{ background: url("../images/spt_theme-work.png") no-repeat scroll -10px -1440px transparent; } .page .ourwork .social-media .rssRow .feed-from { background: none repeat scroll 0 0 #868938 !important } .page .ourwork #twitter-logo { background: url("../images/spt_theme-work.png") no-repeat scroll -2px -450px transparent } .page .ourwork #follow-twitter a { color: #717425 } .page .ourwork #follow-twitter a:hover { background-color: #878a35; color: #f3f6a0; } .page .ourwork .flickr-mask, .page .ourwork .youtube-img { border: 1px solid #717425 } .page .ourwork .flickr-text, .page .ourwork .youtube-text p, .page .ourwork .feed-date span, .page .ourwork .feed-from a { color: #f3f6a0 !important } .page .ourwork .youtube-text p { padding-top: 5px } .page .getinvolved .social-media .rssRow .feed-from { background: none repeat scroll 0 0 #a27e03 } .page .getinvolved #twitter-logo { background: url("../images/spt_theme-involved.png") no-repeat scroll -2px -450px transparent } .page .getinvolved #follow-twitter a { color: #987600 } .page .getinvolved #follow-twitter a:hover { background-color: #a27e03; color: #ffeeb3; } .page .getinvolved .flickr-mask, .page .getinvolved .youtube-img { border: 1px solid #7e6200 } .page .getinvolved .flickr-text, .page .getinvolved .youtube-text, .page .getinvolved .feed-date span, .page .getinvolved .feed-from a { color: #ffeeb3 !important } .page .defaultpage .social-media .rssRow .feed-from { } .social-media .rssRow p { line-height: 1.2em } .social-media .rssRow .feed-from a { color: #e1f9e8 } .color2 { background: none repeat scroll 0 0 #6F977F !important } .social-media .rssRow .feed-from span { float: right } .social-media .rssRow img { } #social-media ul li a p a { font-weight: normal; text-decoration: none; } /* @end */ /* Donate Now Thank You page styles */ #node-74 a#switch_edit-comment-body-und-0-value, #node-74 #edit-comment-body-und-0-format, #node-74 #edit-preview, #node-74 div#edit-author--2, #node-77 a#switch_edit-comment-body-und-0-value, #node-77 #edit-comment-body-und-0-format, #node-77 #edit-preview, #node-77 div#edit-author--2 { display: none !important } #node-74 div#comments, #node-77 div#comments { position: relative; /*background: #fff; */ } #node-74 div#comments form, #node-77 div#comments form { padding: 40px 0 20px 0 } #node-74 div.content-image img, #node-77 div.content-image img { display: block; margin: 0; padding: 0; } .donation-receipt-content-row-1 { padding-bottom: 15px } /* @end */ /* @group CKEditor HTML block templates*/ .page-inner .field-name-body .inline-image-wrapper a img { display: block; width: 288px !important; margin: 0 !important; padding: 0 !important; } .page-inner .field-name-body .bullet-list-half-left, .page-inner .field-name-body .check-list-half-left, .page-inner .field-name-body .framed-table-half-left { background: #FFF; width: 283px; float: left; display: inline-block; margin: 0 20px 10px 0; } .page-inner .field-name-body .bullet-list-half-right, .page-inner .field-name-body .check-list-half-right, .page-inner .field-name-body .framed-table-half-right { background: #FFF; width: 283px; float: right; display: inline-block; margin: 0 0 10px 20px; } .page-inner .field-name-body .bullet-list-full, .page-inner .field-name-body .check-list-full, .page-inner .field-name-body .framed-table-full { background: #FFF; width: 586px; display: inline-block; margin: 10px 0 10px 0; } .page-inner .field-name-body .bullet-list-half-2col { display: block; vertical-align: top; } .page-inner .field-name-body .bullet-list-half-2coll, .page-inner .field-name-body .bullet-list-half-2colr, .page-inner .field-name-body .check-list-half-2coll, .page-inner .field-name-body .check-list-half-2colr, .page-inner .field-name-body .framed-table-2coll, .page-inner .field-name-body .framed-table-2colr { background: #FFF; display: inline-block; width: 283px; margin: 10px 0 10px; } .page-inner .field-name-body .bullet-list-half-2colr, .page-inner .field-name-body .check-list-half-2colr, .page-inner .field-name-body .framed-table-2colr { margin-left: 15px } .page-inner .field-name-body .bullet-list-half-left ul, .page-inner .field-name-body .bullet-list-half-right ul, .page-inner .field-name-body .check-list-half-left ul, .page-inner .field-name-body .check-list-half-right ul, .page-inner .field-name-body .bullet-list-full ul, .page-inner .field-name-body .check-list-full ul, .page-inner .field-name-body .bullet-list-half-2coll ul, .page-inner .field-name-body .bullet-list-half-2colr ul, .page-inner .field-name-body .check-list-half-2coll ul, .page-inner .field-name-body .check-list-half-2colr ul { margin-top: 10px } .page-inner .field-name-body .bullet-list-half-left ul li, .page-inner .field-name-body .bullet-list-half-right ul li, .page-inner .field-name-body .bullet-list-full ul li, .page-inner .field-name-body .bullet-list-half-2coll ul li, .page-inner .field-name-body .bullet-list-half-2colr ul li { list-style-type: square; list-style-position: inside; margin: 0 10px 10px 20px; } .page-inner .field-name-body table caption { border: none !important; border-right: 2px solid #fafafa !important; border-left: 2px solid #fafafa !important; background: #b0aca2; text-align: left; padding: 5px 10px 5px 10px; color: #fff; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; font-size: 13px !important; font-variant: normal; } .page-inner .field-name-body table { background: #eeedeb !important; border: none; } /*andres*/ .page-inner .field-name-body .{ } .page-inner .field-name-body table tbody { border: none } .page-inner .field-name-body table tbody tr:hover td { background: none } .page-inner .field-name-body table tbody td { border: 2px solid #fafafa } .page-inner .field-name-body table tr td { text-align: left; vertical-align: top; } .page-inner .field-name-body a.to-top { float: right; margin-top: 6px; display: block; } /* @end */ /* @group tagadelic block CSS overrides */ .block-tagadelic div.content a { color: #FFF; margin-right: 15px; text-decoration: none; } .block-tagadelic div.content a:hover { text-decoration: underline } /* @end */ /* @group comments block CSS overrides */ .content ul.links li.comment-add { display: none } /* @end */ /* @group MISC changes by Andres */ .node-article .inline-image-wrapper a{margin: 10px 0 10px 23px !important;} .view-restore-sight .view-content .views-row p { margin-bottom: 0px !important } .view-restore-sight img { padding: 5px 5px 0px 5px; background-color: black; } .view-restore-sight img { position: relative; margin: 0 auto; } .view-restore-sight .view-content .views-row { margin-bottom: 20px } .view-restore-sight strong { padding: 0 20px 13px !important } .check-list-full, .framed-table-half-left, .check-list-half-2coll, .check-list-half-2colr, .check-list-half-right, .check-list-half-left, .bullet-list-full, .bullet-list-half-2coll, .bullet-list-half-2colr, .bullet-list-half-right, .bullet-list-half-left, .framed-table-half-right, .framed-table-2coll, .framed-table-2colr, .framed-table-full { padding-bottom: 10px } .check-list-full ol, .framed-table-half-left ol, .check-list-half-2coll ol, .check-list-half-2colr ol, .check-list-half-right ol, .check-list-half-left ol, .bullet-list-full ol, .bullet-list-half-2coll ol, .bullet-list-half-2colr ol, .bullet-list-half-right ol, .bullet-list-half-left ol, .framed-table-half-right ol, .framed-table-2coll ol, .framed-table-2colr ol, .framed-table-full ol { margin-left: 33px !important } .check-list-full h3, .framed-table-half-left h3, .check-list-half-2coll h3, .check-list-half-2colr h3, .check-list-half-right h3, .check-list-half-left h3, .bullet-list-full h3, .bullet-list-half-2coll h3, .bullet-list-half-2colr h3, .bullet-list-half-right h3, .bullet-list-half-left h3, .framed-table-half-right h3, .framed-table-2coll h3, .framed-table-2colr h3, .framed-table-full h3 { font-size: 115.4% } .check-list-full p, .framed-table-half-left p, .check-list-half-2coll p, .check-list-half-2colr p, .check-list-half-right p, .check-list-half-left p, .bullet-list-full p, .bullet-list-half-2coll p, .bullet-list-half-2colr p, .bullet-list-half-right p, .bullet-list-half-left p, .framed-table-half-right p, .framed-table-2coll p, .framed-table-2colr p, .framed-table-full p { margin-left: 20px; margin-top: 15px; margin-bottom: 0px; padding-right: 15px; } .check-list-full img, .framed-table-half-left img, .check-list-half-2coll img, .check-list-half-2colr img, .check-list-half-right img, .check-list-half-left img, .bullet-list-full img, .bullet-list-half-2coll img, .bullet-list-half-2colr img, .bullet-list-half-right img, .bullet-list-half-left img, .framed-table-half-right img, .framed-table-2coll img, .framed-table-2colr img, .framed-table-full img { padding-bottom: 15px; padding-right: 15px; } table { margin: 15px 0 !important } .framed-table-full table { width: 95%; margin-left: 2.5% !important; margin-right: 2.5% !important; } .framed-table-full, .framed-table-2coll, .framed-table-2colr, .framed-table-half-right, .framed-table-half-left { padding-bottom: 15px } ol { margin-left: 1em !important } ol li { margin-top: 5px; margin-bottom: 5px; margin-left: 1.3em; } .field-items ul li { text-indent: -15px; padding-left: 15px; } .check-list-full ul li { text-indent: -27px; padding-left: 27px; } hr { width: 107%; margin-left: -20px !important; margin-top: 30px !important; margin-bottom: 30px !important; } blockquote { background-image: url(../images/blockquote_bg_arrow.png), url(../images/blockquote_bg_top.png),url(../images/blockquote_bg_bottom.png),url(../images/blockquote_bg_center.png); background-repeat: no-repeat,no-repeat,no-repeat,repeat-y; background-position: center left,top right, bottom right, top right; width: 601px; margin-left: -15px !important; } blockquote p { padding: 10px 20px 10px 35px } .page-inner .field-name-field-emailaddress { display: none } .field-name-field-tags .field-label { background: url("../images/spt_theme-donate.png") no-repeat scroll 0 -1450px transparent; height: 24px; margin-left: -10px; padding-left: 40px !important; } .field-name-field-tags .field-items { position: relative; margin-top: 2px; } .field-name-field-tags .field-items .field-item { margin-right: 4px } .feed-date { color: white } .feed-date span { color: #E2F9E7 } .latest-news-item a, .latest-news-item a:visited, .latest-news-item a:active { color: black } .latest-news-item a:hover { text-decoration: none } .field-name-field-tags { position: relative !important; overflow: auto; } .search-results { margin-top: 10px; background: none repeat scroll 0 0 #EEEDEB; border: 5px solid #D5D3CD; padding: 0px 0px; margin-left: 0px !important; } .search-results li { border-bottom: 1px solid #D5D3CD; margin-bottom: 0; margin-left: 0 !important; padding: 20px; } .search-result .search-snippet-info { margin: 10px 0px 0px 0px !important } #block-views-48e0b04a6337059ba7bc66caa2bb75f8, #block-tagadelic-1, #block-views-subscribe-block-block-1, #block-accordion-menu-1 { padding-bottom: 5px !important } #node-76 .links, #node-76 .print-link { display: none } #search-block-form #edit-submit, #search-block-form #edit-submit--2 { background: none repeat scroll 0 0 transparent; width: 56px; height: 28px; text-transform: none; } #search-block-form #edit-submit { width: 63px; padding-left: 7px;} /*#edit-actions:hover #edit-submit { background: url('../images/spt_general.png') no-repeat -183px -150px }*/ #search-block-form #edit-actions, #search-block-form #edit-actions--2 { background: none } .gallery-item-content h3 { margin-bottom: 0px } #gabi-signature { position:absolute; left:35px; bottom:45px; } /* @end */ /* @group Leave a Bequest */ #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa { padding-bottom: 39px } .views-row-1 h3 { margin-top: 0 !important } .view-leave-bequest h3 { width: 285px } #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa .field-content img { height: 223px; width: 299px !important; } #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa .ic_caption { width: 269px !important; } #block-views-leave-bequest-gift-of-sight { padding-bottom: 68px; border-bottom: 5px solid #d5d3cd; } .ic_caption h3 { background: none repeat scroll 0 0 transparent !important; line-height: 14px !important; padding-left: 0 !important; text-shadow: none !important; width: auto !important; padding-bottom: 0px !important; margin-top: 0px !important; } .ic_caption p { padding-top: 4px } .title-bottom-gift { color: #88857E !important; display: block; font-weight: bold; max-width: 298px; padding-bottom: 8px; padding-right: 0; padding-top: 8px; width: 100%; } #title-bottom-gift1 { border-bottom: 1px solid #d5d3cd; border-top: 5px solid #d5d3cd; } .title-bottom-gift:hover { text-decoration: none; background-color: #837e73; color: white !important; } #title-bottom { background-color: #D5D3CD; border: 5px solid #D5D3CD; border-right-width: 4px; color: #88857E; display: block; font-weight: bold; left: -4px; margin-top: 1px; width: 297px; padding-bottom: 8px; padding-right: 0; padding-top: 8px; position: relative; } .defaultpage .region-main-right #title-bottom { background-color: #84A58E; border: 5px solid #9DC2A9; color: #3F5244; border-right-width: 4px; } .defaultpage .region-main-right #title-bottom:hover { background-color: #75977F; color: #FFFFFF; } .getinvolved #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa{ padding-bottom: 35px; } .getinvolved #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa { border-bottom: 5px solid #DCC03B; } .getinvolved #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa:hover #title-bottom{ background-color: #b79210; color: white; } .donatenow #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa:hover #title-bottom{ background-color: #edeee9; } #block-views-b8d8fa7b8a6ceccb2a86d6009b9f5cfa { /*border-bottom: 5px solid #D5D3CD*/ } .donatenow #block-views-comments-recent-block-1 h2{ color: #5C5F5F; } .donatenow #block-views-comments-recent-block-1 .views-row:hover { background-color: #f5f5f2; } .donatenow .view-comments-recent{ background-color: #edeee9; } .donatenow .view-comments-recent .row-title{ color:#5C5F5F !important ; } .donatenow .view-comments-recent .row-body{ color:#5C5F5F !important ; } .donatenow .view-comments-recent a{ color: #857f71 !important; } #title-bottom span, .title-bottom-gift span { margin-left: 15px; } #title-bottom:hover { background-color: #EDEEE9; text-decoration: none; } .getinvolved #title-bottom { background-color: #b79211; text-decoration: none; border: 5px solid #DCC03B; color: #FFF; } .getinvolved #title-bottom:hover { background-color: #7e6200; text-decoration: none; color: #fff } .view-id-leave_bequest .topsub-featured-block { height: 271px !important; margin: 0 0 2px 0; } /* @end */ /* @group Print & email */ .print-email { clear: none; float: left; position: relative; width: 255px; } .print-email a { display: block; width: 100%; height: 100%; } .print_html, .print_mail { float: right; width: 115px; height: 31px; position: relative; padding: 0px !important; } .print_html { background: url(../images/spt_article.png) no-repeat -120px -350px } .print_html:hover { background: url(../images/spt_article.png) no-repeat -120px -400px } .print_mail { background: url(../images/spt_article.png) no-repeat 0 -350px } .print_mail:hover { background: url(../images/spt_article.png) no-repeat 0 -400px } /* @end */ /* @group Comments */ .comment-wrapper hr { border-bottom: 1px solid white; border-top: 1px solid #AFABA2; border-width: 1px; clear: both; margin-bottom: 25px !important; margin-left: 0 !important; margin-top: 40px !important; padding: 0; width: 100%; } #addcomment_button { float: right; margin-top: -42px; position: relative; } .submitted { padding: 10px 21px; overflow: auto; } #comment-author { position: relative; float: left; text-shadow: 0 1px 1px #FFFFFF; font-size: 16px; } .submitted .submitted { position: relative; float: left; margin-left: 23px; padding: 0px; margin-top: 4px; font-size: 11px; font-weight: bold; } #comments h2 { width: 300px; margin-bottom: 20px; margin-top: 0px; } .comment-body { color: #5B5F60; line-height: 20px; margin-bottom: 10px; margin-top: 10px; text-align: justify; } #comments .links, .comment .links { position: relative; float: right; margin-bottom: 15px; margin-top: 5px; } #comments .links a, .comment .links a { color: #5D5F5E; background: url(../images/spt_article.png) no-repeat 100% -150px; height: 24px; display: block; padding-top: 1px; } #comments .links li:hover a, .comment .links li:hover a { background: url(../images/spt_article.png) no-repeat 100% -200px; color: white; } #comments .links li, .comment .links li { background: url(../images/spt_article.png) no-repeat 0 -150px; height: 24px; position: relative; float: left; min-width: 50px; margin-left: 2px; } #comments .links li:hover, .comment .links li:hover { background: url(../images/spt_article.png) no-repeat 0 -200px } #comments .links .comment-edit a, .comment .links .comment-edit a { margin-left: 11px } #comments .links .comment-delete a, .comment .links .comment-delete a { margin-left: 4px } #comments .links .comment-reply a, .comment .links .comment-reply a { margin-left: 7px } #comments .links a:hover, .comment .links a:hover { text-decoration: none } #comments .indented .indented-image { background: url("../images/spt_article.png") no-repeat scroll 0 -900px transparent; height: 40px; left: -20px; position: absolute; top: 10px; width: 40px; } .comment .page-inner { display: none } .comment { position: relative; clear: both; } .add-comment, .content > #comment-form { overflow: auto; background-color: white; background-image: url("../images/add-comment-bg-top.png"),url("../images/add-comment-bg-bottom.png"); background-repeat: no-repeat,no-repeat; background-position: top center, bottom center; width: 636px; position: relative; padding-top: 16px; padding-bottom: 30px; /*padding: 16px 30px; */ } .add-comment > *, .content > #comment-form > * { padding: 0px 20px } #comments #edit-author--2, #comment-form #edit-author--2 { display: none } #edit-field-yourname input, #edit-field-emailaddress input { width: 268px !important } #edit-field-yourname, #edit-field-emailaddress { position: relative; float: left; width: 288px; } #edit-field-emailaddress { margin-left: 20px } .add-comment label, #comment-form label { margin-bottom: 5px; font-weight: normal; } .submitted .submitted #comment-author { display: none } #comments .char-limit { position: relative; float: right; margin-top: -20px; } .form-item-comment-body-und-0-value { position: relative; float: left; } .add-comment .form-textarea-wrapper textarea, #comment-form textarea { width: 595px; height: 90px; margin-top: 6px; } .form-item-mollom-captcha * { } .add-comment .form-item-name, #comment-form .form-item-name { display: none } .add-comment .form-item-mail, #comment-form .form-item-mail { display: none } .add-comment .form-item-homepage, #comment-form .form-item-homepage { display: none } .form-item-mollom-captcha label, #edit-mollom-captcha { position: relative; float: right; clear: right; } #edit-mollom-captcha { width: 128px } .form-item-mollom-captcha .field-prefix { float: left; margin-left: 316px; position: relative; width: 106px; color: white; } .form-item-mollom-captcha .field-prefix span { clear: right; position: relative; width: 80px; } .form-item-mollom-captcha .field-prefix a { font-size: 11px } .form-item-mollom-captcha label { margin-right: 40px } .comment-wrapper #edit-actions { position: relative; clear: both; margin-top: 4px; } .comment-wrapper #edit-actions #edit-submit { width: 130px } .form-item-mollom-captcha .description, #webform-client-form-360 .description { height: 23px; clear:both; } #webform-client-form-360 .description { position: absolute; right: -3px; top: 24px; margin: 0px;} #webform-client-form-360 #webform-component-author { display: none } #webform-client-form-360 { padding: 32px 0px 0px 0px; width: auto; } #webform-client-form-360 .form-textarea-wrapper { width: 565px !important } #webform-component-tell-others-why-you-support-the-foundation .form-textarea-wrapper textarea { height: 50px } #webform-client-form-360 #webform-component-other { display: none; position: relative; } .donatenow .add-comment #edit-comment-body-und-0-value { width: 573px } #webform-client-form-360 #bottom-box { background-color: #ECEDE8; clear: both; padding: 15px 20px; position: relative; width: 555px; overflow: auto; } #webform-client-form-360 .form-actions, #webform-client-form-360 .ajax-loader {float:none !important; position: relative; left: 456px; background: url("../images/spt_general.png") no-repeat scroll 0 -500px transparent; height: 38px; line-height: 38px; text-align: center; width: 140px; cursor: pointer; border: none; } #webform-client-form-360 .ajax-loader {background: none; cursor: default;} #webform-client-form-360 .form-actions input {background:url("../images/spt_general.png") no-repeat scroll 100% -500px transparent; color: #FFFFFF; margin: 0 0 0 8px; padding: 0 8px 0 0; border: 0px; height: 38px; font-size: 13px !important; font-weight: bold !important; cursor: pointer;} #webform-client-form-360 .form-actions:hover {background: url("../images/spt_general.png") no-repeat scroll 0 -550px transparent;} #webform-client-form-360 .form-actions input:hover {background:url("../images/spt_general.png") no-repeat scroll 100% -550px transparent;} #webform-component-date { display: none } #webform-client-form-360 .form-type-checkbox { float: left; margin-top: 0px; margin-bottom: 5px; } #webform-client-form-360 .form-type-checkbox label { top: 2px; left: 5px; position: relative; } .form-item-submitted-privacy-anon { margin-left: 100px } #webform-client-form-360 label { margin-bottom: 8px; font-weight: normal; } #webform-client-form-360 .char-limit { position: absolute; top: 0px; margin-bottom: 0px; right: 31px;} #webform-client-form-360 #webform-component-published { display: none } #webform-client-form-360 div div { margin-bottom: 15px } #webform-client-form-360 #webform-component-sid { display: none; } #webform-client-form-360 #webform-component-tell-others-why-you-support-the-foundation, #webform-client-form-360 #webform-component-general-comments-or-feedback {position: relative;} #bottom-box div div { margin-bottom: 0 } #node-74 #edit-actions--3 #edit-submit--3, #node-360 #edit-actions #edit-submit { border: none; font-size: 14px; font-weight: bold; height: 38px !important; } #node-74 #edit-actions--3, #node-360 #edit-actions { float: right; margin-top: 0px; text-transform: none; } .mollom-switch-captcha { display: none } .comment-unpublished { background: none } .donnation-comments h2 { width: auto !important } .donnation-comments .comment-body { padding: 15px 10px 20px 10px; margin: 0px; overflow: hidden; } .donnation-comments .public-comment-body { margin-bottom: 0px } .donnation-comments h3 { font-size: 16px } .donnation-comments #top-title { font-size: 28px } .donnation-comments #showing { font-size: 18px } .donnation-comments hr { margin-top: 10px !important } .donnation-comments .comment-status { position: relative; float: right; font-size: 11px; margin-top: 2px; } .donnation-comments .edit-comment { position: relative; float: right; margin-left: 10px; margin-top: 2px; font-size: 11px; } /* @end */ /* @group Node */ .article-submitted { position: relative; margin-bottom: 15px; } .article-submitted span { font-style: italic } /* @end */ /* @group Social Media */ .social-media-linx { float: left; margin: -30px -2px 0 0; position: relative; } .social-media-linx2 { clear: both; float: left; margin-left: -3px !important; margin-top: 5px; width: 385px; } .social-media-linx div { position: relative; float: left; margin-left: 5px; width: 100px; } .social-media-share { background: url("../images/social-media-share.png") no-repeat scroll left center transparent; margin-top: 2px; width: 65px !important; } .fb-like { } .social-media-share a { display: block; width: 35px; height: 100%; padding-left: 25px; color: #5D5F5E !important; } .social-media-share a:hover { text-decoration: none } /* @end */ /* @group What we can do */ #what-we-can-do { margin: 20px 0px; position: relative; clear: both; height: 122px; padding: 10px; width: 616px; border-bottom: 5px solid #9FC2AA; background-color: #2E302F; top: 18px; } #what-we-can-do img { position: relative; float: left; } #box-title { position: relative; width: 376px; font-family: 'museo-sans', arial, sans-serif; font-size: 22px; color: white; float: right; margin-top: 5px; line-height: 22px; margin-bottom: 5px; } #box-title span { color: #F9AB0D } #box-text { float: right; font-size: 12px; position: relative; width: 376px; color: white; margin-bottom: 6px; } #get-involved { position: relative; float: right; width: 146px; height: 50px; text-transform: uppercase; margin-right: 10px; } #get-involved a{ font-family: museo-sans, arial, sans-serif; font-size: 13px; font-weight: 900; } #get-involved a span { padding: 0 8px 3px 0; } #donate-now a span { font-family: museo-sans, arial, sans-serif; font-size: 13px; font-weight: 900; color: #2E2F2F; padding: 0px 8px 0 0; } #donate-now { position: relative; float: right; width: 146px; height: 50px; text-transform: uppercase; } /* @end */ /* @group News & Quarterly Reports */ #news-archive { float: left; margin-right: 4px; padding-bottom: 5px; padding-top: 5px; position: relative; width: 147px; } #news-archive .article-list ul { padding:0; } #news-archive .article-list ul li { padding-left:15px; padding-right:0; } #news-archive .article-list ul li ul{ margin-left:5px; } #news-archive .article-list ul li ul li{ padding-left:0; } .quarterly-reports-block { margin-left: 0; margin-right: 0 !important; } #news-archive h2 { font-size: 16px; height: 17px !important; position: relative; line-height: 17px !important; padding: 0px !important; margin-bottom: 10px; margin-left: 20px; } .quarterly-reports-block h2 { margin-left: 4px !important } #news-archive .year { width: 100%; height: 30px; background-color: #84A58D; color: white; font-size: 15px; font-weight: bold; margin-bottom: 2px; } #news-archive .year span { position: relative; top: 6px; margin-left: 16px; } .article-list { width: 100%; position: relative; margin-top: -1px; margin-bottom: 1px; } .article-list ul, .article-list li { margin-left: 0; padding-left: 0; } .article-list ul { background-color: #84A58D; margin-left: 0px; padding-left: 15px; display: none; padding-bottom: 5px; margin-bottom: 0 !important; } .article-list ul ul { margin-left: 0px; list-style-type: none; display: none; padding-left: 0; padding-bottom: 0; } .news-module-title, .news-module-month { position: relative; padding: 5px 10px; } .news-module-month a { color: #626262 !important; cursor: pointer; } .news-module-title a { color: white !important; font-size: 11px; } .news-module-arrow { position: relative; float: right; width: 29px; height: 29px; background-image: url(../images/news_module_arrow.jpg); } .news-module-link { display: block; height: 30px; width: 100%; z-index: 1000; position: absolute; cursor: pointer; } /* @end */ /* @group Right Modules */ .social-media .rssRow { overflow: auto } #youtube-comments-feed .rssRow { padding: 5px } #youtube-comments-feed .feed-date { padding-right: 0px !important } .rssRow:hover .youtube-img,.rssRow:hover .flickr-mask{ border: 1px solid white; } .rssRow:hover .flickr-text, .rssRow:hover p,.rssRow:hover .youtube-text a p{ color: white !important; } .flickr-mask, .youtube-img { float: left; position: relative; width: 80px; height: 60px; overflow: hidden; border: 1px solid #607f69; margin-left: 0px !important; } .flickr-mask img { position: absolute; left: 0px; } .youtube-img img { width: 80px; height: 60px; } .flickr-text, .youtube-text { position: relative; float: right; width: 196px; font-size: 12px; color: #E1F9E8; padding: 0 0 0 10px; font-weight: bold; line-height: 1.65em; } .youtube-text p { margin-bottom: 7px !important; font-weight: bold !important; } #flickr-feed .social-media ul li { padding: 5px !important } /* @end */ /* @group Pagination */ .pager-holder { position: relative; margin-top: 10px; color: #5c5f5f; } .items-per-page-selector { position: relative; float: right; } .items-per-page-selector select { position: relative; float: left; width: 45px;} .items-per-page-selector p { margin: 0px 5px } .pager-holder p { position: relative; float: left; } .pager-holder .item-list, .pager_holder ul li { position: relative; float: left; margin-left: 10px; margin-right: 5px; list-style-type: none !important; } .pager { font-size: 12px !important } .pager li { position: relative; float: left; margin-right: 1px !important; padding: 0!important; } .pager-first, .pager-previous, .pager-next, .pager-last { height: 21px; overflow: hidden; padding: 0; text-indent: 10000px; width: 20px; } .pager-first a, .pager-previous a, .pager-item a, .pager-next a, .pager-last a { display: block !important; font-size: 12px !important; height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; } .pager-item, .pager_holder ul li input { height: 21px; width: 20px; font-size: 12px !important; background: url(../images/pager_bg.gif) no-repeat !important; cursor: pointer; } .pager-first { background: url(../images/pager_first.gif) no-repeat !important } .pager-previous a { background: url(../images/pager_prev.gif) no-repeat !important } .pager-next a { background: url(../images/pager_next.gif) no-repeat !important } .pager-last a { background: url(../images/pager_last.gif) no-repeat !important } .pager-item a { color: #595C5C !important; font-size: 12px !important; top: -6px; } .pager-current { margin-left: 6px; margin-right: 6px !important; margin-top: 1px !important; width: 20px; } .pager-ellipsis { width: 20px; margin: 0px 3px; } /*Donation feedback pager*/ .pager_holder { position: relative; clear: both; height: 25px; margin-left: 10px; } .pager_holder ul li input { border: none; width: 20px; height: 20px; color: #595C5C; font-family: "museo-sans","arial"; font-size: 200%; font-weight: bold; text-shadow: 0 1px 1px #FFFFFF; } .pager_holder ul li { width: 20px; height: 21px; margin: 0px 1px 0px 0px !important; padding: 0; } .pager_holder p { position: relative; float: left; } .pager_holder #p1 { margin-right: 5px } .pager_holder #p2 { margin-left: 5px } .page-inner .pager_holder #p1 { margin-right: 0px } .page-inner .pager_holder #p2 { margin-left: 0px } .page-inner .pager_holder ul.pager_list { float: left; overflow: hidden; margin: 0 5px; } .page-inner .pager_holder ul.pager_list li { padding-left: 0; text-indent: 0;} .pager_holder ul li .index_selected { background: none !important } .pager_holder ul li .index_right_button { text-indent: 2000px; background: url(../images/pager_next.gif) no-repeat !important; } .pager_holder ul li .index_left_button { text-indent: 2000px; background: url(../images/pager_prev.gif) no-repeat !important; } .pager_holder .dots { left: 5px; top: -2px; width: 20px; } /* Recent comments */ .comments-recent ul { margin-bottom: 0px } .comments-recent li.views-row { margin: 0 !important; color: #fff; padding: 10px 16px 12px !important; border-bottom:5px solid #D5D3CD;} .page .defaultpage .region-main-right .comments-recent li.views-row { border-bottom: 5px solid #9DC2A9;} .page .getinvolved .comments-recent li.views-row {border-bottom:5px solid #DCC03B;} .comments-recent li.views-row .row-body { color: #E1F9E8; } .ourwork .comments-recent li.views-row .row-body { color: #F3F6A0; } .getinvolved .comments-recent li.views-row .row-body { color: #FFEEB3; } .comments-recent li.views-row:hover { color: #fff; } .comments-recent li div.row-title { font-weight: bold; margin-bottom: 10px; font-size: 110%; } .comments-recent li div.row-body { line-height: 1.3em } .comments-recent a { color: #F3F6A0 !important } /* Latest from Country */ .nodes-fromcountry a {color:#CEE8D6 !important; text-decoration:none !important;} .getinvolved .nodes-fromcountry a {color:#F3F6A0 !important;} .ourwork .nodes-fromcountry a {color:#F3F6A0 !important;} .nodes-fromcountry a:hover {color:#FFFFFF !important;} .nodes-fromcountry .views-row {color: #E1F9E8; background-color: #84A48D;} .nodes-fromcountry .views-row:hover { background-color: #6F977F; color: #fff; } .ourwork .nodes-fromcountry .views-row {color: #F3F6A0; background-color: #868938;} .ourwork .nodes-fromcountry .views-row:hover { background-color: #717425; color: #fff; } .nodes-fromcountry .views-row {padding: 5px; margin-bottom: 5px !important; zoom: 1; position: relative; } .nodes-fromcountry .views-row:after { content: "\0020"; display: block; height: 0; clear: both; } .nodes-fromcountry .views-field { float: left } .nodes-fromcountry .views-field-title, .nodes-fromcountry .views-field-entity-id-1 { width: 200px; padding: 0 0 0 10px; line-height: 1.65em; width: 196px; font-weight: bold; font-size: 12px; } .nodes-fromcountry .views-field-name { position: absolute; color: #fff; background: #18201a; font-size: 11px; font-weight: bold; top: 51px; left: 6px; width: 80px; height: 15px; line-height: 15px; text-align: center;} .nodes-fromcountry img {} .nodes-fromcountry .views-row:hover img {} .nodes-fromcountry .views-row:hover .views-field-name { opacity: 1; filter: alpha(opacity=100); } .nodes-fromcountry .views-field-entity-id { height: 60px; border: 1px solid #717425;} .defaultpage .nodes-fromcountry .views-field-entity-id { border: 1px solid #607f69;} .nodes-fromcountry .views-row:hover .views-field-entity-id { border: 1px solid #fff } .checkout-review table{ margin: 10px 3% 0 3% !important; width: 94%; } .checkout-review td.total-amount { font-family:"museo-sans","arial"; padding-right:20px; } a.btn-gift-addmore { display:block; text-align:center; height:28px; line-height:28px; margin:15px 0 22px; width:150px; background: url("../images/spt_general.png") no-repeat 0 -300px; } a.btn-gift-addmore span { display: block; color:#fff; text-decoration:none; margin-left:8px; padding-right:8px; background: url("../images/spt_general.png") no-repeat 100% -300px; } a.btn-gift-addmore:hover {background-position: 0 -350px; text-decoration: none;} a.btn-gift-addmore:hover span {text-decoration:none; background-position: 100% -350px;} #block-cardcart-review .block-refresh-button, #block-cardcart-cart .block-refresh-button {display:none;} #block-cardcart-review .content {padding-left:20px;} body.page-carditem {text-align:left; min-width:636px;} body.page-carditem .toolbar, body.page-donate-receipt-print .toolbar {display:none;height:0;} body.page-carditem .giftcard-wrapper {margin-bottom:0;} .views-block-tabs-list .facebook {float: right; margin-top: -1px; margin-right: 10px; background:url(../images/facebook-share.png) no-repeat scroll 0 0 transparent;} .views-block-tabs-list .facebook a {display:block; text-indent:-99px; overflow:hidden; width:60px; height:18px;} #fancybox-title-float-wrap tbody {border-top:0;} #fancybox-content {} body.page-donate-receipt-print {background:none; text-align:left; max-width:680px; min-width:680px; margin-left:24px;} body.page-donate-receipt-print .inner-body, body.page-donate-receipt-print #block-system-main{ background:none; min-width:680px;} body.page-donate-receipt-print #footer {background:none; border:none;padding-left:24px;} body.page-donate-receipt-print #logo {margin-left:24px;} body.page-donate-receipt-print #abn {margin-top:42px; float:right; margin-right:24px;} body.page-donate-receipt-print h2 {margin:1em 24px; font-size: 180%;} body.page-donate-receipt-print table {border:none; width:100%;} body.page-donate-receipt-print tbody {border:none;} body.page-donate-receipt-print td { font-size:120%;height:24px;} body.page-donate-receipt-print tr.first td {font-size:160%; height:32px;} body.page-donate-receipt-print tr.even {background:#fefefe; border:none;} body.page-donate-receipt-print tr.odd {background:none; border:none;} body.page-donate-receipt-print td.label {padding-left:24px;} body.page-donate-receipt-print .thank-again {margin:2em 0; font-size:160%; padding-left:24px;} #block-views-b2485454b6403f6999c2b7709df3152e .views-row-1 {margin-bottom:5px;} .page-node-394 div.links { display: none;} .node-29 { text-align: left;} /* represents page */ .represents-page {} .represents-page .header-content { width: 964px; margin: 0 auto;} .represents-page #block-system-main { width: 944px; max-width: 944px;} .represents-page .page { position: relative;} .represents-social-links { float: right; padding-top: 43px;} .represents-social-links #signup-enews { display: none;} .represents-telfriend { float: right; padding-top: 57px; margin-right: 16px; font-family: "museo-sans","arial";} .represents-telfriend a { padding-top: 57px; font-size: 13px; color: #5c5f5f; font-weight: bold; font-family: "museo-sans","arial";} .represents-title { position: absolute; top: 24px; right: 0; font-family: Georgia; color: #5c5f5f; font-size: 15px; font-style: italic;} .represents-title span { color: #ff5800} .represents-page #facebook { width: 16px; height: 16px; margin: 0 4px 0 0; background: url('../images/icn_represents-page.png') no-repeat 0 0; } .represents-page #facebook:hover { background-position: 0 0 } .represents-page #twitter { width: 16px; height: 16px; margin: 0 4px 0 0; background: url('../images/icn_represents-page.png') no-repeat -50px 0; } .represents-page #twitter:hover { background-position: -50px 0 } .represents-page #youtube { width: 16px; height: 16px; margin: 0 4px 0 0; background: url('../images/icn_represents-page.png') no-repeat -100px 0; } .represents-page #youtube:hover { background-position: -100px 0 } .represents-page #flickr { width: 16px; height: 16px; background: url('../images/icn_represents-page.png') no-repeat -150px 0; } .represents-page #flickr:hover { background-position: -150px 0 } .represents-content { background: #2e2f2f; padding: 10px;} .represents-left { width: 626px; float: left;} .represents-left .flvplayer {border: 0; height: 377px; margin-bottom: 0px;} .represents-right { position: relative; width: 298px; float: right; height: 377px; overflow: hidden;} .represents-right-content { width: 298px; background: #2e2f2f; padding-top: 13px; min-height: 360px;} .represents-right-content p { font-size: 14px; color: #fff; font-family: "museo-sans","arial";} .represents-right a.donation-button { position: absolute; left: 0; bottom: 0; margin-top: 8px;} a.donation-button { display: block; width: 278px; height: 63px; background: url('../images/icn_represents-page.png') no-repeat 0 -50px; text-indent: -9999px;} a.donation-button:hover { background-position: 0 -113px;} .single-landing-bottom { background-color: #9ec2a9; margin-top: 20px; padding: 10px;} .single-landing-bottom-page {} .single-landing-bottom-page ul { margin: 0; padding: 0;} .single-landing-bottom-page li { float: left; background-color: #9ec2a9; margin: 0 10px 0 0; padding-bottom: 5px;} .single-landing-bottom-page li.last { margin: 0;} .single-landing-bottom-page li a { display: block; position: relative; background-color: #000;} .single-landing-bottom-page li img { display: block; filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .single-landing-bottom-page li span { position: absolute; bottom: 15px; right: 15px; color: #fff; font-size: 18px;} .single-landing-bottom-page li a:hover , .single-landing-bottom-page li.selected a:hover span, .single-landing-bottom-page li a {text-decoration: none;} .single-landing-bottom-page li.selected { border: 5px #84a58e solid; padding-bottom: 0;} .single-landing-bottom-page li.selected img { width: 298px; } .single-landing-bottom-page li a:hover img, .single-landing-bottom-page li.selected img { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .single-landing-bottom-content { padding: 10px 15px; background-color: #84a58e;} .single-landing-bottom-content .view-list-content { display: none;} .single-landing-bottom-content .view-list-content.selected { display: block;} .view-list-content-left { width: 604px; float: left;} .view-list-content-left p { font-size: 90%; color: #fff;} .view-list-content-right { width: 300px; float: right;} .view-list-content-right .flvplayer { height: auto; border: 0; margin: 0;} /* donation-story-page */ .donation-story-page { background: none;} .donation-story-page #header { background: url("../images/bkg_body-top.jpg") repeat-x 50% 0; min-height: 90px; width: 100%; position: fixed; top: 0; left: 0; z-index: 10; } .toolbar .donation-story-page #header { top: 65px;} .donation-story-page .header-content { max-width: 964px;} .donation-story-page .page_margins { padding-top: 90px;} .donation-story-main { width: 820px; margin-top: 80px; float: right;} .donation-story-main #block-system-main { width: 820px;} .node-donation-story { width: 636px; float: right;} .donation-story-content-inner { width: 636px; text-align: right; color: #fff;} .donation-story-content-inner-description { padding-left: 82px; padding-top: 35px; font-family: "museo-sans","arial";} .donation-button-box-description { margin-top: 20px; font-size: 13px; font-weight: bold; color: #fff; text-align: left;} .donation-story-vedio { padding-top: 75px; margin-bottom: 50px;} .donation-story-main #footer h2, .donation-story-vedio-title, .donation-story-title { font-weight: bold; font-size: 30px; color: #fff; text-align: right; font-family: "museo-sans","arial";} .donation-story-vedio-content { margin-top: 20px;} .donation-story-vedio-content .flvplayer { height: 377px;} .donation-story-page #footer { color: #fff; font-size: 11px; background: none; border: 0;} .success-story-bottom { width: 636px; float: right; clear: both; padding-top: 20px; padding-bottom: 53px;} .success-story-bottom .view-content {} .success-story-bottom .views-row { float: left; width: 144px; margin-right: 20px;} .success-story-bottom .views-row-last { margin-right: 0;} .success-story-bottom .views-field-entity-id a { background: #000; display: block; height: 144px;} .success-story-bottom .views-field-entity-id a.active, .success-story-bottom .views-field-entity-id a:hover {} .success-story-bottom .views-field-entity-id { padding-bottom: 7px;} .success-story-bottom .views-field-entity-id img { border: 2px solid #d5d3cd;} .success-story-bottom .views-field-entity-id a img { filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .success-story-bottom .views-field-entity-id a.active img , .success-story-bottom .views-field-entity-id a:hover img { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .donation-story-page #footer { text-align: right;} .donation-story-page #footer #securesite { float: right; margin-left: 10px;} .donation-story-page #footer address { padding-top: 6px;} .success-story-bottom .views-field-title { text-align: center; font-size: 13px; font-weight: bold;} .donation-story-content-bottom { color: #fff;} .donation-button-box { width: 308px; padding-top: 60px; float: right;} .donation-story-content a.donation-button { display: block; width: 308px; height: 70px; background: url('../images/icn_represents-page.png') no-repeat 0 -180px; text-indent: -9999px; text-align: left;} .donation-story-content a.donation-button:hover { background-position: 0 -250px;} .hide { display: none;} /* @end */ /* sec */ .sec-donation-monthly { height: 229px;} .sec-donation-monthly .content { background: #edede9; height: 175px; padding: 10px 10px 0 15px; font-size: 12px; color: #5c5f5f;} .sec-donation-monthly .content p { line-height: 15px;} .sec-donation-monthly .content .link-wrapper { margin-top: 23px;} .sec-donation-monthly .content .link-wrapper a { color: #837e73; text-decoration: none;} .sec-donation-monthly .content .link-wrapper a:hover { color: #5c5f5f;} /*NEWS ARCHIVE MODULE*/ #block-views-related-news-block-1 .views-field-entity-id-1 a { font-size: 12px;} /** <-- Map Link --> **/ #maplinks { text-align: center;} #maplinks li.maplinks-item-wrapper { display: inline; vertical-align: top;} #maplinks li h3 { width: 112px!important;} #maplinks .maplinks-item { display: inline-block; width: 112px; margin-right: 9px; vertical-align: top;} #maplinks li.last .maplinks-item { margin-right: 0px;} #maplinks li.maplinks-item-wrapper ul { list-style: none;} /** **/ /** <-- Submitted Data --> **/ .submitted-data {background: url('../images/bkg_submitted-data.gif') no-repeat 100% 50%; height: 16px; line-height: 16px; margin-top: 2px; margin-right: 4px; padding-right: 10px; float: left; font-weight: bold; font-size: 106.3%;} /** **/ }