/* ---------------------------------------------------------- Partners in Health CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font: .8em/1.45em "Helvetica", Helvetica; color: #333333; } .base h1 { text-transform: uppercase; color: #405f7f; font-size: 1.8em; margin-bottom: 10px; font-weight: bold; line-height: 1.1em; } .base h2 { text-transform: uppercase; color: #405f7f; font: bold 1.35em "Helvetica", "Arial", sans-serif; margin-bottom: 10px; } .base h3 { font-size: 1.1em; color: #333333; font-weight: bold; margin-bottom: 5px; line-height: 1.3em; } h4 { font-weight: bold; } .base p { margin-bottom: 10px; } a { color: #b35108; text-decoration: none; } a:hover { text-decoration: underline; } .base h3 a { text-decoration: none; color: #b35108; } blockquote { } .base ul, .base ol { padding-left: 25px; margin: 15px 0;} .base ul li { list-style-type: square; margin-bottom: 5px;} .base ol li { list-style-type: decimal; } .base ul li, .base ol li { } .base li ol, .base li ul { margin: 0; } input { font-size: 12px; padding: 4px; color: #000000;} .title{ background: #e8ebed; margin-bottom: 0; padding: 5px 20px; } .title h2 { margin: 0; float: left; margin-right: 10px; } .title h2 a { text-decoration: none; color: #405f7f; } #blog p.more a { color: #b35108; text-decoration: none; } td img { display: block; } /* 03 =LAYOUT ---------------------------------------------------------- */ #wrapper { width: 970px; margin: 0 auto; text-align: } #content { background: url(/page/-/img/content_bg.jpg); float: left; width: 969px; } #home.home-120118 #content { background: none; } #bsd.full-width #content { background: none; } .full-width #content { background: none; } #socialnet #left-container { float: left; padding: 0; width: 635px; } /** 03.1 =HEADER ---------------------------------------------------------- **/ #header { float: left; background: url(/page/-/img/header.jpg); width: 969px; height: 107px; margin-top: 5px; } #header #header-logo a { display: block; text-indent: -9999px; float: left; margin-top: 20px; margin-left: 25px; width: 160px; height: 55px; } #header #quick-signup { float: right; width: 310px; margin-top: 54px; } #header #quick-signup input#quick-email { float: left; width: 125px; margin-right: 5px;} #header #quick-signup input#quick-zip { float: left; width: 60px; margin-right: 5px; } #header input#quick-submit { padding: 0; } #main { float: left; width: 615px; padding: 15px; } #bsd.full-width #main { float: left; width: 940px; padding: 15px; } .full-width #main { float: left; width: 940px; padding: 15px; } /** 03.2 =NAV ---------------------------------------------------------- **/ #site-nav { float: left; background: url(/page/-/img/nav.png) no-repeat; width: 970px; height: 38px;position: relative; z-index: 1000; } #site-nav ul li { float: left; } #site-nav ul li a.top-level { height: 35px; display: block; text-indent: -9999px; overflow: hidden; color: #fff; padding: 0 3px 0 0; } #site-nav ul li ul li a:hover { background: #6482a4; color: #fff; } #site-nav ul li ul { padding: 4px; background: #a5bcce; margin-top: 6px; } #site-nav ul li ul li a { text-indent: 0; } #site-nav ul li.who a.top-level { width: 159px; } #site-nav ul li.what a.top-level { width: 159px; } #site-nav ul li.where a.top-level { width: 159px; } #site-nav ul li.issues a.top-level { width: 157px; } #site-nav ul li.action a.top-level { width: 160px; } #site-nav ul li.resources a.top-level { width: 157px; margin-right: 0; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 153px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 0; } .sf-menu a { text-transform: uppercase; text-decoration:none; color: #2e3b44; padding: .75em .5em; font-weight: bold; } .sf-menu li li { background: #a5bcce; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** 03.2.1 =SUPERFISH STYLES ---------------------------------------------------------- ***/ /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar { background: #BDD2FF; height: 2.5em; padding-bottom: 2.5em; position: relative; } .sf-navbar li { background: #AABDE6; position: static; } .sf-navbar a { border-top: none; } .sf-navbar li ul { width: 44em; /*IE6 soils itself without this*/ } .sf-navbar li li { background: #BDD2FF; position: relative; } .sf-navbar li li ul { width: 13em; } .sf-navbar li li li { width: 100%; } .sf-navbar ul li { width: auto; float: left; } .sf-navbar a, .sf-navbar a:visited { border: none; } .sf-navbar li.current { background: #BDD2FF; } .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { background: #BDD2FF; } .sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { background: #D1DFFF; } ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background: #E6EEFF; } ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ } ul.sf-navbar .current ul ul { top: -999em; } .sf-navbar li li.current > a { font-weight: bold; } /*** point all arrows down ***/ /* point right for anchors in subs */ .sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; } .sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; } /* apply hovers to modern browsers */ .sf-navbar ul a:focus > .sf-sub-indicator, .sf-navbar ul a:hover > .sf-sub-indicator, .sf-navbar ul a:active > .sf-sub-indicator, .sf-navbar ul li:hover > a > .sf-sub-indicator, .sf-navbar ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /*** remove shadow on first submenu ***/ .sf-navbar > li > ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; } /*** 03.2.1 =NAV ---------------------------------------------------------- ***/ ul.sub-nav-list li { display: inline; } ul#who-we-are { float: left; width: 950px; display: block; padding: 10px; border-bottom: solid #fff 2px; height: 15px; background: #000; background: #f36d03; } ul#who-we-are li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-left: 1px solid #b44d08; padding: 5px 10px 5px 6px; margin-right: -4px;} ul#who-we-are li a:hover, ul#sub-nav.who-we-are li.nav_active a { background: #b44d08; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#who-we-are li.first a{ border-left: none; } ul#what-we-do { float: left; width: 950px; display: block; padding: 10px; border-bottom: solid #fff 2px; height: 15px; background: #000; background: #26ab99; } ul#what-we-do li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-left: 1px solid #12695d; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#sub-nav.what-we-do li a:hover, ul#sub-nav.what-we-do li.nav_active { background: #12695d; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#what-we-do li.first a{ border-left: none; } ul#where-we-work { float: left; width: 950px; display: block; padding: 10px; border-bottom: solid #fff 2px; height: 15px; background: #000; background: #a6bf27; } ul#where-we-work li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-left: 1px solid #82961b; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#where-we-work li a:hover, ul#sub-nav.where-we-work li.nav_active { background: #82961b; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#where-we-work li.first a{ border-left: none; } ul#issues-we-face { float: left; width: 950px; display: block; padding: 10px; border-bottom: solid #fff 2px; height: 15px; background: #000; background: #58b32c; } ul#issues-we-face li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-left: 1px solid #3c811c; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#issues-we-face li a:hover, ul#sub-nav.issues-we-face li.nav_active { background: #3c811c; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#issues-we-face li.first a{ border-left: none; } ul#what-you-can-do { float: left; width: 950px; display: block; padding: 10px; border-bottom: solid #fff 2px; height: 15px; background: #000; background: #59598a; } ul#what-you-can-do li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-left: 1px solid #8687cd; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#what-you-can-do li a:hover, ul#sub-nav.what-you-can-do li.nav_active { background: #8687cd; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#what-you-can-do li.first a{ border-left: none; } ul#resources { float: left; width: 950px; display: block; padding: 10px; border-bottom: solid #fff 2px; height: 15px; background: #000; background: #6b6b6b; } ul#resources li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-left: 1px solid #333; margin-right: -4px; padding: 5px 10px 5px 6px; } ul#resources li a:hover, ul#sub-nav.resources li.nav_active { background: #333; padding: 5px 10px 5px 6px; margin-right: -4px; } ul#resources li.first a{ border-left: none; } /** 03.3 =SIDEBAR ---------------------------------------------------------- **/ #sidebar {float: right; width: 313px; padding: 4px 4px 10px 1px; } #sidebar a { color: #333; text-decoration: none; } #sidebar h2 { color: #bfd9ed; text-align: center; background-color: #405f7e; padding-bottom: 20px; margin-bottom: 0; text-transform: uppercase; font: normal 1.4em Georgia, "Times New Roman", Times, serif; } #sidebar #sidebar-donate { text-align: center; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; overflow: hidden; } .side-box { background: url(/page/-/img/side_top.jpg) no-repeat; background-color: #405f7e;padding-top: 10px; margin-bottom: 10px; width: 313px; float: right; overflow: hidden; } .join-sidebar { background-color:#405F7E; color:#BFD9ED; padding-right:12px; padding-top:5px; text-align:right; } #sidebar-community ul.tabset { width: 313px; } #sidebar ul.tabset li{ float: left; text-transform: uppercase; display: inline; } #sidebar #sidebar-community li a.tab { font-size: .8em; float: left; height: 17px; text-align: center; color: #506c05; ; text-transform: uppercase; text-decoration: none; background: #a6bf27; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border: 1px solid #a6bf27; padding: 5px; font-weight: bold;padding: 2px 7px; margin-left: 4px; display:inline; } #sidebar #sidebar-community li a.tab.active { color: #506c05; background: #f3fbc9; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border: 1px solid #f3fbc9; padding: 2px 7px; border-bottom: 1px solid #f3fbc9; font-weight: bold; } #sidebar #sidebar-community div.tab { height: 115px; margin: 0; text-align: center; overflow: hidden; background: #f3fbc9; padding: 10px 9px; width: 293px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border: 1px solid #f3fbc9; } #sidebar #sidebar-community .tab-inside { background: #d2dea2; width: 283px; height: 105px; padding: 5px; } #sidebar ul.tabset { height: 19px; } #sidebar li a.tab { font-size: .8em; float: left; height: 17px; text-align: center; color: #fff; ; text-transform: uppercase; text-decoration: none; background: #2f3a44; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border: 1px solid #2f3a44; padding: 5px; font-weight: bold;padding: 2px 7px; margin-left: 4px; display: inline; } #sidebar li a.tab.active { color: #2f3a44; background: #bfd9ed; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border: 1px solid #bfd9ed; padding: 2px 7px; border-bottom: 1px solid #bfd9ed; font-weight: bold; } #sidebar div.tab { margin: 0; text-align: center; overflow: hidden; background: #bfd9ed; padding: 10px 9px; width: 293px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border: 1px solid #bfd9ed; color: #333; } #sidebar div.tab p {line-height: 19px; color: #333; margin-bottom: 10px; text-align: left; font-size: 1em; } #sidebar #sidebar-community a { color: #546f0a; } #sidebar #sidebar-community a.login-button { color: #bfd9ed; } #sidebar div.tab label { font-weight: bold; font-size: 13px; color: #333; margin: 0 5px 5px 0; display: inline-block;} #sidebar div.tab p.actions { font-weight: bold; font-size: 13px; color: #e52e1f; text-transform: uppercase; margin-top: 15px; } #sidebar div.tab p.actions img { vertical-align: middle; } #sidebar div.tab p.actions span { display: inline-block; line-height: 25px; margin: 0 5px;} #sidebar div.tab select.searchswitcher { margin-bottom: 5px; } #sidebar div.tab input.field { font-size: 12px; display: inline; padding: 3px; margin-right: 5px;} #sidebar div.tab input.field, #sidebar #my-nation div.tab input.btn1 { vertical-align: middle; float: ; } #sidebar div.tab input.search { padding: 0; position: relative; top: 8px; } #tab05 ul { background: #a5bccf; padding: 5px; } #tab05 ul li { text-align: left; list-style-type: disc; list-style-position: inside; } #tab05 ul li a { text-decoration: underline; } #tab05 ul li a:hover { text-decoration: none; } #tab06 ul { background: #a5bccf; padding: 5px; } #tab06 ul li { text-align: left; list-style-type: disc; list-style-position: inside; } #tab06 ul li a { text-decoration: underline; } #tab06 ul li a:hover { text-decoration: none; } #tab07 ul { background: #a5bccf; padding: 5px; } #tab07 ul li { text-align: left; list-style-type: disc; list-style-position: inside; } #tab07 ul li a { text-decoration: underline; } #tab07 ul li a:hover { text-decoration: none; } #tab10 ul { background: #a5bccf; padding: 5px; } #tab10 ul li { text-align: left; list-style-type: disc; list-style-position: inside; } #tab10 ul li a { text-decoration: underline; } #tab10 ul li a:hover { text-decoration: none; } #sidebar input#event_search_zip { float: left; width: 150px; padding: 4px; display: inline; margin-top: 2px; margin-left: 5px; } #sidebar #simplesearch input.btn1{ float: right; position: relative; right: 44px; top: 3px; padding: 0; } #sidebar #event_radius_unit { display: none; } #sidebar #simplesearch tr { float: left; } #sidebar #simplesearch tr#event_radius_row { display: none; } #sidebar-related-multimedia.side-box { width: 293px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } #sidebar-related-multimedia.side-box p { color: #fff; } #sidebar.text .side-box-text { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; background: #405f7e; padding: 10px; margin-bottom: 10px; color: #fff;} #sidebar-text-box { -moz-border-radius: 5px; -webkit-border-radius: 3px; border-bottom: 1px solid #bfd9ed; background-color: #bfd9ed; padding: 10px; margin-bottom: 10px; color: #2f3a44; } #sidebar-related ul { background: #4e6b8b; padding-left: 15px; width: 298px; padding-top: 10px; overflow: hidden; } ul#related_multimedia { background: #4e6b8b; padding-left: 15px; width: 280px; padding-top: 10px; overflow: hidden; padding-bottom: 10px; } ul#related_multimedia li { } ul#related_multimedia a { color: #bfd9ed; } #sidebar-related ul li { margin-bottom: 5px; } #sidebar-related ul li a { color: #bfd9ed; } .related-more { float: right;width: 291px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border: 1px solid #bfd9ed; background: #bfd9ed; margin-bottom: 10px; padding: 10px; } #sidebar-related h4.related-section { background-color: #bfd9ed; text-transform: uppercase; padding: 10px 10px 0; } #sidebar-related h3 { font-weight: bold; margin-bottom: 5px; } #sidebar a:hover { text-decoration: underline; } #sidebar-related .sidebar-downloads h4.related-section { background-color: #bfd9ed; text-transform: uppercase; padding: 10px 10px 5px 0; } #sidebar-related h2 { padding-top: 5px; padding-bottom: 5px; } #sidebar-related ul table tbody tr td { color: #bfd9ed;} #sidebar-related ul table tbody tr td a { color: #bfd9ed; text-transform: uppercase;} #sidebar-related ul table tbody tr td a:hover { text-decoration: underline; } #sidebar-community { overflow: hiddern; height: 243px; background-color: #405f7e; } #socialnet #sidebar-community { overflow: hidden; height: 201px; } #sidebar-related-research ul { background: #4e6b8b; width: 270px; overflow: hidden; padding: 10px 10px 10px 15px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #sidebar-related-research ul li { text-align: left; list-style-type: none; } #sidebar-related-research ul li a { color: #bfd9ed; } #sidebar .holiday-giving { background: url(/page/-/img/bg-holidy-giving.jpg) no-repeat; height: 90px; width: 225px; padding: 110px 18px 35px 70px; margin-bottom: 10px; } #sidebar .holiday-giving li a { font-weight: bold; color: #46607c; } #sidebar .holiday-giving li { margin-bottom: 8px; float: left; width: 220px; } #sidebar .holiday-giving li a .text { float: left; padding-right: 3px; } #sidebar .holiday-giving li a .triangle { float: left; border-color: #a9bfcc #a9bfcc #a9bfcc #46607c; border-style: solid; border-width: 5px 5px 5px 5px; height: 0px; width: 0px; margin-top: 4px; } #sidebar-community-nav a { color: #fff; padding-bottom: 3px; display: block; } #sidebar-community-nav { color: #fff; padding-left: 20px; padding-top: 10px; } #sidebar-community-nav h4 { margin-bottom: 5px; border-bottom:1px solid #D3D3D3; margin:10px 20px 10px 0px !important; width: 285px; float: left; font-size: 13px; } #sidebar-community-nav ul { padding-left: 20px; /*float: left;*/ } #sidebar-donate.community { float: left; margin-left: 40px; display: inline; } #sidebar #photo_caption p {text-align:center} #photo_caption {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#A5BCCF none repeat scroll 0 0; padding:5px;} #sidebar-related .related-more .entry {padding-bottom:5px} #sidebar-search form#cse-search-box { float: left; width: 270px; padding: 10px 20px; } #sidebar-search input.search-button { position: absolute; padding: 0; float: left; margin-right: 0; margin-top: 2px; } #sidebar-search input { margin-right: 5px; } #sidebar #sidebar-search.side-box { background: none; background-color: #405f7e;padding-top: 0px; margin-bottom: 10px; width: 313px; float: right; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sidebar-multimedia { background: none repeat scroll 0 0 #A5BCCF; padding: 5px; } #sidebar #sidebar-waystogive { background: #E8EBED url(/page/-/img/waystogive-bg.png) no-repeat 3px center; width: 321px; height: 240px; padding-top: 18px; position: relative; left: -4px; float: none; } #sidebar #sidebar-waystogive h2 { background: transparent; color: #405F7E; padding-bottom: 10px;} #sidebar #sidebar-waystogive ul { width: 292px; margin: 0 auto; } #sidebar #sidebar-waystogive li { border-top: 1px solid #e0e6ed; } #sidebar #sidebar-waystogive li:first-child { border-top: none; } #sidebar #sidebar-waystogive li a { display: block; font-size: 14px; font-weight: bold; color: #405F7E; padding: 8px 0px 8px 60px; } #sidebar #sidebar-waystogive #waystogive-ecard { background: transparent url(/page/-/img/waystogive-ecard.png) no-repeat 14px center; } #sidebar #sidebar-waystogive #waystogive-honor { background: transparent url(/page/-/img/waystogive-honor.png) no-repeat 9px center; } #sidebar #sidebar-waystogive #waystogive-calendar { background: transparent url(/page/-/img/waystogive-calendar.png) no-repeat 12px center; } #sidebar #sidebar-waystogive #waystogive-monthly { background: transparent url(/page/-/img/waystogive-monthly.png) no-repeat 13px center; } #sidebar #sidebar-waystogive #waystogive-faq { background: transparent url(/page/-/img/waystogive-faq.png) no-repeat 12px center; } #sidebar.sidebar-two { background: #f3f5f6; margin: 0; width: 320px; padding: 5px 0 0; } .interior #sidebar.sidebar-two { margin-top: 47px; } #sidebar.sidebar-two h2 { background: none; color: #405f7e; padding: 0; margin: 0 0 12px; } #sidebar.sidebar-two .side-box { background: #fff; width: 284px; padding: 12px; margin: 0 auto 19px; border: 1px solid #dadcdd; -moz-border-radius: 4px;; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 0 30px #dadada; -webkit-box-shadow: inset 0 0 30px #dadada; box-shadow: inset 0 0 30px #dadada; float: none; overflow: visible; } #sidebar.sidebar-two .side-social { width: 187px; height: 20px; margin: 12px auto 0; position: relative; } #sidebar.sidebar-two .side-social .side-social-widget { position: absolute; top: 0;} #sidebar.sidebar-two #side-social-twitter { width: 100px; left: 0; } #sidebar.sidebar-two #side-social-fb { width: 187px; left: 100px; } #sidebar.sidebar-two .side-button { display: block; width: 281px; height: 38px; padding-top: 18px; margin-bottom: 7px; background: transparent url(/page/-/img/section-sprite.png) no-repeat -282px 0; font-size: 22px; color: #f2f4f5; font-weight: bold; text-transform: uppercase; text-shadow: 0px 0px 2px rgba(0,0,0,.5); text-align: center; } #sidebar.sidebar-two .side-button:hover { background-position: -282px -57px; color: #fff; text-decoration: none; } #sidebar.sidebar-two #side-donate { background-position: 0 0; } #sidebar.sidebar-two #side-donate:hover { background-position: 0 -57px; } #sidebar.sidebar-two #side-inthissection ul { width: 294px; } #sidebar.sidebar-two #side-inthissection li { width: 137px; padding-right: 10px; margin-bottom: 10px; float: left; } #sidebar.sidebar-two #side-inthissection li a { font-size: 14px; font-weight: bold; color: #405f7e; } #sidebar.sidebar-two #side-waystogive li { border-top: 1px solid #E0E6ED; position: relative; } #sidebar.sidebar-two #side-waystogive #waystogive-honor { border-top: none; } #sidebar.sidebar-two #side-waystogive li a { display: block; padding: 8px 0 8px 60px; font-size: 14px; font-weight: bold; color: #405f7e; } #sidebar.sidebar-two #side-waystogive .waystogive-go { position: absolute; top: 0; left: 0; text-indent: -9999px; } #sidebar.sidebar-two #side-waystogive #waystogive-honor .waystogive-go { background: transparent url(/page/-/img/section-sprite.png) no-repeat -592px -52px; width: 33px; height: 22px; top: 5px; left: 10px; } #sidebar.sidebar-two #side-waystogive #waystogive-calendar .waystogive-go { background: transparent url(/page/-/img/section-sprite.png) no-repeat -626px -52px; width: 27px; height: 27px; top: 11px; left: 13px; } #sidebar.sidebar-two #side-waystogive #waystogive-ecard .waystogive-go { background: transparent url(/page/-/img/section-sprite.png) no-repeat -564px -52px; width: 27px; height: 18px; top: 7px; left: 12px; } #sidebar.sidebar-two #side-waystogive #waystogive-monthly .waystogive-go { background: transparent url(/page/-/img/section-sprite.png) no-repeat -564px -72px; width: 23px; height: 26px; top: 12px; left: 14px; } #sidebar.sidebar-two #side-waystogive #waystogive-faq .waystogive-go { background: transparent url(/page/-/img/section-sprite.png) no-repeat -592px -75px; width: 27px; height: 19px; top: 8px; left: 13px; } #sidebar.sidebar-two #side-twitter { background: transparent; padding: 0; margin-top: 19px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sidebar.sidebar-two #side-twitter h2 { margin-bottom: 8px; } #sidebar.sidebar-two #side-twitter .twitter-feed { width: 282px; background: transparent url(/page/-/img/section-twitter-bg.png) repeat-y; } #sidebar.sidebar-two #side-twitter .twitter-feed li { padding: 0 26px; } #sidebar.sidebar-two #side-twitter .twitter-feed .tweet_first { background: transparent url(/page/-/img/section-sprite.png) no-repeat -290px -114px; padding-top: 16px; } #sidebar.sidebar-two #side-twitter .tweet_text { display: block; border-top: 1px solid #eaeaea; padding-top: 8px; margin-top: 8px; } #sidebar.sidebar-two #side-twitter .tweet_text a { color: #B35108; } #sidebar.sidebar-two #side-twitter .tweet_first .tweet_text { border-top: none; padding-top: 0; margin-top: 0; } #sidebar.sidebar-two #side-twitter .tweet_time { display: block; margin-top: 3px; } #sidebar.sidebar-two #side-twitter .tweet_time a { color: #676767; } #sidebar.sidebar-two #side-twitter .twitter-footer { width: 289px; height: 78px; background: transparent url(/page/-/img/section-sprite.png) no-repeat 0 -114px; position: relative; } #sidebar.sidebar-two #side-twitter .twitter-footer .twitter-follow-button { position: absolute; top: 40px; left: 20px; } #sidebar.sidebar-two #side-video { background: #000; width: 100%; padding: 12px 0; margin-bottom: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sidebar.sidebar-two #side-video h2 { color: #fff; } #sidebar.sidebar-two #side-video .video-display { width: 294px; margin: 0 auto; } #sidebar.sidebar-two #side-video .video-display .video-entry { display: none; } #sidebar.sidebar-two #side-video .video-display #video-1 { display: block; } #sidebar.sidebar-two #side-video .video-thumbs { width: 294px; height: 54px; margin: 15px auto 0; } #sidebar.sidebar-two #side-video .video-thumbs .video-tab { display: inline; float: left; width: 88px; height: 54px; margin-left: 15px;} #sidebar.sidebar-two #side-video .video-thumbs #video-tab-1 { margin-left: 0; } #sidebar.sidebar-two #side-video .video-thumbs .video-tab img { display: block; width: 88px; height: 54px; opacity: .5; } #sidebar.sidebar-two #side-video .video-thumbs .video-tab.active img { opacity: 1; } /** 03.4 =FOOTER ---------------------------------------------------------- **/ #footer{ background: #aec3d4; float: left; border-top: 2px solid #fff; width: 970px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; text-align: left; margin-bottom: 150px; } #footer .nav-search { padding: 10px; border-bottom: 1px solid #9cafbe; height: 26px; } #footer .footer-nav a{ color: #fff; padding-right: 25px; font-size: .9em; } #footer .footer-nav { float: left; padding-top: 4px; } #footer .search-footer { float: right; width: 312px; } #footer .search-footer form#cse-search-box { padding: 0 } #footer input { padding: 3px; float: left; margin-right: 5px; } #footer input.search-button { position: absolute; padding: 0; float: left; margin-right: 0; } #footer .contact { padding: 15px; float: left; width: 257px; } #footer .footer-networks { border-left: 1px solid #9cafbe; float:right; width: 650px; height: 46px; padding: 15px; } #footer .footer-networks .network { float: left; margin-right: 55px; display: inline; } #footer .footer-networks h4 { margin-bottom: 5px; } #footer .footer-networks a { float: left; margin-right: 10px; padding: 0; color: #333; } #footer .footer-networks a.network-link { padding-top: 15px; } p.copyright { float: left; text-align: center; color: #333333; padding-top: 5px; width: 970px; } /** 03.5 =LIGHTBOX ---------------------------------------------------------- **/ #lightbox-wrapper { width: 572px; height: 587px; background: #537291; border: 2px solid #fff; } #lightbox-wrapper #lightbox-image { display: block; width: 572px; height: 336px; } #lightbox-wrapper #lightbox-text { padding: 28px; color: #fff; height: 196px; position: relative;} #lightbox-wrapper #lightbox-text h1 { font-size: 36px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; line-height: 1.1; } #lightbox-wrapper #lightbox-text p { font-size: 18px; line-height: 24px; } #lightbox-wrapper .lightbox-input { height: 29px; padding-left: 10px; padding-right: 10px; line-height: 29px; position: absolute; top: 140px; font-size: 16px; color: #4a4a4a; border-width: 2px; } #lightbox-wrapper .lightbox-email { left: 28px; width: 200px; } #lightbox-wrapper .lightbox-zip { left: 268px; width: 84px; } #lightbox-wrapper .lightbox-button { display: block; width: 153px; height: 42px; background: url(/page/-/img/lightbox-sprite.png) no-repeat 0 -60px; text-align: center; font-size: 19px; color: #fff; border: 0; padding: 0; text-transform: uppercase;} #lightbox-wrapper .lightbox-button:hover { background-position: 0 -102px; text-decoration: none; } #lightbox-wrapper .lightbox-signup { position: absolute; top: 140px; right: 28px; } #lightbox-wrapper .lightbox-donate { padding-top: 10px; height: 32px; position: absolute; left: 210px; bottom: 18px; } #lightbox-wrapper #lightbox-donate-short { bottom: 48px; } #lightbox-wrapper .lightbox-logo { position: absolute; bottom: 24px; left: 24px; display: block; width: 83px; height: 30px; background: url(/page/-/img/lightbox-sprite.png) no-repeat 0 0; text-indent: -9999px;} /* Colorbox */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; } .cboxIframe{width:100%; height:100%; display:block; border:0; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{ background: #000; } #cboxContent{ overflow: visible; padding: 14px;} #cboxLoadedContent{background:#000;} #cboxLoadingGraphic{background: #000 no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext {text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;} #cboxClose { background: url(/page/-/img/lightbox-sprite.png) -83px 0 no-repeat; position: absolute; right:0; top: 0; height: 25px; width: 25px; text-indent: -9999px;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxTitle, #cboxCurrent, #cboxNext, #cboxNext, #cboxPrevious, #cboxSlideshow, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {display:none;height:0px;width:0px;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home #main { padding: 0; width: 645px; } .home { background: #f3f5f6; padding: 20px; margin-bottom: 10px; } .home-120118 .home { background: #F3F5F6; padding: 20px; margin-bottom: 0px; } #news.home .entry { float: left; width: 290px; padding-right: 10px;} #news.home .entry-text { float: right; width: 200px;} .news-image { float: left; margin-right: 10px; } .news-image img{ border: 2px solid #b35108; float: left; width: 75px; } a#more_news {color:#333333; text-decoration:underline; float: right;} .title a.rss-link { float: left; display: block; } .hero { left: 0; z-index: 0; width: 645px; height: 310px; margin-bottom: 5px; position: relative; overflow: hidden; } .hero .info { background: #405f7f; opacity: .85; float: left; z-index: 32; position: absolute; width: 610px; left: 19px; height: 79px; top: 211px; } .hero-content { height: 310px; overflow: hidden; } .home-rotator-entry { height: 310px; margin: 0; position: relative; z-index: 1000; width: 645px; } .home-rotator-entry img { position: relative; left: 0; width: 645px; z-index: 0; } .home-rotator-entry h1 { position: absolute; top: 185px; left: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; opacity: 1;} .home-rotator-entry .home-rotator-info { position: absolute; z-index: 100; padding: 10px; left: 11px; top: 225px; background: #314e6d; color: #fff; margin: 0; width: 317px; opacity: .8; height: 60px; font-weight: bold; overflow: hidden; } .home-rotator-entry .home-rotator-info a { color: #fa7b18; padding-left: 10px; opacity: 1; } .home-rotator-entry .home-rotator-info h2 { font-family: helvetica; text-transform: none; color: #fff; margin-bottom: 0; opacity: 1; } #home-rotator-nav { position: absolute; z-index: 100; left: 338px; top: 225px; background: #314e6d; margin: 0; height: 45px; width: 270px; padding: 20px 10px 15px 16px; opacity: .9; overflow: hidden; } #home-rotator-nav li { display: inline; margin-left: 0; padding: 0; margin-right: 6px; } #home-rotator-nav li img { width: 80px; } #home-rotator-nav li a img{ border: 2px solid #53769a; opacity: 1;} #home-rotator-nav li a.activeSlide img{ border: 2px solid #fa7b18; opacity: 1;} a#prev { position: relative; z-index: 5000; top: -59px; left: 344px; text-indent: -99999px; background: url(/page/-/img/btn_prev.png) no-repeat; display: block; float: left; width: 7px; height: 29px; overflow: hidden; } a#next { position: relative; z-index: 50000; top: -59px; left: 614px; text-indent: -99999px; background: url(/page/-/img/btn_next.png) no-repeat; display: block; float: left; width: 8px; height: 29px; overflow: hidden;} .home-120118 .home-rotator-entry { height: 310px; margin: 0; position: relative; z-index: 1000; width: 645px; } .home-120118 .home-rotator-entry img { position: relative; left: 0; width: 645px; z-index: 0; } .home-120118 .home-rotator-entry .home-rotator-info { position: absolute; z-index: 100; padding: 14px 325px 14px 20px; left: 0; bottom: 0; background-color: #000; background-color: rgba(0,0,0,.75); color: #fff; font-weight: normal; margin: 0; width: 300px; opacity: 1; height: 57px; overflow: hidden; } .home-120118 .home-rotator-entry .home-rotator-info a { color: #fa7b18; padding-left: 0px; } .home-120118 .home-rotator-entry .home-rotator-info h2 { font-family: "Helvetica Neue", arial, sans-serif; font-size: 18px; text-transform: none; color: #fff; margin-bottom: 0; } .home-120118 #home-rotator-nav { position: absolute; z-index: 100; left: 358px; top: 250px; background: none; margin: 0; height: 45px; width: 270px; padding: 0; opacity: 1; overflow: hidden; } .home-120118 #home-rotator-nav li { display: inline; margin-left: 0; padding: 0; margin-right: 6px; } .home-120118 #home-rotator-nav li img { width: 80px; } .home-120118 #home-rotator-nav li a img { border: 1px solid #7b7977; } .home-120118 #home-rotator-nav li a.activeSlide img { border-color: #fff; } .home-120118 .hero a#prev, .home-120118 .hero a#next { position: relative; z-index: 5000; top: -54px; text-indent: -99999px; display: block; float: left; width: 8px; height: 29px; overflow: hidden; } .home-120118 .hero a#prev { left: 344px; background: url(/page/-/img/btn_prev.png) no-repeat; } .home-120118 .hero a#next { left: 614px; background: url(/page/-/img/btn_next.png) no-repeat; } .home-120118 .title h2 { font-size: 23px; } .home-120118 .title a.rss-link { float: left; position: relative; top: 2px; } .home-120118 .media-entries .entry-date { font-size: 10px; color: #555; margin: 0; } .home-120118 .media-entries h3 { margin: 0 0 10px; } .home-120118 .media-entries h3 a { color: #405f7e; } #nav {position: absolute; height: 80px; margin: 15px; z-index: 10000; float: right; top: 345px; right: 679px; } #nav li { width: 50px; float: left; margin: 8px; list-style: none } #nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; } #nav a.activeSlide { background: #88f } #nav a:focus { outline: none; } #nav img { border: none; display: block } a.more-link { float: right; color: #000; text-decoration: underline; } a.more-link:hover { text-decoration: none; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #news .entry { margin-bottom: 25px; float: left; width: 525px; } #news p.byline { margin-bottom: 5px; } #news h2 a { font-size: 1.1em; color: #b35108; font-weight: bold; font-family: helvetica; text-decoration: none; } #news h2 { margin-bottom: 5px; } #subjects #main h2 { font: 1.1em/1em "Helvetica", Helvetica; color: #333333; font-weight: bold; line-height: 1.3em; text-transform: none; margin-bottom: 5px; } #subjects #main .subject-nav { background: #e7ebee; padding: 10px; margin-top: 10px; } #subjects #main h3 { float: left; padding-right: 5px; text-transform: none; } #subjects p.byline { float: left;} #subjects #main .title-area { float: left; width: 590px; } #subjects #main #stories-publications { background: #f4f5f7; padding: 20px 10px 10px; } #subjects #main #stories-publications .entries { margin-bottom: 15px; float: left; width: 100%;} .subject-more { float: left; width: 100% } form#cse-search-box { float: left; padding-left: 55px; padding-bottom: 20px; } #video h1 { margin-left: -20px; } #video .videos { padding-right: 20px; padding-left: 20px ;} #video .left { margin: 0 auto 15px; } #video .video-thumb { width: 100px; } #video span.thumb { display: block; margin-right: 5px; border: 2px solid #405f7e; width: 100px; height: 115px; text-align: center; font-weight: bold; padding: 5px; float: left; } #stories-publications .entry {margin-bottom:25px} .message {float: left; margin-right: 1em;} .gallery-entry { float: left; width: 268px; border: 1px solid #ccc; margin-right: 10px; display: inline; } .gallery-entry img { float: left; } .gallery-entry h3 { float: right; width: 158px; } .gallery-entry p { float: right; width: 158px; } .upcoming-events { float: left; width: 615px; padding-top: 25px } .upcoming-events p.date { float: left; padding-right: 5px; } .upcoming-events p.more { float: left; padding-right: 0; } .upcoming-events .entry { margin-bottom: 10px; border-bottom: 1px dotted #405f7e; } a.btn-more-events { float: right; margin-bottom: 10px; } .faq h3 { padding-bottom: 5px; margin-bottom: 0; font-size: 1.3em; margin-top: 25px; } .slick-box { margin-bottom: 50px; padding: 10px; margin-top: -10px; } .faq-category a { padding-right: 10px; border-right: 1px solid; margin-right: 5px } #main.not-found { float: left; width: 615px; padding: 15px; height: 500px; } #main #cse-search-box { background-color: #aec3d4; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px auto 20px 40px; } #main.not-found #cse-search-box input { float: left; padding: 0; } #main.not-found #cse-search-box input.text { padding: 2px; margin-right: 5px; } #mirebalais #content { background-image: url(/page/-/img/content_bg-mirebalais.png); } #mirebalais #main { width: 600px; } #mirebalais h2 { font-size: 1.4em; margin: 20px 0; color: #000; text-transform: none; background: none; font-family: inherit; padding: 0; text-align: left; font-weight: bold; line-height: 1.4em; } #mirebalais h3 { margin: 0 0 10px; font-size: 1.4em; font-weight: bold; color: #B35108; } #mirebalais h3 a:hover { text-decoration: underline; } #mirebalais p.byline { margin: 0; } #mirebalais #sidebar { width: 300px; padding: 15px;} #mirebalais #sidebar h2 { margin: 0 0 30px; } #mirebalais #sidebar h3 { margin: 15px 0; } #mirebalais #sidebar ul { margin: 0 15px; display: block; } #mirebalais #sidebar li { list-style: disc outside; float: left; margin: 0 15px 15px 0; padding: 0 15px; width: auto; } #meerkat-wrap { background-color: #141d30; color: #000; } #meerkat { position: relative; } #meerkat { width: 900px; display: none; } #meerkat { margin: 0 auto; padding-bottom: 10px; height: 119px; width: 900px; } #meerkat h1 { color: #FFF; font-size: 3.8em; } #meerkat img { float: left; position: relative; margin-top: 8px; } #meerkat p { color: #FFF; font-size: 1.2em; } #meerkat a.dont-show { color: #6583a5; font-weight: bold; float: left; ; position: relative; font-size: 1em; top: 2px; left: 775px; } #meerkat a.dont-show:hover { color: #FFF; text-decoration: none; } #meerkat a.close-meerkat { position: absolute; top: 0; background: url(/page/-/img/close-btn.png) no-repeat 0 0; display: block; height: 26px; width: 26px; text-indent: 99999px; overflow: hidden; left: -35px; } #meerkat a.close-meerkat:hover { border: 2px solid #2e2a22; color: #2e2a22; } #meerkat a.meerkat-donate { float: right; padding-right: 60px; padding-bottom: 40px; padding-top: 10px; } .meerkat-right { float: left; width: 725px; } .meerkat-right h2 { color: #fff; font-size: 1.9em; font-weight: bold; margin-bottom: 5px; padding-top: 10px; } .meerkat-right h3 { color: #fff; text-transform: uppercase; margin-bottom: 10px; font-size: 1.55em; } #give .give-item { float: left; width: 450px; height: 257px; margin-bottom: 20px; } #give .give-item.two { float: right; width: 450px; height: 257px; } #give a:hover { text-decoration: none; } #give .give-item img { width: 450px; height: 245px; border: 1px solid #aec3d4; } #give .give-item .overlay { position: relative; top: -91px; background-color: rgba(0,0,0,0.53); width: 440px; height: 75px; padding: 5px; } #give .give-item .overlay h2 { color: #ffffff; margin-bottom: 3px; } #give .give-item .overlay p { color: #ffffff; } #give .give-item .amount { color: #f36d03; font-weight: bold; font-size: 51px; line-height: 49px; float: left; padding-right: 12px; padding-bottom: 30px; } #give .give-item .amount sup { font-size: 29px; padding-left: 5px; } #give .give-item .donate { position: relative; top: -105px; left: 335px; width: 100px; height: 26px; display: block; background: url(/page/-/img/btn-donate.png) no-repeat; overflow: hidden; text-indent: -99999px; float: left; } #give .page-desc { float: left; width: 592px; padding-bottom: 15px; } #give .share-entry { float: right; width: 296px; } #give .share-entry a { float: left; width: 69px; } .give-steps { height: 40px; margin: 8px 0 14px; background: url(/page/-/img/give-steps.png) no-repeat 0 0; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 1px; position: relative; } #give-steps-two { background-position: 0 -41px; } #give-steps-three { background-position: 0 -82px; } .give-steps .give-step { position: absolute; top: 10px; } .give-steps .step-one { left: 77px; } .give-steps .step-two { left: 415px; } .give-steps .step-three { left: 753px; } #media .base .entry { border-bottom: 1px solid #eee; padding: 15px 0 0; } #media .base .pagination { padding: 15px 0 0; } #timeline-page .page-desc { float: left; width: 592px; padding-bottom: 15px; } #timeline-page .share-entry { float: right; width: 296px; margin-top: 20px; } #timeline-page .share-entry a { float: left; width: 69px; } #timeline-page #timeline_donate { width: 300px; text-align: center; margin: 8px 0 20px; } #timeline-page #scrollableImg { border: 1px #ccc solid; } #timeline-page #content_display { background: #000; float: left; width: 945px; color: #fff; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; } #timeline-page #content_year { float: left; padding-top: 11px; font-weight: bold; font-size: 29px; width: 100%; color: #fff; margin-bottom: 0;; } #timeline-page #content_display #content_image { float: left; padding-right: 25px; } #timeline-page .main-description { float: left; width: 355px; height: 185px; overflow: hidden; } #tweet_container { float: left; padding-left: 22px; width: 225px; } #content_tweet { float: left; width: 190px; background: #fff; border-color: #ccc; border-style: double; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #000; padding: 15px; margin-bottom: 9px; font-size: 12px; line-height: 16px;} #timeline-page #twitter-share { float: left; padding-top: 20px; font-weight: bold; font-size: 18px; width: 315px; color: #fff; text-transform: none; margin-bottom: 5px; } #timeline-page #content_description { line-height: 16px; width: 350px; } #twitterButton img { display: block; margin-top: 6px; float: right !important ; text-align: right; } /* FARMER / HAITI PAGES */ #thankyou-container { background: #bfdaed; padding-bottom: 14px; } #thankyou-nav { background: #ffffff; margin: 0; padding: 0; height: 24px; } #thankyou-nav li { list-style-type: none; margin: 0 0 0 5px; display: block; float: left; height: 24px; } #thankyou-nav li a { display: block; padding: 7px 10px 5px; line-height: 12px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; background: #303a35; border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; } #thankyou-nav li a.current { background: #bfdaed; color: #405F7F; } .thankyou-content { background: #AEC3D4; margin: 14px 18px 0; padding: 21px 21px 0; } .thankyou-group { display: none; width: 862px;} .thankyou-group h3 { clear: both; color: #fff; font-size: 17px; text-transform: uppercase; line-height: 1; padding-bottom: 8px; } #thankyou-vol-group { display: block; } .thankyou-names { padding-bottom: 21px; } .thankyou-col { float: left; width: 238px; } .thankyou-col1, .thankyou-col2 { margin-right: 39px; padding-right: 34px; border-right: 1px solid #bfdaed; } .thankyou-names .item { padding-bottom: 7px; line-height: 1.1; color: #2d3b46; } #thankyou-intro { background: url(/page/-/farmer/HaitiBook-small.jpg) no-repeat; padding-left: 126px; min-height: 178px; } #thankyou-intro p { padding-bottom: 20px; } #farmer-signup #content { background: none; } #farmer-signup .book-info { position: absolute; /*width: 179px; float: left; margin-right: 26px;*/ } #farmer-signup .book-info img { display: blok; } #farmer-signup .book-button { margin-left: -3px; } #farmer-signup .book-button a { display: block; width: 179px; height: 30px; text-align: center; font-weight: bold; color: #fff; font-size: 18px; line-height: 18px; padding-top: 8px; margin-top: 6px; } #farmer-signup .amazon-button a { background: url(/page/-/farmer/amazon-button.png) no-repeat; } #farmer-signup .donate-button a {background: url(/page/-/farmer/donate-button.png) no-repeat; } #farmer-signup .main-body { padding-left: 205px; min-height: 360px; } #farmer-signup h2 { border-top: 1px solid #e5e5e5; padding-top: 12px; margin-bottom: 0; } #farmer-signup #book-signup { position: relative; } #farmer-signup .form-notes { font-size: 12px; color: #666666; margin-bottom: 8px; } #farmer-signup #book-signup label { display: block; font-weight: bold; } #farmer-signup #book-signup .input-text { border: 1px solid #888; } #farmer-signup #book-signup .form-email input { width: 220px; } #farmer-signup #book-signup .form-zip { position: absolute; top: 0; left: 277px; } #farmer-signup #book-signup .form-zip input { width: 100px; } #farmer-signup #book-signup .form-firstname { position: absolute; top: 0; left: 237px; } #farmer-signup #book-signup .form-firstname input { width: 140px; } #farmer-signup #book-signup .input-submit { background: url(/page/-/farmer/submit-button.png) no-repeat; border: none; width: 103px; height: 30px; font-weight: bold; color: #fff; font-size: 16px; margin-top: 8px; } #farmer-signup #sidebar { border-left: 1px solid #e5e5e5; width: 289px; padding-left: 24px; min-height: 300px; } #farmer-signup #sidebar h2 { background: none; border: none; text-align: left; margin: 0; padding: 12px 0 0; color: #405F7F; font-size: 1.35em; font-weight: bold; font-family: Helvetica, Arial, sans-serif; } #farmer-signup #sidebar h3 { margin-top: 6px; } #farmer-signup #sidebar h3 a { font-weight: bold; color: #F36D03; } #farmer-signup .whenwhere { font-weight: bold; } /* end FARMER / HAITI PAGES */ /* PROGRAM MANAGEMENT GUIDE */ #pmg h1, #pmg h2, #pmg h3, #pmg a { color: #46166b; } #pmg-top { height: 100px; padding: 17px 0; border-bottom: 1px solid #d2d2d2; } .pmg-top-block { float: left; padding: 0 18px; height: 100px; } #pmg-top-1 { width: 287px; border-right: 1px solid #dcdcdc; } #pmg-top-2 { width: 449px; border-right: 1px solid #dcdcdc; } #pmg-top-3 { width: 123px; } #pmg-top-pih { font-size: 11px; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 1px; padding-top: 12px; } .pmg-top-block h1 { font-size: 32px; line-height: 30px; font-family: Georgia, "Times New Roman", serif; } .pmg-top-block h2 { font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 12px 0 4px; } .pmg-top-block p { font-size: 13px; line-height: 20px; color: #333; } #pmg-top-3 p { font-size: 12px; line-height: 15px; color: #7d7d7d; padding-top: 16px; } #pmg-contents { width: 160px; float: left; border-left: 1px solid #f4f4f4; } #pmg-contents li { display: inline-block; padding: 18px 9px 18px 39px; border-bottom: 1px solid #e4e4e4; position: relative; } #pmg-contents li.current { background: #f2f2f2; } #pmg-contents li .pmg-contents-number { display: block; position: absolute; top: 20px; left: 11px; font-size: 23px; color: #6b6b6b; letter-spacing: -2px; font-family: Georgia, "Times New Roman", serif; } #pmg-contents li a { display: block; width: 112px; margin: 0; font-size: 12px; line-height: 14px; font-weight: bold; color: #333; } #pmg-contents li.current a { color: #46166b; } #pmg #main { width: 768px; min-height: 1060px; padding: 20px; background: #f2f2f2; position: relative; } #pmg .pmg-panel { width: 204px; position: absolute; top: 20px; left: 20px; overflow: hidden; } #pmg .pmg-panel .pmg-image { display: block; border: 1px solid #D2D2D2;} #pmg .pmg-link { display: block; width: 199px; height: 29px; padding-top: 9px; margin: 12px auto 0; background: transparent url(/page/-/img/pmg-button.png) top left no-repeat; font-size: 18px; line-height: 1; color: #fff; font-weight: bold; text-align: center; } #pmg .pmg-body { margin-left: 224px; min-height: 313px; font-size: 15px; line-height: 20px; color: #333; } #pmg .pmg-body-full { margin-left: 0; } #pmg .pmg-body h2 { margin-bottom: 16px; } #pmg .pmg-body h3 { margin-bottom: 16px; } #pmg .pmg-body h4 { margin-bottom: 16px; } #pmg .pmg-body h5 { margin-bottom: 16px; font-family: Georgia, "Times New Roman", serif; font-style: italic; } #pmg .pmg-body p { margin-bottom: 16px; } #pmg .pmg-body ul, #pmg .pmg-body ol { margin: 20px 0; } #pmg .pmg-body blockquote { padding: 0 32px; font-family: Georgia, "Times New Roman", serif; font-style: italic; } #pmg .pmg-body blockquote i, #pmg .pmg-body blockquote em { font-style: normal; } .pmg-comments { width: 690px; background: #e4e4e4; margin: 32px auto 0; padding: 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 15px; } #pmg #framework .pmg-link { margin: 20px 0; } /* end PROGRAM MANAGEMENT GUIDE */ /* INFOGRAPHIC 2011-12-07 */ #infographic-111207 #main { width: 969px; padding: 18px 0 0; overflow: hidden; } #infographic-111207 .infographic { position: relative; z-index: 1; } #infographic-111207 #infographic-img { display: block; position: relative; z-index: 2; } #infographic-111207 .infographic-link { display: block; height: 30px; width: 96px; padding: 0 0; position: absolute; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 99; text-align: center; } /* #infographic-111207 .infographic-link .link-text { display: block; height: 30px; visibility: hidden; } */ #infographic-111207 .infographic-link:hover { background-color: rgba(0,0,0,.1); text-decoration: none; } #infographic-111207 #infographic-haiti { left: 85px; top: 522px;} #infographic-111207 #infographic-rwanda { left: 794px; top: 523px;} #infographic-111207 #infographic-peru { left: 437px; top: 909px;} #infographic-111207 #infographic-malawi { left: 85px; top: 918px;} #infographic-111207 #infographic-lesotho { left: 794px; top: 917px;} #infographic-111207 #infographic-buttons { width: 640px; height: 48px; margin: 16px auto 16px; position: relative; } #infographic-111207 #infographic-buttons a { display: block; height: 36px; padding-top: 12px; position: absolute; top: 0; background: transparent url(/page/-/img/infographic/infographic-buttons.png) no-repeat; font-size: 25.33px; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; color: #fff; } #infographic-111207 #infographic-buttons a:hover { text-decoration: none; } #infographic-111207 #infographic-buttons #infographic-donate { width: 158px; left: 0; background-position: 0 0; } #infographic-111207 #infographic-buttons #infographic-download { width: 452px; right: 0; background-position: -160px 0; } #infographic-111207 #infographic-buttons #infographic-donate:hover { background-position: 0 -48px; } #infographic-111207 #infographic-buttons #infographic-download:hover { background-position: -160px -48px; } #infographic-111207 #infographic-comments { width: 700px; margin: 24px auto 0; position: relative; } #infographic-111207 #infographic-like { margin-bottom: 10px; } /* end INFOGRAPHIC 2011-12-07 */ /* SECTION PAGES (e.g., location and issue) */ #section #content { background: none; } #section #main { padding: 0; width: 645px; } #section #main h1 { width: 954px; padding: 8px; background: #e8ebed; margin: 2px 0 4px; } #section .section-feature { width: 645px; height: 310px; margin-bottom: 15px; position: relative; } #section .section-feature .section-feature-image { display: block; width: 645px; height: 310px; } #section .section-feature .section-feature-image img { display: block; width: 645px; height: 310px; border: none; } #section .section-feature .section-feature-block { padding: 18px; background: #000; background: rgba(0,0,0,.75); position: absolute; bottom: 0; left: 0; color: #fff; } #section .section-feature h2 { font-size: 18px; text-transform: none; margin-bottom: 0; } #section .section-feature h2 a { color: #fff; } #section .section-feature h2 a:hover { text-decoration: underline; } #section .section-feature p { margin-bottom: 0; } .section-button { clear: both; width: 104px; height: 21px; padding-top: 4px; float: right; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; background: transparent url(/page/-/img/section-sprite.png) no-repeat -564px 0;} .section-button:hover { background-position: -564px -26px; text-decoration: none; } #section #section-inside { padding: 15px; } .news-entries .entry { clear: both; } .news-entries .entry-image { display: block; float: left; } .news-entries .entry-image img { border: 1px solid #405f7e; width: 75px; margin-bottom: 20px; } .news-entries .entry-text { width: 510px; float: right; margin-bottom: 20px; } .news-entries .pagination { text-align: center; font-weight: bold; font-size: 14px; } .news-entries .pagination a, .news-entries .pagination strong { padding: 0 6px; } #section .section-about { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 24px 0; margin-top: 24px; } #section .section-about h2 { font-size: 23px; } #section .section-about h2 a { color: #405F7F; } #section .section-about p { font-family: Georgia, "Times New Roman", serif; font-size: 22px; line-height: 27px; color: #444; } #section .section-bottom { background: #f2f2f2; padding: 20px; margin-top: 24px; } /* end SECTION PAGES */ /*=06 =FRAMEWORK ---------------------------------------------------------- */ /* SKIN OVERRIDES Last Update: JUNE 2, 2010 NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework". For the YUI styles to work the body id should be "bsd" */ /*=TYPOGRAPHY ---------------------------------------------------------- */ #framework #SKIN h1, /*If you change the font-soze for h1 or it's top margin or padding properties be sure to change the top margin property for "#SKIN #account_actions" such that the base line for the elements within line up with h1 in control_set div*/ #framework #SKIN .basic .main #eventdetail .title, /*Event Title*/ #framework #profiledetail #sectionheader, #framework #stdheader #title /*Page title on Outreach pages*/ { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; } #framework #SKIN em { font-weight: normal; font-style: italic; } /*if using cufon or typekit for headers be sure to target the following header ids/classes #titletext - header for Outeach pages .headertitle — header for Comunity pages */ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #SKIN h2, #framework #sectionheader, #framework #SKIN .widget_header, #framework #SKIN .widget_title, #framework #community .communitypostinlist .title, /*Blog post title on community web page*/ #framework #community .header, /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework a#host-button, #framework #loginform .logintitle, #framework #signupform .signuptitle, #framework #outreach_content #loginform .logintitle, #framework #outreach_content #signupform .signuptitle, #framework #manageform .managetitle, #framework #forgotpw .header { font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 6px; } #framework #SKIN .widget_actions { white-space: nowrap; padding-left: 4px; } #framework #SKIN .widget_actions button { line-height: 1; } #framework #SKIN h3, #framework #SKIN .basic .main .typedescheader, #framework #community .postlist table.head .text, /*Table heading on Community Dashboard page*/ #framework #community .subheader, /*Subheader on the Community Blog Entry Preview page*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; } #framework #SKIN h4, #framework #SKIN h5 { font-size: 12px; font-weight: bold; line-height: 16px; } #framework #credit_card-creditCardNumberTextBox { width: 163px; } /*HEADERS WITH BOTTOM BORDERS*/ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #sectionheader, #framework .sectionheader, #framework #SKIN .header, #framework #SKIN .basic .main .typedescheader, #framework #community .header /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework #stdheader, /*Header for Outreach pages*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead, #framework #manageform .managetitle, #framework #forgotpw .header { border-bottom: 1px solid #ddd; padding-bottom: 3px; } #match textarea { display:block; width:500px; } /*WIDGET HEADERS*/ #framework #SKIN .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; } /*SUB-HEADERS*/ #framework #SKIN .widget_subheader, /*Widget Subheader on the dashboard*/ #framework #community .subheader /*Subheader on the Community Blog Entry Preview page*/ { background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; } /*=BUTTONS ---------------------------------------------------------- */ /*INPUT BUTTONS*/ #framework input[type=button], #framework input[type=submit], #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter, #framework .loginbutton input, #framework .signupbutton input { background: #f36d03; color: #fff; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 4px 6px; font-weight: bold; } /*Targets most Buttons*/ #framework input#processbutton { padding: 10px; font-size: 16px; } /*INPUT HOVER STATES Note this will only work for modern browsers*/ #framework input[type=button]:hover, #framework input[type=submit]:hover, #framework input:hover.submit, #framework #invitationpage input:hover#submit_button, #framework button:hover#date-filter, #framework .loginbutton input:hover, #framework .signupbutton input:hover { background-color: #b35108; } /*Community Blog Search Button*/ #framework .utils_search button { background: #eee; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; } #framework .utils_search button:hover { background: #ddd; } /*RSVP and DETAILS BUTTONS*/ #framework #event_results .event_footer .links { float: left; } #framework #event_results .event_footer .links .detail_button, #framework #event_results .event_footer .links .rsvp_button { float: right; } #framework #event_results .event_footer .links .detail_button a, #framework #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; } #framework #event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; } #framework #event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; } #framework #event_results .event_footer .links .detail_button a:hover, #framework #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; } /*Hover state for RSVP and Details buttons*/ /*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/ #framework #contact_importer_button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; } /*You can change the background color to match your other input button styles*/ /*SEARCH BUTTON*/ #framework .search_form button { } /*=TEXT INPUT FIELDS AND TEXTAREAS ---------------------------------------------------------- */ #framework input.text, #framework textarea { } /*Use this definition to target most of the text input fields*/ /*EVENT TABS*/ #framework ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0; width: 100%; } #framework ul#event_order li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; } #framework ul#event_order li a { color: #888; } #framework ul#event_order a:hover { color: #555; } #framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework ul#event_order li.active a { color: #555; } /*WIDGET TABS*/ /*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/ #framework #SKIN .widget_tabs { margin: 0; padding: 0; } #framework #SKIN .widget_tabs li { border-top-left-radius: 3px; float: left; list-style: none; padding: 5px 10px 4px 10px; margin: 0 5px 0 0; list-style-type: none; } #framework #SKIN .widget_tabs li.active_tab { background: #eee; font-weight: bold; } #framework #SKIN .widget_tabs li.inactive_tab { background: #ddd; } /*FRIENDS TABS*/ #framework #SKIN #friends_tabs { border-bottom: 1px solid #ddd; margin: 16px 0 6px 0; } #framework #SKIN #friends_tabs ul { margin: 0; padding: 5px 0 0 0; list-style: none; } #framework #SKIN #friends_tabs li { border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline; float: left; margin: 0 0 -1px 5px; list-style-type: none; padding: 5px 10px 4px; } #framework #SKIN #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; } #framework #SKIN #friends_tabs ul li.active_tab a { color: #555; font-weight: bold; } #framework #SKIN #friends_tabs ul li.inactive_tab { background: #eee; border: 1px solid #ddd; } /*SPEAKOUT*/ #framework #speakout #participate { width: 300px; padding: 20px 20px 0; margin: 0 0 0 40px; float: right; background: #F3F3F3; } #framework #speakout #participate td { padding-bottom: 16px; } #framework #speakout .text, #framework #speakout textarea { border: 1px solid #b3b3b3; } #framework #speakout #participate .text { width: 160px; margin-left: 20px; } #framework #speakout #participate select { margin-left: 20px; width: 160px; } #framework #speakout #participate .landing-button, #framework #speakout #participate .landing-button-over { display: block; width: 120px; height: 40px; font-size: 16px; margin: 20px 0 0 20px; position: relative; top: 8px; } #framework #speakout .goal-frame { width: 470px; } #framework #speakout #speakout_form .divider { background: #E7EBEE; padding: 4px 8px 3px; color: #3D6181; font-weight: bold; border-bottom: 1px solid #DDD; } #framework #speakout #speakout_form .step { margin: 10px 0; } #framework #speakout #speakout_form .buffer { width: 30px; } #framework #speakout #speakout_form #address_table td { padding: 0; } #framework #speakout #speakout_form .text, #framework #speakout #speakout_form select { margin-bottom: 20px; } #framework #speakout #speakout_form h4 { font-weight: normal; font-style: italic; margin-bottom: 10px; } #framework #speakout #recipient_table .recipient-header { background: #f6f6f6; } #framework #speakout #recipient_table .recipient-header th { padding: 4px 8px; } #framework #speakout #recipient_table td { background: #f6f6f6; border-bottom: 2px solid #fff; padding: 4px 8px; } #framework #speakout #recipient_table .recipient-divider { padding-top: 10px; } #framework #speakout #recipient_table .recipient_check { margin-right: 10px; } #framework #speakout #speakout_form .buttons { margin-top: 0; } #framework #speakout #speakout_form #step-1 .denotes_required_field { margin-left: 20px; } #framework #speakout #speakout_form textarea#body { padding: 4px; } #framework #speakout #speakout_form .submit { display: block; width: 120px; height: 40px; font-size: 16px; margin: 20px 0 0; } #framework #speakout #speakout_form .tips { padding-left: 20px; } #framework #speakout #speakout_form #tip-tabs { margin: 0 0 20px; padding: 0; } #framework #speakout #speakout_form #tip-tabs li { list-style-type: none; float: left; margin: 0; padding: 10px; background: #f0f4f6; font-weight: bold;} #framework #speakout #speakout_form #tip-tabs .tip-off { background: #e0e0e0; } #framework #speakout #speakout_form #tip-tabs .tip-over { background: #c0c0c0; } #framework #speakout #speakout_form .tip-content { clear: both; background: #f0f4f6; margin: 0; padding: 10px; } #framework #speakout #speakout_form #step-3 td { padding-bottom: 10px; } #framework #speakout #step-2 .label, #framework #speakout #step-3 .label { width: 14%; } /*YUI POP OVER This controls the style of the pop over opened after clicking the contact importer button As noted above, in order for this to work the body id should be "bsd" ---------------------------------------------------------- */ #bsd .yui-panel { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bsd .yui-panel-container.shadow .underlay { display: none; } #bsd .yui-panel .container-close { right: 10px; } /*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/ #bsd .yui-panel .hd { background: #eee; color: #333; border: none; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 10px; } #bsd .yui-panel .bd { font-size: 12px; line-height: 16px; padding: 6px; } #bsd #contact_importer_wrapper { margin: 0; } #bsd #contact_importer_wrapper #contact_importer_error { margin: 18px 0 0 0; } #bsd #contact_importer_dialog .button-group button { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; } /*Contact Listings*/ #bsd #contact_importer_wrapper #results_table_header { background: #eee; } #bsd #contact_importer_wrapper #results_table_outer { border: 1px solid #ddd; } /*=LAYOUT ---------------------------------------------------------- */ /*SOCIAL NET WIDGET COLUMNS*/ #framework #SKIN #widget_group_1 { float: left; width: 49%; } /*Left column*/ #framework #SKIN #widget_group_2 { float: right; width: 49%; } /*Right column*/ /*=style updates 6/2 GK ---------------------------------------------------------- */ #framework table#activities { width: 100%; margin-top: 5px; } #widget_circle_find_a_group label { margin-top: 6px; line-height: 15px; padding-right: 3px; } .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { float: left; width: 49%; margin-right: 20px; min-height: 800px; } .bsd-contribForm-oneCol .outreachpagenotice { float: left; width: 425px; } .bsd-contribForm-oneCol #contribution { width: 45%; float: left } .bsd-contribForm-oneCol #contribution table table { float: ; width: 100%; } .bsd-contribForm-oneCol .bsd-contribForm-belowContent { float: left; width: 100%; } #framework input#date-start, #framework input#date-end { width: 45px; } #framework #event_rsvp table.firstform { width: 585px} #framework #event_rsvp table.firstform th { width: 335px; } #framework #outreachpage #outreachleft img { margin: 0px 10px 10px 0px; } .error { color: red; font-weight: bold; } .qferror { color: red; font-weight: normal; } #framework #outreachlogin table, #framework #outreachlogin #signupform table { width: 100%; } #framework #outreachlogin .logintitle, #framework #outreachlogin .signuptitle { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 0; text-align: left; text-transform: capitalize; } #framework #outreachlogin table #remember_me { margin-right: .5em; } #framework #outreachlogin table th, #framework #outreachlogin table td, #framework #outreachlogin table th, #framework #outreachlogin table td { padding: 2px 0; } #framework #outreachlogin table th, #framework #outreachlogin table th { font-weight: bold; width: 30%; padding-left: 34px; } #framework #outreachlogin table .logindesc, #framework #outreachlogin table .signupdesc { /*padding: 10px;*/ } #framework #outreachlogin table .error { padding-top: 10px; padding-bottom: 5px; color: red; font-weight: bold; text-align: center; } #framework #outreachlogin table .loginforgotlink { } #framework #outreachlogin table .error { padding-top: 10px; padding-bottom: 5px; color: red; font-weight: bold; text-align: center; } #loginform table .loginbutton, #framework .ezlist_header a { padding-right: 3px; padding-left: 3px; } #framework .ezlist_header { } #framework td#ezlist_tdnum_1 { padding-right: 3px } #framework #outreachlogin .loginbutton { width: 81px; } #framework #odmycampaigns select { width: 225px; float: left; padding-top: 2px; padding-bottom: 2px; font-size: 14px; } #framework #contribution label, #framework #contribution .fieldlabel { text-transform: none; } #outreachpage #outreachpicture { float:left; margin: 0px 20px 0 0; height: 630px; width: 200px; } #outreachpage #outreachpicture img {width:200px;} #outreachpage .caption { font-size: 1.2em; } /*=style updates 111017 ---------------------------------------------------------- */ .under-banner .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { width: 45%; } .under-banner .bsd-contribForm-oneCol #contribution { padding-top: 120px; float: right; } /*=Pretty Donation Form ---------------------------------------------------------- */ .pretty #header { background-image: url(/page/-/img/header-clean.jpg); } .pretty #header #quick-signup { display: none; } .pretty #framework .bsd-contribForm-oneCol #contribution { width: 460px; float: right; background: #f3f3f3; padding: 28px 28px 18px; color: #333; margin-bottom: 12px; } .pretty #framework #contribution .contribheader { background: #e7ebee; padding: 4px 8px 3px; color: #3d6181; } .pretty #framework #contribution .text { border: 1px solid #b3b3b3; margin-right: 0; } .pretty #framework .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { width: 380px; overflow: hidden; } .pretty #framework #contribution td td, .pretty #framework #contribution td th { padding: 6px 0 10px; } .pretty #framework #contribution td td td { padding: 2px 0; } .pretty #framework #firstname { width: 210px; } .pretty #framework #lastname { width: 210px; } .pretty #framework #lastname { width: 210px; } .pretty #framework #addr1 { width: 440px; } .pretty #framework #addr2 { width: 440px; } .pretty #framework #cc_cvv { width: 50px; } .pretty #framework td .fieldlabel img { display: inline; } .pretty #framework #payment_options .fieldlabel { text-transform: capitalize; } .pretty #framework #processbutton { margin-bottom: 0; width: 185px; height: 40px; background: transparent url(/page/-/img/process-contrib.png) no-repeat 50% 50%; padding: 0; } .pretty #footer { display: none; } .pretty #content { margin-bottom: 20px; } .splash #splash-banner { width: 968px; height: 236px; margin-top: 1px; position: relative; } .splash .splash-banner-1 { background: transparent url(/page/-/img/111221-splash-banner-1.jpg) no-repeat 0 0; } .splash .splash-banner-2 { background: transparent url(/page/-/img/111221-splash-banner-2.jpg) no-repeat 0 0; } .splash #splash-banner #splash-continue { display: block; width: 231px; height: 25px; background: transparent url(/page/-/img/111221-splash-continue.png) no-repeat 0 0; text-indent: -9999px; position: absolute; bottom: 10px; right: 10px; } .splash #splash-banner #splash-continue:hover { background-position: 0 -25px; } /*=Facebook ---------------------------------------------------------- */ .facebook #main { float: none; width: 480px; margin: 0; padding: 0; } .facebook.pretty #framework .bsd-contribForm-oneCol #contribution { width: auto; float: none; margin: 0; padding: 12px; } .facebook .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { min-height: 0; } .facebook { text-align: center; } .facebook h1 { margin-top: 40px; } .facebook.pretty { text-align: left; } /*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW ---------------------------------------------------------- */ #framework #SKIN #widget_directory_search_groups_by_keyword { float: none !important; } /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } .caption { text-align: center; font-size: .85em; font-style: italic; } i, em { font-style: italic; } #SKIN #eventdetail i, #SKIN #eventdetail em { font-style: italic; font-weight:normal } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} a.read-more {padding-bottom:10px}