/* ---------------------------------------------------------- Access Now CSS Managed by: Blue State Digital Last Update: March 2010 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 ---------------------------------------------------------- */ html, body { height: 100%; width: 100%; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #727272 url('/page/-/img/background.png') no-repeat 0 0; display: table; } .base h1 { color: #fff; font-size: 24px; font-weight: bold; margin: 0 0 15px; } .base h2 { color: #77c043; font-weight: bold; font-size: 20px; margin: 0 0 10px; } .base h3 { color: #454545; font-weight: bold; font-size: 16px; margin: 0 0 5px; } .base h4 { font-weight: bold; } .base p { line-height: 18px; margin: 10px 0; } .base .more a { display: block; float: left; padding: 5px 10px; background: #77c043; color: #333; font-weight: bold; margin-right: 10px; font-family: arial, helvetica, sans-serif; /*"ronnia-1","ronnia-2"*/ text-transform: uppercase; } a { color: #77b640; text-decoration: none; } a:hover { color: #454545; text-decoration: underline; } blockquote { } .base ul, ol { } .base ul { } .base ol { } .base ul li, .base ol li { } .base li ol { } .base li ul { } .right2left {text-align:right;} .right2left p {text-align:right;} .right2left div {text-align:right;} /* 03 =LAYOUT ---------------------------------------------------------- */ #container { width: 960px; margin: 0 0 50px 100px; } #main { position: relative; } #content { float: left; width: 640px; } #content.wide { width:940px; } .entry { border-bottom: 1px solid #b2b2b2; } /* HEADER */ #header { width: 960px; height: 185px; position: relative; } #header-tagline { color: #727272; text-transform: uppercase; font-size: 14px; position: absolute; top: 19px; left: 0; font-family: arial, helvetica, sans-serif; /*"ronnia-1","ronnia-2"*/ } @media screen and (-webkit-min-device-pixel-ratio:0) {#header-tagline { letter-spacing: 0px; }} a#header-logo { display: block; /*background: url('/page/-/img/header.png') no-repeat left center;*/ width: 300px; height: 85px; padding:7px 0 0 0; /*text-indent: -9999em;*/ overflow: hidden; position: absolute; top: 50px; left: 0; } form#header-signup { position: absolute; top: 19px; right: 0; padding: 0 83px 0 0; width: 435px; } form#header-signup legend span { font-family: arial, helvetica, sans-serif; /*"ronnia-1","ronnia-2"*/ color: #fff; font-size: 14px; text-transform: uppercase; display: block; position: absolute; left: -80px; } form#header-signup input { background: #fff; border: 1px solid #fff; padding: 5px; text-transform: lowercase; } form#header-signup input#header-signup-email { width: 200px; margin:0 5px 0 0 } form#header-signup select#header-signup-country { width: 180px; line-height:1.95;} form#header-signup input#header-signup-zip { width: 90px; } form#header-signup select { background: #fff; border: none; padding: 5px; text-transform: lowercase;} form#header-signup input#header-signup-submit { background: transparent; position: absolute; top: 0; right: 11px; padding: 0; border: none; } form#header-language { position: absolute; top: 105px; right: 15px; width: 70px; } form#header-language legend span { color: #fff; font-size: 14px; position: absolute; left: -150px; display: block; } #header-ad {position:absolute; top: 66px; left: 340px;} ul#header-nav { position: absolute; top: 145px; right: 0; padding: 0 5px 0 0; } /* MINIFIED HEADER */ #header.minified { height:140px; } #header.minified a#header-logo { padding:16px 0 0 0; } #header.minified ul#header-nav { top:100px; right:24px; } /* MICROFIED HEADER */ #header.microfied { height:116px; } #header.microfied a#header-logo { padding:0; top:20px; left:30px; } #header.microfied a#header-pt-logo { position: absolute; padding:0; top:21px; left:4px; } #header.microfied ul#header-nav { top:75px; right:24px; } /* HEADER NAV MENU */ /*** 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: 10em; z-index: 101; /* left offset of submenus need to match (see below) */ } .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: 20px; /* match top ul list item height */ z-index: 101; } .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: 4px; } .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: 4px; } /*** DEMO SKIN ***/ .sf-menu { } .sf-menu a { color: #fff; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; } .sf-menu a:hover { color: #77b640; } .sf-menu a.selected { color: #505050; } .sf-menu li { border-left: 1px solid #fff; display: inline; padding: 0 15px; font-size: 18px; letter-spacing:0.8pt; font-weight:normal;} .lang-bp .sf-menu > li { padding:0 12px; } .sf-menu li:first-child { border-left: none; } .sf-menu li li { background: #000; padding: 10px; border-top: none; border-bottom: 1px solid #393939; font-size: 15px; border-left: none; border-right: none; } .sf-menu li li li { background: #393939; padding: 8px; border-bottom: 1px solid #000; } .sf-menu li li li li { background: #717171; padding: 5px; border-bottom: 1px solid #393939; } /* SIDEBAR */ #sidebar { float: right; width: 285px; background: #fff url('/page/-/img/sidebar_bkgd.png') repeat-y; margin: 33px 0 0; } #sidebar h2 { padding: 40px 40px 10px 15px; margin: 0; background: url('/page/-/img/sidebar_top.png') no-repeat; } #sidebar h3 { padding: 0 40px 0 15px; font-weight: normal; } #sidebar #sidebar-content { background: url('/page/-/img/sidebar_bottom.png') no-repeat right bottom; padding: 0 40px 15px 15px; } /* SIDEBAR - TWITTER */ #sidebar.twitter { background: url('/page/-/img/twitter-feed_bottom.png') no-repeat bottom; } #sidebar.twitter h2 { background: url('/page/-/img/sidebar-twitter_top.png') no-repeat; } #sidebar.twitter #sidebar-content { padding: 0 40px 1px 5px; } #sidebar.twitter a#sidebar-twitter-link { width: 270px; height: 25px; line-height: 25px; color: #fff; font-weight: bold; padding: 0 0 0 15px; display: block; } /* SIDEBAR - MAP */ #sidebar-map { float:right; margin-top:35px; } /* FOOTER */ #footer-wrapper {width:100%;background:#fff;height:85px;} #footer { width:1065px; color:#333333;font-size:12px;} #footer #logo {width:210px; height:75px; border-right:1px solid #727272; float:left;} #footer #logo a {display:block; width:159px; height:40px; background:url('/page/-/img/sprites.png?v=2') no-repeat -516px 0;margin:25px 0 0 25px;} #footer #logo a span {display:none;} #footer #links {border-right:1px solid #333333; height:55px; float:left; padding:20px 17px 0 25px;} #footer #links ul {margin:0 0 10px 0;} #footer #links ul li {float: left; display: inline; padding: 0 10px; border-left: 1px solid #333333;} #footer #links ul li:first-child { border: none; padding: 0 10px 0 0; } #footer #links ul li a {color: #333333;} #footer #links ul li a:hover {text-decoration:underline;} #footer #social {float:left; width:210px;} #footer #social ul {margin:20px 0 0 20px;} #footer #social ul li {float:left;} #footer #social ul li a {float:left; width:40px; height:40px; margin:0 0 0 7px; background-image:url('/page/-/img/sprites.png');} #footer #social ul li:first-child a { margin-left:0; } #footer #social ul span {display:none;} #footer #social ul .tw {background-position:-683px 0;} #footer #social ul .fb {background-position:-735px 0;} #footer #social ul .yt {background-position:-786px 0;} #footer #social ul .rs {background-position:-868px 0;} #footer #social ul .gp {background-position:-683px -40px;} /* HERO NEW */ #hero-new { padding: 0 40px 0 15px; width: 905px; position: relative; background: url('/page/-/img/hero-text_side.png') no-repeat 920px 0px; height: 345px; } #hero-new #hero-cycle { width:905px!important; height:280px!important; z-index: 1; background: #77bf42; } #hero-new #hero-cycle .entry { border:none; display:none; height:280px!important; width:905px!important; } #hero-new #hero-cycle .entry:first-child { display:block; } #hero-new #hero-cycle .hero-image { width: 520px; float:left; height: 280px; display: block; text-indent: -9999em; overflow: hidden; background: #323232; } #hero-new #hero-cycle .hero-text { float:left; font-size: 14px; width: 345px; height: 240px; padding: 20px; background: #77bf42; } #hero-new #hero-cycle .hero-text a { color: #fff; } #hero-new #hero-cycle .hero-text a:hover { color: #4b4b4b; } #hero-new #hero-cycle .hero-text a.read-more { color: #fff; font-size: 18px; font-weight: normal; } #hero-new #hero-cycle .hero-description { position:absolute; background:none; padding:0; width:auto; color: #fff; top:295px; left:90px; } #hero-new #hero-cycle .hero-count { float: left; border-left: 1px solid #303030; padding: 0 0 0 15px; } #hero-new #hero-cycle .hero-label { float: right; } #hero-new #hero-controls { float:left; background: #4b4b4b; padding: 10px 10px 10px 8px; width: 502px; color: #fff; } #hero-new #hero-controls a { width: 25px; height: 25px; float: left; display: block; text-indent: -9999em; overflow: hidden; } #hero-new #hero-controls a#hero-prev { background: url('/page/-/img/hero-controls_prev.gif') no-repeat center; } #hero-new #hero-controls a#hero-pause { background: url('/page/-/img/hero-controls_pause.gif') no-repeat center; } #hero-new #hero-controls a#hero-next { background: url('/page/-/img/hero-controls_next.gif') no-repeat center; } #hero-new ul#hero-socnet { float:left; width: 355px; padding: 15px; background: #2b530e; font-size: 9px; text-transform: uppercase; color: #fff; position: absolute; top: 280px; left: 535px; } #hero-new ul#hero-socnet li { float: left; display: inline; line-height: 32px; padding: 0 10px 0 0; } #hero-new ul#hero-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } /* SOCNET ICONS */ #socnet-twitter a { background: url('/page/-/img/twitter.png') no-repeat center; } #socnet-myspace a { background: url('/page/-/img/myspace.png') no-repeat center; } #socnet-facebook a { background: url('/page/-/img/facebook.png') no-repeat center; } #socnet-google a { background: url('/page/-/img/campaigns/Google_Plus_logo_2.png') no-repeat center; } #socnet-youtube a { background: url('/page/-/img/youtube.png') no-repeat center; } #socnet-rss a { background: url('/page/-/img/sprites.png') no-repeat -908px 0; } #socnet-skype a { background: url('/page/-/img/skype.png') no-repeat center; } /* TWITTER */ .twitter h3 { font-size:11px; } .twitter .twitterer-icon { width: 32px; height: 32px; float: left; padding: 0 5px 0 0; } .twitter .twitterer { font-weight: bold; color: #505050; letter-spacing: 1px; } .twitter .tweet-date { color: #b2b2b2; font-size: 11px; } /* SIGNUP BOX */ #signup-box {float: right; width: 293px; background: url('/page/-/img/activist-alerts_bottom.png') no-repeat right bottom; padding: 0 0 20px 0; margin: 30px 0 0 0;} #signup-box h3 {width: 218px; background: url('/page/-/img/activist-alerts_top.png') no-repeat right top; padding: 45px 50px 0 25px;} #signup-box .content {padding: 0px 50px 0 25px;} #signup-box .content a {color: #FFF; margin: 0; padding: 0; font-size: 16px; font-weight:bold;} #signup-box .content p {line-height:18px;} #signup-box input#box-signup-name, #signup-box input#box-signup-email { background: #fff; border: 1px solid #fff; padding: 5px; text-transform: lowercase; width: 200px; } #signup-box select#box-signup-country { background: #fff; border: none; padding: 5px; text-transform: lowercase; width: 212px; line-height:1.95;} #signup-box input#box-signup-submit {margin:0 0 0 48px;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ /* TABBED UPDATES MODULE - NEWS/TWITTER/PRESS */ #home #main { margin-bottom: 124px;} #updates { margin:17px 0 0 0; position: relative; width: 510px; background: url('/page/-/img/home-news_bkgd.png') repeat-y left 21px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ #updates h2 { font-size: 24px; padding: 37px 15px 0px 15px; background: #000 url('/page/-/img/about-us-content_top.png') no-repeat left top; margin: 0; color: #202020;} #updates #updates-tabs { background: url('/page/-/img/home-news_top.png') no-repeat; padding: 21px 0 0; } #updates #updates-tabs li { float: left; border-bottom: 0 !important; background: #393939; border-left: 5px solid #494949; width: 152px; } #updates #updates-tabs li h2 { margin: 0; font-weight: normal; } #updates #updates-tabs li:first-child { border: none; width: 151px; } #updates #updates-tabs li:hover { background: #565656; color: #393939; } #updates #updates-tabs li a { display: block; line-height: 45px; height: 45px; text-align: center; text-decoration: none; position:relative;} #updates #updates-tabs li a .bird {position:absolute; top:-10px; left:75px; width:61px; height:50px; background:url('/page/-/img/bird-small.png') no-repeat; } #updates #updates-tabs li.ui-tabs-selected { background: #fff; } #updates #updates-tabs li.ui-tabs-selected a, #updates #updates-tabs li.ui-state-disabled a, #updates #updates-tabs li.ui-state-processing a { cursor: text; } #updates #updates-tabs li a, #updates.ui-tabs-collapsible #updates-tabs li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #updates .ui-tabs-panel { display: block; background: url('/page/-/img/home-news_bottom.png') no-repeat left bottom; padding: 15px 60px 15px 15px; overflow: hidden; } #updates #updates-news.ui-tabs-panel {min-height:350px;} #updates .ui-tabs-hide { display: none !important; } /* NEWS */ #updates-news .entry {width:435px;} #updates-news .entry h3 { margin: 10px 0 3px; } #updates-news .entry h4 { margin: 0px; font-weight:normal;} #updates-news .more { display:block; margin:10px 0 0 0; text-align:right; width:435px;} /*TWITTER */ #updates-twitter {padding-left:10px !important; padding-bottom:0 !important;} #updates-twitter .entry {width:435px;} #updates-twitter .entry h3 { margin: 10px 0 3px; } #updates-twitter .more { display:block; margin:10px 0 0 0; text-align:right;} #updates-twitter .twtr-hd { display:none; } /* PRESS */ #updates-blog .entry {width:435px;} #updates-blog .entry:first-child { border-top:1px solid #B2B2B2;} #updates-blog .entry h3 { margin: 10px 0 3px; } #updates-blog .entry h4 { margin: 0px; font-weight:normal;} #updates-blog .access-in-news {margin:10px 0 0 0; float:left;} #updates-blog .more { display:block; margin:10px 0 0 0; text-align:right;} /* PROXY */ /*#proxy { width: 150px; height: 345px; float: left; background: url('/page/-/img/home-proxy_bkgd.png') no-repeat 208px 0; background-position: 208px 0; padding: 15px 51px 30px 333px; }*/ #proxy { width: 150px; height: 233px; float: left; background: url('/page/-/img/home-proxy_bkgd.png') no-repeat 208px -240px; padding: 15px 51px 0 333px; } #proxy h2 { line-height: 0; text-indent: -9999em; overflow: hidden; margin: 0; } #proxy h3 { color: #fff; margin: 0; font-size: 17px; } #proxy img { margin-left:-13px; } #proxy #proxy-submit { background: url('/page/-/img/home-proxy_submit.png') no-repeat center; width: 125px; height: 40px; display: block; color: #fff; font-size: 20px; font-weight: bold; margin: 10px 0 0; padding: 25px 0 0 19px; } /* PRIZE*/ #prize { width:391px; position:absolute; top:362px; right:14px; background:#fff; } #prize img { margin:37px 30px 23px; position:relative; z-index:2; } #prize #prize-submit { background: url('/page/-/img/home-proxy_submit.png') no-repeat center; width: 130px; height: 40px; display: block; color: #fff; font-size: 18px; font-weight: bold; margin:-42px 0 -2px 261px; padding: 28px 0 0 14px; position:relative; z-index:4; } /* ABOUT */ #about { width: 405px; position: absolute; bottom:20px; left:40px; background: url('/page/-/img/home-about_bkgd.png') repeat-y; } #about h2 { color: #fff; background: url('/page/-/img/home-about_top.png') no-repeat 0 0; padding: 40px 15px 0 40px; } #about h3 { color: #77c043; font-weight: normal; padding: 0 15px 0 40px; } #about p { padding: 0 15px 30px 40px; background: url('/page/-/img/home-about_bottom.png') no-repeat 0 bottom; margin: 0; color: #b2b2b2; } #about a.read-more { color: #77B640; } /* BANNER ABOVE THE MAP */ #banner-above-map { width: 385px; position: absolute; top: 360px; right: 40px; } /* VIDEOS */ #videos { background: url('/page/-/img/home-video_bkgd.png') repeat-y; width: 432px; position: absolute; right:0; top:677px;} #videos h2 { background: url('/page/-/img/home-video_top.png') no-repeat; padding: 40px 40px 15px 15px; margin: 0; } #videos h2 .more-vids { font-size:14px; display:block; float:right; margin-top:9px; font-weight:normal;} #videos h2 .more-vids a { color:#333333; text-decoration:underline;} #videos h2 .more-vids a:hover { color:#333333; text-decoration:none;} #videos #video-player { background: url('/page/-/img/home-video_bottom.png') no-repeat right bottom; padding: 0 28px 0 0; } #videos #video-player .entry { background: #5c5a5b; width: 404px; height: 276px; border: none; } #videos #video-player .entry h3 { color: #eee; font-weight: normal; font-size: 12px; text-align: right; padding: 5px 10px; margin: 0; } /* MAP */ #map { width: 400px; position: absolute; top: 370px; /*480px*/ right: 10px; } #map h2 { font-size: 18px; font-weight: normal; } #map #map-content { width: 400px; } #map a#map-link { color: #333; background: url('/page/-/img/home-map_bottom.png') no-repeat right bottom; height: 25px; line-height: 25px; display: block; padding: 0 0 0 15px; width: 385px; } /* BANNER */ #banner-flash { text-align:center; margin:295px 0 10px 55px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ /* ACTION e.g. CAMPAIGNS */ #action #hero-title h2 { color: #77C043; font-size:26px; font-weight:normal; letter-spacing:0.6pt; margin-left:13px;} #action #hero-new {height: 315px; } #action #content { background: #fff url('/page/-/img/campaigns-content_bkgd.png') repeat-y right; } #action #content h2 { font-size: 36px; padding: 0 15px 15px; background: #000 url('/page/-/img/campaigns-content_top.png') no-repeat right bottom; margin: 0; } #action #content #action-content { padding: 15px 40px 20px 20px; background: url('/page/-/img/campaigns-content_bottom.png') no-repeat right bottom; } #action #content .pagination { margin: 15px 0 0; } #action #content .pagination:first-child { margin: 0; } #action #content .pagination .pagination-count { float: left; } #action #content .pagination ul.pagination-nav { float: right; } #action #content .pagination ul.pagination-nav li { display: inline; float: left; border-left: 1px solid #5e5e5e; padding: 0 0 0 10px; } #action #content .pagination ul.pagination-nav li:first-child { border: none; padding: 0 10px 0 0; } #action #content .entry { border: none; padding: 15px 0 0; } #action #content .entry .campaign-thumbnail { float: left; width: 130px; } #action #content .entry .campaign-thumbnail img { width: 130px; } #action #content .entry .campaign-content { float: right; width: 440px; } #action #content .entry .campaign-content h3 { margin: 0 0 5px 0; color:#77C043; font-size:20px; font-weight:bold; } #action #content .entry .campaign-content p { margin: 0 0 15px; } #action #content .entry .campaign-status { float: right; font-size: 11px; text-align: right; } #action #content .entry .campaign-status span { text-transform: uppercase; font-weight: bold; } #action #content .entry .more { border-bottom: 1px solid #b2b2b2; } /* ABOUT US */ #about-us #content { float: left; width: 490px;} #about-us #content #access-in-news {float:right; padding:40px 75px 0 0;} #about-us #content #access-in-news a {text-decoration:underline; font-size:20px; color:#202020;} #about-us #content h1 { font-size: 24px; padding: 37px 15px 0px 38px; background: #000 url('/page/-/img/about-us-content_top.png') no-repeat right top; margin: 0; color: #202020;} #about-us #content #about-us-content {padding: 10px 40px 0 38px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right;} #about-us #content #about-us-content h3 { font-size: 19px; padding: 10px 40px 10px 0; margin: 0; color: #77b640; font-weight: bold;} #about-us #content #about-us-content h3 a { text-decoration:underline;} #about-us #content #about-us-content h3 a:hover { text-decoration:none;} #about-us #content #about-us-content p { padding: 0 40px 10px 0; margin: 0; color: #333333;} #about-us #content #about-us-content p a { padding: 0; margin: 0; color: #77b640; text-decoration: underline;} #about-us #content #about-us-content p a:hover { text-decoration: none;} #about-us #content #about-us-content ul { list-style-type:disc; margin-left:15px;} #about-us #content #about-us-content ul li {list-style-type:disc;} #about-us #content #about-us-content .pagination {padding:10px 10px 0 0;} #about-us #content #about-us-content .pagination a {color:#77B640;} #about-us #content #about-us-content .pagination:first-child { margin: 0; } #about-us #content #about-us-content .pagination .pagination-count { float: left; } #about-us #content #about-us-content .pagination ul.pagination-nav { float: right; } #about-us #content #about-us-content .pagination ul.pagination-nav li { display: inline; float: left; border-left: 1px solid #5e5e5e; padding: 0 0 0 10px; } #about-us #content #about-us-content .pagination ul.pagination-nav li:first-child { border: none; padding: 0 10px 0 0; } #about-us #content #comments {padding:10px 70px 0 38px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right;} #about-us #content #comments #disqus_thread {margin-bottom:0px;} #about-us #content #bottom {background: url('/page/-/img/news-content_bottom.png') no-repeat right bottom; height:21px;} #about-us #content ul#page-socnet { width: 355px; font-size: 9px; text-transform: uppercase; color: #fff; position: absolute; padding: 10px 15px 15px 15px; background: none; top: 0px; left: 555px;} #about-us #content ul#page-socnet li { float: left; display: inline; line-height: 32px; padding: 0 10px 0 0; } #about-us #content ul#page-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } #about-us #content #videos { background: url('/page/-/img/about-us-video_bkgd.png') repeat-y; top: 130px; right: 100px; } #about-us #content #videos h2 { background: url('/page/-/img/about-us-video_top.png') no-repeat; padding: 40px 40px 15px 15px; margin: 0; color: #77c043; font-size: 24px;} #about-us #content #videos #video-player { background: url('/page/-/img/about-us-video_bottom.png') no-repeat right bottom; padding: 0 28px 0 0; } #about-us #quotes { float: right; width: 400px; background: #fff url('/page/-/img/member_bkgd.png') repeat-y; margin: 70px 30px 0 0; } #about-us #quotes h2 { padding: 40px 40px 10px 43px; margin: 0; background: url('/page/-/img/member_top.png') no-repeat; color: #FFFFFF; font-size: 30px;} #about-us #quotes h2.video-gap { padding-top:440px; } #about-us #quotes #quote-content { padding: 0;} #about-us #quotes #quote-content .quote { width: 285px; border-bottom: 1px solid #FFF; padding: 0 0 0 45px; margin: 0 0 0 45px; position: relative;} #about-us #quotes #quote-content .quote p { color: #FFF; margin: 18px 0 12px 0;} #about-us #quotes #quote-content .quote span.member { display: block; width: 71px; height: 59px; padding: 10px 0 0 0; background: url(/page/-/img/member_img_bg.png) no-repeat right top; position: absolute; left: -45px; top: 0; } #about-us #quotes #quote-content .quote span.quote-name { color: #000; font-size: 17px; display: block; padding: 12px 0 0 0;} #about-us #quotes #quote-link { background: #FFF; margin: -1px 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 15px 25px;} #about-us #quotes #quote-link a {color: #202020; font-size: 14px; text-decoration: underline;} #about-us #quotes #quote-link a:hover {text-decoration: none;} /* CONTACT US */ #contact-us #content {background: #acacac url('/page/-/img/contact-us-content_bkgd.png') repeat-y left top; float: left; width: 664px; position: relative; z-index: 1;} #contact-us #content h2 { font-size: 24px; padding: 33px 15px 0px 54px; background: url('/page/-/img/contact-us-content_top.png') no-repeat left top; margin: 0; color: #FFF;} #contact-us #content #contact-us-content { padding: 15px 185px 30px 54px; background: url('/page/-/img/contact-us-content_bottom.png') no-repeat left bottom; } #contact-us #content #contact-us-content #signupheader {line-height:1.5;} #contact-us #content #contact-us-content #signup { width:100%; } #contact-us #content #contact-us-content label {display: block; float: left; font-size: 12px; margin-top:9px; font-weight:normal;} #contact-us #content #contact-us-content select {width: 325px; font-size: 12px; padding: 5px 5px; border: none; margin-top:9px;} #contact-us #content #contact-us-content input {width: 315px; padding: 5px 5px; font-size: 12px; border: none; margin-top:9px; clear: both;} #contact-us #content #contact-us-content textarea {width: 315px; height: 140px; padding: 5px 5px; font-size: 12px; border: none; margin-top:9px;} #contact-us #content #contact-us-content input#submit-btn { width:140px; height:65px; padding:0px; position:absolute; bottom:-25px; left: 166px; } #contact-us #content #contact-us-content td#required_note {padding-left:100px;} #contact-us #content #contact-us-content a {color:#2B530D; text-decoration:underline;} #contact-us #content #contact-us-content a:hover {color:#2B530D; text-decoration:none;} #contact-us #content #contact-us-content a#details {display:block; margin-left:100px;} #contact-us #content #contact-us-content .required { color:#FFFFFF !important;} #contact-us #content #contact-us-content #emergancy-contact {position:absolute; bottom: 38px; font-size:11px; right:80px;} #contact-us ul#page-socnet {padding: 20px 0 0 25px; background: #FFF; position: relative; left: auto; top: auto; width: 330px; height: 50px; color: #393939; float: left; margin: 52px 0 0 83px;} #contact-us ul#page-socnet li { float: left; display: inline; line-height: 32px; padding: 0 10px 0 0; } #contact-us ul#page-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } #contact-us #quotes {position: absolute; right: 0; top: 27px; z-index: 10; width: 338px; background: #77b640 url('/page/-/img/member-quote_bkgd.png') repeat-y right top; float: right; a-margin: -448px 87px 0 0;} #contact-us #quotes h2 { padding: 47px 40px 10px 24px; margin: 0; background: url('/page/-/img/member-quote_top.png') no-repeat; color: #FFFFFF; font-size: 25px;} #contact-us #quotes #quote-content { padding: 0;} #contact-us #quotes #quote-content .quote { border-bottom: 1px solid #FFF; padding: 0 0 0 45px; position: relative; width: 210px; margin: 0 0 0 23px; } #contact-us #quotes #quote-content .quote p { color: #FFF; margin: 18px 0 12px 0;} #contact-us #quotes #quote-content .quote span.member { display: block; width: 71px; height: 59px; padding: 12px 0 0 0; background: url(/page/-/img/member_img_bg.png) no-repeat right top; position: absolute; left: -45px; top: 0; } #contact-us #quotes #quote-content .quote span.quote-name { color: #000; font-size: 17px; display: block; padding: 12px 0 0 0;} #contact-us #quotes #quote-link { margin: 0 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 15px 7px; background: url('/page/-/img/member-quote_bottom.png') no-repeat right bottom; } #contact-us #quotes #quote-link a {color: #202020; font-size: 14px; text-decoration: underline;} #contact-us #quotes #quote-link a:hover {text-decoration: none;} #contact-us #quotes #quote-link { margin: 0 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 15px 7px; background: url('/page/-/img/member-quote_bottom.png') no-repeat right bottom; } /* SIGNUP */ #sign-up #content {background: #acacac url('/page/-/img/contact-us-content_bkgd.png') repeat-y left top; float: left; width: 664px; position: relative; z-index: 1;} #sign-up #content h2 { font-size: 24px; padding: 33px 15px 0px 54px; background: url('/page/-/img/contact-us-content_top.png') no-repeat left top; margin: 0; color: #FFF;} #sign-up #content #sign-up-content { padding: 15px 185px 30px 54px; background: url('/page/-/img/contact-us-content_bottom.png') no-repeat left bottom; } #sign-up #content #sign-up-content #signup { width:100%; } #sign-up #content #sign-up-content label {display: block; width: 100px; float: left; font-size: 12px; margin-top:9px; font-weight:normal;} #sign-up #content #sign-up-content select {width: 325px; padding: 5px 5px; font-size: 12px; border: none; margin-top:9px;} #sign-up #content #sign-up-content input {width: 315px; padding: 5px 5px; font-size: 12px; border: none; margin-top:9px;} #sign-up #content #sign-up-content textarea {width: 315px; height: 140px; padding: 5px 5px; font-size: 12px; border: none; margin-top:9px;} #sign-up #content #sign-up-content input#submit-btn { width:140px; height:65px; padding:0px; position:absolute; bottom:-25px; } #sign-up #content #sign-up-content td#required_note {padding-left:100px;} #sign-up #content #sign-up-content a {color:#2B530D; text-decoration:underline;} #sign-up #content #sign-up-content a:hover {color:#2B530D; text-decoration:none;} #sign-up #content #sign-up-content a#details {display:block; margin-left:100px;} #sign-up #content #sign-up-content .required { color:#FFFFFF !important;} #sign-up ul#page-socnet {padding: 20px 0 0 25px; background: #FFF; position: relative; left: auto; top: auto; width: 330px; height: 50px; color: #393939; float: left; margin: 52px 0 0 83px;} #sign-up ul#page-socnet li { float: left; display: inline; line-height: 32px; padding: 0 10px 0 0; } #sign-up ul#page-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } #sign-up #quotes {position: absolute; right: 20px; top:27px; z-index: 10; width: 338px; background: #77b640 url('/page/-/img/member-quote_bkgd.png') repeat-y right top; float: right;} #sign-up #quotes h2 { padding: 47px 40px 10px 24px; margin: 0; background: url('/page/-/img/member-quote_top.png') no-repeat; color: #FFFFFF; font-size: 25px;} #sign-up #quotes #quote-content { padding: 0;} #sign-up #quotes #quote-content .quote { border-bottom: 1px solid #FFF; padding: 0 0 0 45px; position: relative; width: 210px; margin: 0 0 0 23px; } #sign-up #quotes #quote-content .quote p { color: #FFF; margin: 18px 0 12px 0;} #sign-up #quotes #quote-content .quote span.member { display: block; width: 71px; height: 59px; padding: 12px 0 0 0; background: url(/page/-/img/member_img_bg.png) no-repeat right top; position: absolute; left: -45px; top: 0; } #sign-up #quotes #quote-content .quote span.quote-name { color: #000; font-size: 17px; display: block; padding: 12px 0 0 0;} #sign-up #quotes #quote-link { margin: 0 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 15px 7px; background: url('/page/-/img/member-quote_bottom.png') no-repeat right bottom; } #sign-up #quotes #quote-link a {color: #202020; font-size: 14px; text-decoration: underline;} #sign-up #quotes #quote-link a:hover {text-decoration: none;} #sign-up #quotes #quote-link { margin: 0 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 15px 7px; background: url('/page/-/img/member-quote_bottom.png') no-repeat right bottom; } /* NEWS */ #news #path { width: 921px; height: 28px; background: #77b640; color: #FFF; padding: 13px 0 0 39px; font-size: 17px; font-weight: bold;} #news #path a { color: #FFF; font-weight: normal; text-decoration: underline;} #news #path b { color: #000;} #news #content {} #news #content.wide h1 { padding-right:284px; } #news #content h1 { font-size: 36px; padding: 20px 15px 0 28px; margin: 0; color: #77B640;} #news #content #top {background: transparent url('/page/-/img/sprites.png') no-repeat right -176px; height:22px; } #news #content #news-content { padding: 25px 57px 0 28px; line-height:18px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right;} #news #content.wide #news-content { background-color: #fff;} #news #content #news-content .pagination {padding: 10px 10px 10px 0px;} #news #content #news-content .pagination a {color:#77B640;} #news #content #news-content .pagination:first-child { margin: 0; } #news #content #news-content .pagination .pagination-count { float: left; } #news #content #news-content .pagination ul.pagination-nav { float: right; } #news #content #news-content .pagination ul.pagination-nav li { display: inline; float: left; border-left: 1px solid #5e5e5e; padding: 0 0 0 10px; } #news #content #news-content .pagination ul.pagination-nav li:first-child { border: none; padding: 0 10px 0 0; } #news #content #news-content h2 { margin: 10px 0 15px 0; color:#77C043; font-size:24px; font-weight:bold; line-height:26px;} #news #content #news-content h3 { margin: 0px 0 5px 0; font-size:16px; font-weight:bold; line-height:18px;} #news #content #news-content h4 { font-size:14px;} #news #content #news-content h4 a { color: #454545; text-decoration:underline; font-weight: normal;} #news #content #news-content h4 a:hover { text-decoration:none;} #news #content #news-content ul { list-style-type:disc; margin-left:15px;} #news #content #news-content ul li {list-style-type:disc;} #news #content #news-content hr {border: none; background: #B2B2B2; height:1px; margin:20px 0;} #news #content #news-content div { line-height: 18px;} #news #content #news-content .entry {padding: 10px 0px 10px 0px;} #news #content #news-content .entry h4 {font-weight:bold; font-size:12px;} #news #content #news-content .entry p {margin:10px 0 0 0;} #news #content #news-content .entry .video span.videoThumb { display: block; width: 150px; padding: 0; float: left; } #news #content #news-content .entry .video span.videoThumb a {display:block;} #news #content #news-content .entry .video p {margin: 0; padding: 0 0 0 150px;} #news #content #news-content .thanks {margin: 10px 0 0 0; color:#AAAAAA;} #news #content #news-content .thanks a {color:#AAAAAA; text-decoration:underline;} #news #content #news-content .thanks a:hover {text-decoration:none;} #news #content #comments { padding: 0px 60px 10px 28px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right; overflow:hidden; } #news #content #comments #disqus_thread {margin-bottom:0px;} #news #content #bottom {background: transparent url('/page/-/img/sprites.png?v=2') no-repeat right -149px; height:24px;} #news ul#page-socnet { color: #FFFFFF; font-size: 9px; right: 20px; padding:10px 0px 15px 10px; position:absolute; text-transform:uppercase; top:20px; width:275px;} #news ul#page-socnet li { float: left; display: inline; line-height: 32px; padding: 0 0 0 10px; } #news ul#page-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } #news #sidebar { margin: 36px 0 0; } #news #activits-alerts {float: right; width: 293px; background: url('/page/-/img/activist-alerts_bottom.png') no-repeat right bottom; padding: 0 0 20px 0; margin: 85px 0 0 0;} #news #activits-alerts h2 {width: 243px; background: url('/page/-/img/activist-alerts_top.png') no-repeat right top; padding: 45px 25px 0 25px; font-size: 24px; color: #0d0d0d;} #news #activits-alerts .entry {padding: 5px 0; width: 212px; margin: 0 0 0 25px; border-bottom: 1px solid #393939;} #news #activits-alerts .entry h3 {margin: 0; padding: 0; color: #FFF;} #news #activits-alerts .entry h3 a {color: #FFF; margin: 0; padding: 0; font-size: 14px;} #news #activits-alerts .entry p {padding: 0px; margin: 0px;} #news #activits-alerts .more {margin: 0px 0px 0px 25px; display:block; color:#FFFFFF; padding: 10px 0 0 15px; background: url('/page/-/img/ico_arrow.png') no-repeat 0px 12px;} #news #content-box {float: right; width: 293px; background: url('/page/-/img/activist-alerts_bottom.png') no-repeat right bottom; padding: 0 0 20px 0; margin: 85px 0 0 0;} #news #content-box h2 {width: 218px; background: url('/page/-/img/activist-alerts_top.png') no-repeat right top; padding: 45px 50px 0 25px; font-size: 24px; color: #0d0d0d;} #news #content-box .content {padding: 0px 50px 0 25px;} #news #content-box .content a {color: #FFF; margin: 0; padding: 0; font-size: 16px; font-weight:bold;} #news #content-box .content p {line-height:18px;} #news #content-box .content .entry {padding:5px 0;} #news #content.express { width:645px; } #news #content.express #top { width:645px; } #news #content.express #news-content { padding:0 45px 0 0px; width:600px; } #news #content.express #news-content .secHeader { padding:10px; } #news #content.express #news-content #content { width:600px; } #news #content.express #news-content #footer { width:auto; } #news #content.express #news-content #footer td:first-child { width:50px; } #news #content.express #bottom { width:645px; } #news #content-box input[type=text] { padding:7px; width:195px; font-size:14px; } #news #content-box input[type=submit] { background: url('/page/-/img/btn-submit-white.png') no-repeat; border:none; width:141px; height:65px; font-size:2em; font-weight:bold; color:#77B640; padding:4px 10px 0 0; margin:11px 0 0 0; } #news #content-box.white { background: url('/page/-/img/sidebar-box-white_bottom.png') no-repeat right bottom; margin-top:28px; background-size: 375px 2300px; } #news #content-box.white h2 { background: url('/page/-/img/sidebar-box-white_top.png') no-repeat right top; } #news #content-box.white h3 a { color:#77B640; } /* DONATE */ #donate {min-height: 1000px;} #donate #content { background: none; float: left; width: 570px; position: relative; z-index: 100;} #donate #content h2 { font-size: 30px; padding: 52px 15px 0px 35px; background: url('/page/-/img/donate-content_top.png') no-repeat left top; margin: 0; color: #77c043;} #donate #content #donate-content { padding: 15px 120px 0 35px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right; position: relative; z-index: 100;} #donate #content #donate-content .contribheader { color:#77C043; font-size:14px; font-weight:bold; padding: 10px 0;} #donate #content #donate-content .contribtable1 .contribheader { display:none; } #donate #content #donate-content .contribtable1 .fieldlabel {color: #000; font-size: 12px; display: block; float: left; width: 100px; padding-top:7px;} #donate #content #donate-content .contribtable1 .error {font-size: 12px; display: block; float: left; width: 100px;} #donate #content #donate-content .contribtable1 input {border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; width: 300px; margin: 0 0 10px 0;} #donate #content #donate-content .contribtable1 select {width: 310px; border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; font-size: 12px; margin: 0 0 10px 0;} #donate #content #donate-content .contribtable2 .fieldlabel {color: #000; font-size: 12px; display: block; float: left; width: 60px;} #donate #content #donate-content .contribtable2 input {border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; margin: 0 5px 10px 5px;} #donate #content #donate-content .contribtable2 select {border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; font-size: 12px; margin: 0 0 10px 0;} #donate #content #donate-content input#submit-btn {border: none; background: none; width: 140px; height: 65px; margin: 20px 0 0 100px; padding: 0;} #donate #content #donate-content a#details {color:#2b530d; display:block; margin-left:100px; text-decoration:underline;} #donate #content #donate-content a#details:hover {color:#2b530d; display:block; margin-left:100px; text-decoration:none;} #donate #content #bottom {background: url('/page/-/img/news-content_bottom.png') no-repeat right bottom; height:21px;} #donate #content #donationCounter {position: absolute; left: 595px; top: 0; border: 1px solid #727272; color: #77b640; font-weight: bold; font-size: 18px; width: 240px; height: 37px; padding: 10px 0 0 25px;} #donate #content #videos { background: url('/page/-/img/about-us-video_bkgd.png') repeat-y; top: 70px; left: 480px; z-index: 1000;} #donate #content #videos #video-top { background: url('/page/-/img/about-us-video_top.png') no-repeat; padding: 0px; margin: 0; height:24px;} #donate #content #videos #video-player { background: url('/page/-/img/donate-video_bottom.png') no-repeat right bottom; padding: 0 28px 0 0; } #donate #content #videos #video-player .entry { height:252px; } #donate #quotes { float:right; width: 330px; background: #77b640; margin: 410px 15px 0 0; padding: 0 0 10px 0;} #donate #quotes h2 { padding: 20px 15px 0px 30px; margin: 0; background: none;color: #FFFFFF; font-size: 26px;} #donate #quotes #quote-content { padding: 0;} #donate #quotes #quote-content .quote { width: auto; border-bottom: 1px solid #FFF; padding: 0; margin: 0 40px 0 60px; position: relative;} #donate #quotes #quote-content .quote p { color: #FFF; margin: 18px 0 12px 0;} #donate #quotes #quote-content .quote span.member { background:transparent url(/page/-/img/member_img_bg.png) no-repeat scroll left top; display: block; height:59px; left:-85px; padding:10px 0 0; position:absolute; top:0; width:71px;} #donate #quotes #quote-content .quote span.quote-name { color: #000; font-size: 17px; display: block; padding: 12px 0 0 0;} #donate #quotes #quote-link { margin: -1px 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 5px 42px;} #donate #quotes #quote-link a {color: #202020; font-size: 14px; text-decoration: underline;} #donate #quotes #quote-link a:hover {text-decoration: none;} #donate #help-link {float:left; margin:25px 0px 0 46px; color:#FFFFFF; font-size:16px; line-height:20px;} #donate #help-link img {float:left; margin-right:11px;} /* DEFAULT */ #default {min-height: 1000px;} #default #content { padding: 30px 0 0 0; background: url('/page/-/img/donate-content_top.png') no-repeat left top; float: left; width: 570px; position: relative; z-index: 100;} #default #content #default-content { padding: 15px 120px 30px 35px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right; position: relative; z-index: 100;} #default #content #default-404 { padding: 0 25px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right; position: relative; z-index: 100;} #default #content #default-404 h1 { padding: 2px 0; font-size: 30px; margin: 0 0 15px 0; color: #77c043;} #default #content #default-content h1 { font-size: 30px; margin: 0 0 15px 0; color: #77c043;} #default #content #bottom {background: url('/page/-/img/news-content_bottom.png') no-repeat right bottom; height:21px;} #default #quotes { float:right; width: 330px; background: #77b640; margin: 26px 15px 0 0; padding: 0 0 10px 0;} #default #quotes h2 { padding: 20px 15px 0px 30px; margin: 0; background: none;color: #FFFFFF; font-size: 26px;} #default #quotes #quote-content { padding: 0;} #default #quotes #quote-content .quote { width: auto; border-bottom: 1px solid #FFF; padding: 0; margin: 0 40px 0 60px; position: relative;} #default #quotes #quote-content .quote p { color: #FFF; margin: 18px 0 12px 0;} #default #quotes #quote-content .quote span.member { background:transparent url(/page/-/img/member_img_bg.png) no-repeat scroll left top; display: block; height:59px; left:-85px; padding:10px 0 0; position:absolute; top:0; width:71px;} #default #quotes #quote-content .quote span.quote-name { color: #000; font-size: 17px; display: block; padding: 12px 0 0 0;} #default #quotes #quote-link { margin: -1px 0 0 18px; color: #202020; font-size: 14px; padding: 15px 0 5px 42px;} #default #quotes #quote-link a {color: #202020; font-size: 14px; text-decoration: underline;} #default #quotes #quote-link a:hover {text-decoration: none;} /* CAMPAIGN */ #campaign #content { background: #fff url('/page/-/img/campaigns-content_bkgd.png') repeat-y right; float: left; width: 490px;} #campaign #content h2 { font-size: 30px; padding: 50px 70px 0px 30px; background: transparent url('/page/-/img/campaign-content_top.png') no-repeat right top; margin: 0; color: #77c043;} #campaign #content h3 { font-size: 24px; padding: 10px 70px 0px 0px; color: #77c043;} #campaign #content h4 { font-size: 14px; font-weight: normal; padding: 0px 20px 0px 0px; font-style: italic;} #campaign #content #campaign-lead {padding: 0px 70px 0px 30px; line-height:18px;} #campaign #content #campaign-content {padding: 0px 70px 20px 30px; position: relative;} #campaign #content #campaign-content #signup {width:100%; } #campaign #content #campaign-content h1 {font-size: 30px; color: #77c043; padding-right: 70px;} #campaign #content #campaign-content p, #campaign #content #campaign-content h3 {padding-right: 70px;} #campaign #content #campaign-content h3 {font-size: 24px;} /* sign up */ #campaign #content #campaign-content #signup #signuptable {width:100%;} #campaign #content #campaign-content #signup label {display: block; width: 100px; float: left; font-size: 12px; margin-top:9px; font-weight:normal;} #campaign #content #campaign-content #signup select {width: 225px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaign #content #campaign-content #signup input {width: 215px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaign #content #campaign-content #signup input.radiobutton {float:left; width:10px; margin-right:10px; border:none; padding:0px; margin-left:100px;} #campaign #content #campaign-content #signup input.radiobutton:first-child {margin-left:0px;} #campaign #content #campaign-content #signup textarea {width: 215px; height: 100px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaign #content #campaign-content #signup input#submit-btn {width:auto; height:65px; background:none; padding:0px; border:none;} #campaign #content #campaign-content #signup input#submit-btn-invite {width:140px; height:65px; background:none; padding:0px; border:none;} #campaign #content #campaign-content #signup td#required_note {padding-left:100px;} #campaign #content #campaign-content #signup .input label {width:260px;} /* invite */ #campaign #content #campaign-content #invitationpage label {display: block; width: 100px; float: left; font-size: 12px; margin-top:15px; font-weight:normal;} #campaign #content #campaign-content #invitationpage select {width: 225px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaign #content #campaign-content #invitationpage input {width: 215px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaign #content #campaign-content #invitationpage input#contact_importer_button {margin:0; padding:0; width:240px;} #campaign #content #campaign-content #invitationpage textarea {width: 215px; height: 100px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaign #content #campaign-content #invitationpage input#submit-btn {width:269px; height:65px; background:none; padding:0px; border:none;} #campaign #content #campaign-content #invitationpage input#submit-btn-invite {width:140px; height:65px; background:none; padding:0px; border:none;} #campaign #content #campaign-content #invitationpage td#required_note {padding-left:100px;} #campaign #content #campaign-content #invitationpage .bsd-shareButtons-wrap a {font-size:12px!important;} /* donate form */ #campaign #content #campaign-content #contribution .contribheader { color:#77C043; font-size:14px; font-weight:bold; padding: 10px 0;} #campaign #content #campaign-content #contribution .contribtable1 .contribheader {display:none;} #campaign #content #campaign-content #contribution .contribtable1 .fieldlabel {color: #000; font-size: 12px; display: block; float: left; width: 100px;} #campaign #content #campaign-content #contribution .contribtable1 .error {font-size: 12px; display: block; float: left; width: 100px;} #campaign #content #campaign-content #contribution .contribtable1 input {border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; width: 225px; margin: 0 0 10px 0;} #campaign #content #campaign-content #contribution .contribtable1 select {width: 235px; border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; font-size: 12px; margin: 0 0 10px 0;} #campaign #content #campaign-content #contribution .contribtable2 .fieldlabel {color: #000; font-size: 12px; display: block; float: left; width: 60px;} #campaign #content #campaign-content #contribution .contribtable2 input {border: 1px solid #acacac; background: #FFFFFF;padding: 5px 5px; margin: 0 5px 10px 5px;} #campaign #content #campaign-content #contribution .contribtable2 input#cc_number {width:90px;} #campaign #content #campaign-content #contribution .contribtable2 select {border: 1px solid #acacac; background: #FFFFFF; padding: 5px 5px; font-size: 12px; margin: 0 0 10px 0;} #campaign #content #campaign-content #contribution input#submit-btn {border: none; background: none; width: 140px; height: 65px; margin: 20px 0 0 100px; padding: 0;} /* ----------- */ #campaign #content #campaign-content a#details {color:#2b530d; display:block; margin-left:100px; text-decoration:underline;} #campaign #content #campaign-content a#details:hover {color:#2b530d; display:block; margin-left:100px; text-decoration:none;} #campaign #content #campaign-content .required {color:#77B640 !important;} #campaign #campaign-tabs-container {width: 500px;float: left;} #campaign #campaign-tabs {display: block; background: url('/page/-/img/campaign-content_bottom.png') no-repeat right bottom; height: 66px; width: 490px;} #campaign #campaign-tabs li {display: block; float: left; width: 152px; height: 45px; margin: 0 4px 0 0; background-color:#393939} #campaign #campaign-tabs li#long-tab {width: 153px;} #campaign #campaign-tabs li h2 { margin: 0; font-weight: normal; } #campaign #campaign-tabs li:first-child { border: none; width: 153px; } #campaign #campaign-tabs li:hover { background: #FFF; color: #77c043; } #campaign #campaign-tabs li a { display: block; line-height: 45px; height: 45px; text-decoration: none; text-align:center;} #campaign #campaign-tabs li.ui-tabs-selected { background: #fff; } #campaign #campaign-tabs li.ui-tabs-selected a, #updates #updates-tabs li.ui-state-disabled a, #updates #updates-tabs li.ui-state-processing a { cursor: text; } #campaign #campaign-tabs li a, #updates.ui-tabs-collapsible #updates-tabs li.ui-tabs-selected a { cursor: pointer; } #campaign .ui-tabs-panel { display: block;} #campaign .ui-tabs-hide { display: none !important; } #campaign #content ul#page-socnet { width: 355px; font-size: 9px; text-transform: uppercase; color: #fff; position: absolute; padding: 10px 15px 15px 15px; background: none; top: 0px; left: 555px;} #campaign #content ul#page-socnet li { float: left; display: inline; line-height: 32px; padding: 0 10px 0 0; } #campaign #content ul#page-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } #campaign #content #videos { background: none; top: 68px; right: 100px; z-index:1;} #campaign #content #videos #video-top { background: url('/page/-/img/about-us-video_top.png') no-repeat; padding: 0px; margin: 0; height:24px;} #campaign #content #videos #video-player { background: url(/page/-/img/action-video_bottom.png) no-repeat right bottom; padding: 0 28px 0 0; } #campaign #content #videos #video-player .entry { height:252px; } #campaign #content #videos.large { width:528px; right:0px; top:58px; } #campaign #content #videos.large #video-top { background: url('/page/-/img/about-us-video_top_large.png') no-repeat; } #campaign #content #videos.large #video-player .entry { height:339px; width:500px; } #campaign #members { width: 382px; background: #77b640; margin: 68px 30px 0 0; padding: 290px 0 0 0; position: absolute; top: 0; left: 550px;} #campaign #members.large { padding:353px 0 0 0; } #campaign #members h2 { padding: 10px 36px 0px 27px; margin: 0; color: #FFFFFF; font-size: 36px; display: none;} #campaign #members span.members-white-txt { padding: 0px 36px 0px 27px; margin: 0; color: #FFF; font-size: 20px; font-weight: bold; display: none;} #campaign #members span.members-black-txt { padding: 20px 36px 20px 27px; margin: 0; color: #333333; font-size: 20px; font-weight: bold; display: none;} #campaign #members #members-content { padding: 0 36px 20px 27px; background: #727272;} #campaign #members #members-content h3 {color: #FFF; font-size: 18px; padding: 23px 0 0 0;} #campaign #members #members-content p {border-bottom: 1px solid #FFF; color: #FFF; font-size: 12px; padding: 9px 0; margin: 0;} #campaign #members #members-content p span {float: right;} #campaign #members #campaign-meter {position: relative; width: 321px; height: 66px; margin: 0 0 30px 0; display:none;} #campaign #members #campaign-meter #campaign-meter-forground {position: absolute; left: 27px; top:0; background: url('/page/-/img/campaign-meter.gif') no-repeat; width: 321px; height: 66px; z-index: 10;} #campaign #members #campaign-meter #campaign-meter-background-wrap {position: absolute; left: 27px; bottom:0; height: 45px; z-index: 1; width:303px;} #campaign #members #campaign-meter #campaign-meter-background {height:100%; background: #acacac;} #campaign #members #campaign-sidebar-content {position:absolute; left:0px; width:382px; color:#FFFFFF; } /* CAMPAIGN V2 */ #campaignb #content {background: #fff url('/page/-/img/bg_rbox_gray_26.png') repeat-y right; float: left; width: 490px; margin:0 18px 21px 0; position:relative;} #campaignb #content h1 {font-size:30px; padding:43px 70px 15px 30px; background: transparent url('/page/-/img/sprites.png') no-repeat right -176px; margin: 0; color: #77c043;} #campaignb #campaign-videos {margin: 0px 56px 16px 30px;} #campaignb #campaign-meter {margin: 0px 56px 25px 30px;} #campaignb #campaign-meter-goal {text-align:right; color:#A0A0A0; font-weight:bold; margin:0 0 2px 0;} #campaignb #campaign-meter-bg {height:41px; background:#505050 url('/page/-/img/sprites.png') -521px -108px;} #campaignb #campaign-meter-bar {height:41px; background:#77b640 url('/page/-/img/sprites.png') -521px -108px; position:relative;} #campaignb #campaign-meter-ttl {position:absolute;color:#fff; font-size:33px; font-weight:bold; margin:3px 0 0 10px;} #campaignb #campaign-meter p {font-size:14px; color:#77b640; font-weight:bold;} #campaignb #campaign-text {padding: 0px 56px 15px 30px; line-height:18px;} #campaignb #campaign-social {padding: 0px 56px 25px 30px;} #campaignb #campaign-social li {float:left; margin:0 0 0 3px;} #campaignb #campaign-social li:first-child {margin:0;} #campaignb #campaign-social li span {display:none;} #campaignb #campaign-social li a {display:block; width:131px; height:25px; background-image:url('/page/-/img/sprites.png');} #campaignb.lang-bp #campaign-social li a { background-image:url('/page/-/img/sprites_bp.png'); } #campaignb #campaign-social .fb {background-position:0 0;} #campaignb #campaign-social .tw {background-position:-134px 0;} #campaignb #campaign-social .em {background-position:-268px 0;} #campaignb #campaign-comments {padding: 0px 56px 30px 30px;} #campaignb #campaign-comments a.option {margin:0 0 0 30px; position:relative;} #campaignb #campaign-comments a.option i {position:absolute; left:-30px; width:23px; height:18px; background:url('/page/-/img/sprites.png') -413px -4px;} #campaignb #campaign-bottom {position:absolute; bottom:-21px; left:0; background:url('/page/-/img/sprites.png') no-repeat 0 -125px; width:490px; height:21px;} #campaignb #campaign-form {background:#fff url('/page/-/img/bg_rbox_gray_28.png') repeat-y right; float:left; width:432px; position:relative; margin:0 0 24px 0; padding:0 0 25px 0; } #campaignb #campaign-form h2 {font-size:30px; padding:43px 53px 17px 25px; margin:0 0 18px 0; background:transparent url('/page/-/img/sprites.png') no-repeat -81px -26px; color:#FFF; position:relative;} #campaignb #campaign-form h2 i {position:absolute; top:2px; left:-81px; width:81px; height:71px; background:url('/page/-/img/sprites.png') no-repeat 0 -27px;} #campaignb #campaign-form h3 {font-size:24px; padding:0 53px 10px 25px;} #campaignb #bsd-form {padding: 0px 53px 0 25px; position: relative;} #campaignb #bsd-form #signupheader {font-size:14px; line-height:18px; margin:0 0 25px 0;} #campaignb #bsd-form #signupheader .quote {position:absolute; height:15px; width:21px; top:-1px; background:url("/page/-/img/sprites.png") no-repeat -445px -4px;} #campaignb #bsd-form h1 {font-size: 30px; color: #77c043; padding-right: 56px;} #campaignb #bsd-form h3 {font-size: 18px; color:#77c043; margin:20px 0 5px; padding:0;} #campaignb #bsd-form a#details {color:#2b530d; display:block; margin-left:100px; text-decoration:underline;} #campaignb #bsd-form a#details:hover {color:#2b530d; display:block; margin-left:100px; text-decoration:none;} #campaignb #bsd-form .required {color:#77B640 !important;} #campaignb #campaign-form-bottom {position:absolute; bottom:-24px; left:0; background:url('/page/-/img/sprites.png') no-repeat -313px -406px; width:432px; height:24px;} #campaignb #campaign-sidebar-content {color:#FFF; font-size:13px; width:404px; float:right; margin:0 40px 0 0;} /* sign up */ #campaignb #bsd-form #signuptable {width:100%;} #campaignb #bsd-form label {display: block; width: 100px; float: left; font-size: 12px; margin-top:5px; font-weight:normal;} #campaignb #bsd-form select {width: 225px; padding: 4px 5px; font-size: 12px; margin-top:5px; border: 1px solid #acacac; background: #FFFFFF;} #campaignb #bsd-form input {width: 215px; padding: 5px; font-size: 12px; margin-top:5px; border: 1px solid #acacac; background: #FFFFFF;} #campaignb #bsd-form input.radiobutton {float:left; width:auto; margin-right:10px; border:none; padding:0px; margin-left:100px;} #campaignb #bsd-form input.radiobutton:first-child {margin-left:0px;} #campaignb #bsd-form textarea {width: 215px; height: 100px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaignb #bsd-form input#submit-btn {width:auto;background:none; padding:0px; border:none;} #campaignb #bsd-form input#submit-btn-invite {width:140px; height:65px; background:none; padding:0px; border:none;} #campaignb #bsd-form td#required_note {padding-left:100px;} #campaignb #bsd-form .input label {width:260px;} #campaignb #bsd-form .error { color: red; font-size: 90%; font-weight: bold; } /* invite */ #campaignb #bsd-form #invitationpage label {display: block; width: 100px; float: left; font-size: 7px; margin-top:15px; font-weight:normal;} #campaignb #bsd-form #invitationpage select {width: 225px; padding: 5px 5px; font-size: 12px; margin-top:5px; border: 1px solid #acacac; background: #FFFFFF;} #campaignb #bsd-form #invitationpage input {width: 215px; padding: 5px 5px; font-size: 12px; margin-top:5px; border: 1px solid #acacac; background: #FFFFFF;} #campaignb #bsd-form #invitationpage input#contact_importer_button {margin:0; padding:0; width:240px;} #campaignb #bsd-form #invitationpage textarea {width: 215px; height: 100px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #campaignb #bsd-form #invitationpage input#submit-btn {width:269px; height:65px; background:none; padding:0px; border:none;} #campaignb #bsd-form #invitationpage input#submit-btn-invite {width:140px; height:65px; background:none; padding:0px; border:none;} #campaignb #bsd-form #invitationpage td#required_note {padding-left:100px;} #campaignb #bsd-form #invitationpage .bsd-shareButtons-wrap a {font-size:12px!important;} /* donate form */ #campaignb #donate-types {margin:0 53px 5px 25px; padding:0 0 13px 0; border-bottom:2px solid #6eae1d; font-size:12px; position:relative; line-height:1.9; height:40px; } #campaignb #donate-types a {text-decoration:underline;} #campaignb #donate-types a:hover {text-decoration:none; color:#77B640;} #campaignb #donate-types #paypal {position:absolute;top:0; right:0;} #campaignb #bsd-form {position:relative;} #campaignb #bsd-form #contribution label {width:auto; margin:0;} #campaignb #bsd-form #contribution .contribheader {color:#77C043; font-size:14px; font-weight:bold; padding:8px 0 5px 0;} #campaignb #bsd-form #contribution .contribtable1 {} #campaignb #bsd-form #contribution .contribtable1 .contribheader {display:none;} #campaignb #bsd-form #contribution .contribtable1 .fieldlabel {color:#6eae1d; font-weight:bold; font-size:12px; display: block; float:none; width:100px; margin-top:5px; text-transform:capitalize} #campaignb #bsd-form #contribution .contribtable1 .error {font-size: 12px; display: block; float: left; width: 100px;} #campaignb #bsd-form #contribution .contribtable1 input {width:344px; margin:0;} #campaignb #bsd-form #contribution .contribtable1 input#firstname {width:155px; margin:0 6px 0 0;} #campaignb #bsd-form #contribution .contribtable1 input#lastname {width: 170px;} #campaignb #bsd-form #contribution .contribtable1 input#city {width:225px;margin:0 6px 0 0;} #campaignb #bsd-form #contribution .contribtable1 input#state_cd, #campaignb #bsd-form #contribution .contribtable1 input#zip {width:100px;} #campaignb #bsd-form #contribution .contribtable1 select {width:354px; margin:0;} #campaignb #bsd-form #contribution .contribtable1 select#state_cd {width:110px;} #campaignb #bsd-form #contribution .contribtable1 select#country {width:237px; margin:0 6px 0 0;} #campaignb #bsd-form #contribution .contribtable1 .nested_table table {width:auto;} #campaignb #bsd-form #contribution .contribtable2 {border-top:2px solid #6eae1d; margin:15px 0 0 0;} #campaignb #bsd-form #contribution .contribtable2 .fieldlabel {color: #000; font-size: 12px; display: block; float:left; width: 60px;} #campaignb #bsd-form #contribution .contribtable2 input[type=radio] {margin: 0 5px 10px 5px;} #campaignb #bsd-form #contribution .contribtable2 input#amt_other_text {width:30px; margin-top: -10px;} #campaignb #bsd-form #contribution .contribtable2 input#cc_number {width:242px;} #campaignb #bsd-form #contribution .contribtable2 select#cc_expir_month, #campaignb #bsd-form #contribution .contribtable2 select#cc_expir_year {width:125px;} #campaignb #bsd-form #contribution .contribtable2 #payment_options label {width:100px; margin:9px 0 0 0; text-transform:capitalize} #campaignb #bsd-form #contribution .contribtable3 input {width:auto; margin:0 0 0 5px;} #campaignb #bsd-form #contribution .contribtable3 #recurring-label {display:none;} #campaignb #bsd-form #contribution input#submit-btn {border: none; background: none; margin: 15px 0 0 100px; padding: 0;} #campaignb #bsd-form .AuthorizeNetSeal {position:absolute;bottom:-10px;left:20px;} /* share */ #campaignb #content.share { height:638px; } #campaignb #content.share h1 { color:#000; } #campaignb #campaign-form.share { height:610px; } #campaignb #campaign-form.share h2 { padding-left:40px; } #campaignb #tell-a-friend { list-style:none; margin:9px 0 0 40px; } #campaignb #tell-a-friend .btn { display:block; width:313px; height:98px; background:url('/page/-/img/sprites.png'); margin:0 0 10px 0; } #campaignb #tell-a-friend .btn a { display:block; width:100%; height:100%; text-indent:-9990px; } #campaignb #tell-a-friend .fb { background-position:0 -308px; } #campaignb #tell-a-friend .tw { background-position:-626px -308px; } #campaignb #tell-a-friend .em { background-position:-313px -308px; } #campaignb #tell-a-friend .tb { background-position:0 -406px; margin-bottom:25px; } #campaignb #tell-a-friend .lnk { } #campaignb #tell-a-friend .lnk input { width:304px; padding:5px; background:#dfdfdf; border:none; margin:7px 0 7px 0; } #campaignb #donate-form-wide { width:940px; margin:45px 0 0 0; background: #fff url('/page/-/img/bg_rbox_gray_28.png') repeat-y right; padding:0 0 35px 0; } #campaignb #donate-form-wide h3 { font-size:30px; padding:20px 70px 40px 30px; background: transparent url('/page/-/img/sprites.png') no-repeat right -504px; color: #fff; position:relative; top:-24px; } #campaignb #donate-form-wide #donate-types { margin-top:-35px; width:355px; } #campaignb #donate-form-wide #bsd-form #contribution .contribtable1 { width:355px; float:left; margin-right:125px; } #campaignb #donate-form-wide #bsd-form #contribution .contribtable2 { width:355px; float:left; margin-top:-75px; border-top:none; } #campaignb #donate-form-wide #bsd-form #contribution .contribtable3 { width:355px; float:left; } #campaignb #donate-form-wide #bsd-form .AuthorizeNetSeal { left:505px; } #campaignb #donate-form-wide-bottom {position:absolute; bottom:-24px; left:0; background:url('/page/-/img/sprites.png') no-repeat right -600px; width:940px; height:24px;} /* CAMPAIGN COMMENTS OVERLAY */ #campaign-overlay-comments {background:#fff;} #campaign-overlay-comments #comments {margin:20px 30px; width:425px; overflow:hidden;} #campaign-overlay-comments #comments #disqus_thread {margin-bottom:0px;} #campaign-overlay-comments #comments h3 {color:#454545; font-size:16px; font-weight:bold; margin:0 0 10px 0;} /* DONATE TEASER OVERLAY */ #campaign-overlay-donate {background:url('/page/-/img/bg-overlay-donate.png') no-repeat;} #campaign-overlay-donate #wrapper {width:857px; height:479px; margin:0 28px 26px 0;} #campaign-overlay-donate #left-col {width:342px; float:left; padding:42px 0 0 0; text-align:center;} #campaign-overlay-donate #right-col {width:450px; float:left; padding:35px 65px 0 0; position:relative;} #campaign-overlay-donate #right-col h1 {font-size:36px; color:#77b640; margin:0 0 15px 0; font-weight:bold; line-height:1.1;} #campaign-overlay-donate #right-col h2 {font-size:14px; margin:0 0 10px 0; font-weight:bold;} #campaign-overlay-donate #text {margin:0 0 25px 0;} #campaign-overlay-donate #text p {margin:0 0 5px 0;} #campaign-overlay-donate #buttons {margin:0 -30px 20px 0;} #campaign-overlay-donate #buttons ul li {float:left; display:block; width:155px; height:57px; margin:0 5px 0 0; background:url('/page/-/img/sprites.png') no-repeat -518px -44px;} #campaign-overlay-donate #buttons ul li a {display:block; width:100%; height:100%; font-size:30px; font-weight:bold; color:#fff; padding:3px 0 0 0; height:38px; width:137px; text-align:center;} #campaign-overlay-donate #buttons ul li a:hover {text-decoration:none;} #campaign-overlay-donate #footnote {text-align:center;} #campaign-overlay-donate #footnote a {text-decoration:underline;} #campaign-overlay-donate #footnote a:hover {text-decoration:none} #campaign-overlay-donate #close {position:absolute; top:16px; right:24px; width:29px; height:29px; background:url('/page/-/img/sprites.png') no-repeat -831px -6px;} #campaign-overlay-donate #close a {display:block; width:100%; height:100%; text-indent:-999px;} /* SHARE OVERLAY */ #campaign-overlay-share {background:url('/page/-/img/bg-overlay-donate.png') no-repeat;} #campaign-overlay-share #wrapper { width:797px; margin:15px 30px; position:relative; } #campaign-overlay-share h1{ font-size:30px; font-weight:bold; color:#77B640; margin:0 0 10px 0; } #campaign-overlay-share #wrapper .left-col { width:380px; float:left; } #campaign-overlay-share #wrapper .right-col { width:410px; float:left; } #campaign-overlay-share #invitationpage { margin:-15px 0 0 0; } #campaign-overlay-share #invitationpage .bsd-required-asterisk { color:#ff0000; } #campaign-overlay-share #invitationpage label {display: block; width: 121px; float: left; margin-top:15px; font-weight:normal;} #campaign-overlay-share #invitationpage .right-col label { width:74px; } #campaign-overlay-share #invitationpage select {width:203px; padding: 5px 5px; font-size: 12px; margin-top:5px; border: 1px solid #acacac; background: #FFFFFF;} #campaign-overlay-share #invitationpage input {width:203px; padding: 5px 5px; font-size: 12px; margin-top:5px; border: 1px solid #acacac; background: #FFFFFF;} #campaign-overlay-share #invitationpage input#contact_importer_button {margin:0; padding:0; width:240px;} #campaign-overlay-share #invitationpage textarea { padding:5px 5px; font-size:12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF; } #campaign-overlay-share #invitationpage textarea#to { width: 203px; height: 40px; } #campaign-overlay-share #invitationpage textarea#body { width:305px; height:330px; } #campaign-overlay-share #invitationpage input#submit-btn { background:none; padding:0px; border:none; width:215px; } #campaign-overlay-share #close {position:absolute; top:0; right:0; width:29px; height:29px; background:url('/page/-/img/sprites.png') no-repeat -831px -6px;} #campaign-overlay-share #close a {display:block; width:100%; height:100%; text-indent:-999px;} /* CLOUD */ #cloud-header {width: 960px; height: 314px; background: #77b640;} #cloud-text {width: 390px; float: left; padding: 30px 50px 0 40px;} #cloud-text #path { color: #FFF; padding: 0 0 45px 0; font-size: 17px; font-weight: bold;} #cloud-text #path a { color: #FFF; font-weight: normal; text-decoration: underline;} #cloud-text #path b { color: #000;} #cloud-text h1 {font-size: 30px;} #cloud-text p {font-size: 18px; line-height: 22px;} #cloud-text a {color:#ca0000; text-decoration:underline;} #cloud-text a:hover {color:#ca0000; text-decoration:none;} #cloud-image {float: right; width: 480px; height: 304px;} #cloud-utility {position: relative; height: 280px;} #cloud-banner {position: absolute; top: -19px; left: 20px; width: 282px; height: 254px;} #cloud-join {width: 265px; float: right; padding: 40px 40px 0 15px;} #cloud-utility h2 {font-size: 21px; font-weight:normal;} #cloud-utility p a {font-size: 14px; font-weight: bold; text-decoration: underline; color: #FFF;} #cloud-utility p.smallTxt a {font-size: 12px; font-weight: normal; text-decoration: underline;} #cloud-join p {margin-bottom:0px;} #cloud-join p.smallTxt {color: #77b640; margin-top: 0px;} #cloud-join p.smallTxt a {color: #77b640;} #cloud-use {width: 265px; float: right; padding: 40px 40px 0 15px;} #cloud-use h2 {color: #727272;} #cloud-use p {margin-bottom:0px;} #cloud-use p.smallTxt {color: #727272; margin-top: 0px;} #cloud-use p.smallTxt a {color: #727272;} #cloud-content { margin: 0 auto; position: relative; width: 800px; background: #FFF url('/page/-/img/shade_bkgd.png') repeat-y right 21px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ #cloud-content #cloud-tabs { background: url('/page/-/img/cloud-content_top.png') no-repeat; padding: 21px 0 0; } #cloud-content #cloud-tabs li { float: left; border-bottom: 0 !important; background: #393939; border-left: 4px solid #727272; width: 256px; } #cloud-content #cloud-tabs li h2 { margin: 0; font-weight: normal; } #cloud-content #cloud-tabs li:first-child { border: none; width: 255px; } #cloud-content #cloud-tabs li:hover { background: #FFF; color: #77c043; } #cloud-content #cloud-tabs li a { display: block; line-height: 45px; height: 45px; text-decoration: none; padding-left:30px; } #cloud-content #cloud-tabs li.ui-tabs-selected { background: #fff; } #cloud-content #cloud-tabs li.ui-tabs-selected a, #updates #updates-tabs li.ui-state-disabled a, #updates #updates-tabs li.ui-state-processing a { cursor: text; } #cloud-content #cloud-tabs li a, #updates.ui-tabs-collapsible #updates-tabs li.ui-tabs-selected a { cursor: pointer; } #cloud-content .ui-tabs-panel { display: block;} #cloud-content .ui-tabs-hide { display: none !important; } #cloud-content h3 {padding: 33px 0 0 30px; color: #454545; font-size: 24px;} #cloud-content p {padding: 10px 85px 50px 30px;} #cloud-content .ui-tabs-panel ul { padding: 10px 85px 20px 45px;} #cloud-content .ui-tabs-panel ul li { list-style-type: disc; padding: 0px 0px 0px 5px; line-height:18px;} /* CHARIOT - CENSORSHIP WORLDWIDE */ #chariot #map-flash {float: right; position:relative; margin:20px 0px 15px 0px; top:0px; left:0px; width:640px; height:450px; background:url(/page/-/img/map/map_background.jpg);} #chariot #map-flash #no-flash {border: 1px solid #FFF; margin: 150px 0 0 150px; width:315px; height:100px; color:#FFF; text-align:center;} #chariot #videos {float: left; position:relative; margin:15px 40px 50px 40px; top:0px; left:0px;} #chariot #videos #videos { background: url('/page/-/img/about-us-video_bkgd.png') repeat-y; top: 68px; right: 128px; } #chariot #videos #videos h2 { background: url('/page/-/img/about-us-video_top.png') no-repeat; padding: 40px 40px 15px 15px; margin: 0; color: #77c043; font-size: 24px;} #chariot #videos #videos #video-player { background: url('/page/-/img/about-us-video_bottom.png') no-repeat right bottom; padding: 0 28px 0 0; } #chariot #language-filter {width: 265px; float: left; padding: 15px 30px 20px 15px; color:#FFFFFF;} #chariot #info {width: 265px; float: left; padding: 0px 30px 0 15px;} #chariot #info h1 {font-size: 33px; color: #77c043;} #chariot #info p {font-size: 12px; font-weight: normal; color: #FFF;} #chariot #resources { float: left; width: 490px; margin-top:15px; } #chariot #resources h2 { margin:0px 0px 20px 37px; font-size:25px; } #chariot #resources #res-tabs-wrapp {background: none; width: 590px;} #chariot #resources #res-tabs-wrapp #res-tabs { background: url('/page/-/img/chariot_top.png') no-repeat; padding: 21px 0 0; } #chariot #resources #res-tabs-wrapp #res-tabs li { float: left; border-bottom: 0 !important; background: #393939; border-left: 5px solid #494949; width: 138px;} #chariot #resources #res-tabs-wrapp #res-tabs li h2 { margin: 0; font-weight: normal; } #chariot #resources #res-tabs-wrapp #res-tabs li:first-child { border: none; width: 136px; } #chariot #resources #res-tabs-wrapp #res-tabs li:hover { background: #FFFFFF; color: #77c043; } #chariot #resources #res-tabs-wrapp #res-tabs li a { display: block; line-height: 50px; height: 50px; text-align: center; text-decoration: none; font-size: 18px; color: #77c043; position:relative;} #chariot #resources #res-tabs-wrapp #res-tabs li.ui-tabs-selected { background: #fff; } #chariot #resources #res-tabs-wrapp #res-tabs li.ui-tabs-selected a, #updates #updates-tabs li.ui-state-disabled a, #updates #updates-tabs li.ui-state-processing a { cursor: text; } #chariot #resources #res-tabs-wrapp #res-tabs li a, #updates.ui-tabs-collapsible #updates-tabs li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #chariot #resources #res-tabs-wrapp .ui-tabs-panel { display: block; background: url('/page/-/img/home-news_bottom.png') no-repeat left bottom; padding: 15px 60px 15px 15px; overflow: hidden; } #chariot #resources #res-tabs-wrapp .ui-tabs-hide { display: none !important; } #chariot #resources #res-tabs-wrapp #res-news .entry {padding: 10px 0 10px 0; width:500px;} #chariot #resources #res-tabs-wrapp #res-news .entry h3 {font-size: 16px; margin: 0; padding: 0;} #chariot #resources #res-tabs-wrapp #res-news .entry h3 a {font-size: 16px; margin: 0; padding: 0; text-decoration: none;} #chariot #resources #res-tabs-wrapp #res-news .entry h3 a:hover {text-decoration:underline;} #chariot #resources #res-tabs-wrapp #res-news .entry p {padding: 0; margin: 0px;} #chariot #resources #res-tabs-wrapp #res-documents .entry {padding: 10px 0 10px 0; width:500px;} #chariot #resources #res-tabs-wrapp #res-documents .entry h3 {font-size: 16px; margin: 0; padding: 0;} #chariot #resources #res-tabs-wrapp #res-documents .entry h3 a {font-size: 16px; margin: 0; padding: 0; text-decoration: none;} #chariot #resources #res-tabs-wrapp #res-documents .entry h3 a:hover {text-decoration:underline;} #chariot #resources #res-tabs-wrapp #res-documents .entry p {padding: 0; margin: 0px;} #chariot #resources #res-tabs-wrapp #res-documents .entry p a {margin:0px 0px 0px 10px; text-decoration: underline;} #chariot #resources #res-tabs-wrapp #res-videos .entry {padding: 10px 0 10px 0; width:500px;} #chariot #resources #res-tabs-wrapp #res-videos .entry h3 {font-size: 16px; margin: 0; padding: 0;} #chariot #resources #res-tabs-wrapp #res-videos .entry h3 a {font-size: 16px; margin: 0; padding: 0; text-decoration: none;} #chariot #resources #res-tabs-wrapp #res-videos .entry h3 a:hover {text-decoration:underline;} #chariot #resources #res-tabs-wrapp #res-videos .entry span.videoThumb { display: block; width: 150px; padding: 0; float: left; } #chariot #resources #res-tabs-wrapp #res-videos .entry span.videoThumb a {display:block;} #chariot #resources #res-tabs-wrapp #res-videos .entry p {margin: 0; padding: 0 0 0 150px;} #chariot #resources #res-tabs-wrapp #res-blog .entry {padding: 10px 0 10px 0; width:500px;} #chariot #resources #res-tabs-wrapp #res-blog .entry h3 {font-size: 16px; margin: 0; padding: 0;} #chariot #resources #res-tabs-wrapp #res-blog .entry h3 a {font-size: 16px; margin: 0; padding: 0; text-decoration: none;} #chariot #resources #res-tabs-wrapp #res-blog .entry h3 a:hover {text-decoration:underline;} #chariot #resources #res-tabs-wrapp #res-blog .entry p {padding: 0; margin: 0px;} #chariot #resources #res-tabs-wrapp .access-in-news {margin-top:10px; text-decoration:underline; float:left;} #chariot #resources #res-tabs-wrapp .more {margin-top:10px; display: block; text-decoration:underline; width:500px; text-align:right;} #chariot #resources #res-tabs-wrapp .ui-tabs-panel { display: block; padding: 25px 55px 20px 35px; background: transparent url(/page/-/img/donate-content_bottom.png) no-repeat scroll right bottom; } #chariot #resources #res-tabs-wrapp .ui-tabs-hide { display: none !important; } #chariot #resources #res-tabs-wrapp .pagination { background: url('/page/-/img/chariot_bottom.png') no-repeat right bottom; padding: 20px 40px 15px 35px; overflow: hidden; } #chariot #activits-alerts {float: right; width: 293px; background: url('/page/-/img/activist-alerts_bottom.png') no-repeat right bottom; padding: 0 0 20px 0; margin: 30px 40px 0 0;} #chariot #activits-alerts h2 {width: 243px; background: url('/page/-/img/activist-alerts_top.png') no-repeat left top; padding: 45px 25px 0 25px; font-size: 24px; color: #0d0d0d;} #chariot #activits-alerts .entry {padding: 5px 0; width: 212px; margin: 0 0 0 25px; border-bottom: 1px solid #393939;} #chariot #activits-alerts .entry h3 {margin: 0; padding: 0; color: #FFF;} #chariot #activits-alerts .entry h3 a {color: #FFF; margin: 0; padding: 0; font-size: 14px;} #chariot #activits-alerts .entry p {padding: 0px; margin: 0px;} #chariot #activits-alerts .more {margin: 0px 0px 0px 25px; display:block; color:#FFFFFF; padding: 10px 0 0 15px; background: url('/page/-/img/ico_arrow.png') no-repeat 0px 12px;} #chariot #twitter-link {float: right; width: 293px; padding: 0 0 20px 0; margin: 20px 60px 0 0;} /* GENERAL CONTENT */ #general-content #content { background: url('/page/-/img/news-content_bkgd.png') repeat-y right; margin-left: 100px;} #general-content #content h2 { font-size: 36px; padding: 20px 15px 15px 28px; background: #000 url('/page/-/img/campaigns-content_top.png') no-repeat right bottom; margin: 0; } #general-content #content #news-content { padding: 15px 50px 15px 30px; background: url('/page/-/img/news-content_bottom.png') no-repeat right bottom; } #general-content #content #news-content .entry {padding: 10px 0px 20px 0px;} /* VIDEO */ #video #content { background: #fff url('/page/-/img/campaigns-content_bkgd.png') repeat-y right top; position: relative; z-index: 10;} #video #content h2 { font-size: 36px; padding: 56px 45px 15px 30px; background: url('/page/-/img/media-content_top.png') no-repeat right top; margin: 0;} #video #content h2 #filter-by-country { color:#333333; float:right; font-size:14px; font-weight:normal; margin-top:18px;} #video #content #media-content { padding: 15px 40px 20px 30px; background: url('/page/-/img/media-content_bottom.png') no-repeat right bottom; } #video #content .pagination { margin: 15px 0 0; } #video #content .pagination:first-child { margin: 0; } #video #content .pagination .pagination-count { float: left; } #video #content .pagination ul.pagination-nav { float: right; } #video #content .pagination ul.pagination-nav li { display: inline; float: left; border-left: 1px solid #5e5e5e; padding: 0 0 0 10px; } #video #content .pagination ul.pagination-nav li:first-child { border: none; padding: 0 10px 0 0; } #video #content .entry { padding: 15px 0 15px 0; } #video #content .entry .videoThumb { display: block; width: 150px; padding: 0; float: left; } #video #content .entry .videoThumb a {display:block;} #video #content .entry p {margin: 0; padding: 0 0 0 150px;} #video #language-filter {float: right; padding: 30px 45px 20px 55px; color:#FFFFFF; width: 220px; font-size: 14px;} #video #language-filter select {width: 175px; margin: 10px 0 0 0;} #video #about-media { float: right; width: 280px; background: none; margin: 0; padding: 0 0 0 40px;} #video #about-media h2 { padding: 0px 40px 10px 15px; margin: 0; background: none; font-size: 25px;} #video #about-media p {color: #FFF; font-size: 14px; padding: 0 0 0 15px;} #video #about-media p img {margin: 0 10px 0 0;} #video #about-media p a {color: #ee3939; font-size: 16px; text-decoration: underline; font-weight: bold;} #video #content-box { float: right; width: 285px; background: #77b640 url('/page/-/img/county-filter_bkgd.png') repeat-y right; margin: 33px 0 0; position: relative; z-index: 10;} #video #content-box h2 { font-size: 24px; color:#333333; padding: 40px 40px 10px 15px; margin: 0; background: url('/page/-/img/county-filter_top.png') no-repeat; } #video #content-box #content-box-content { background: url('/page/-/img/county-filter_bottom.png') no-repeat right bottom; padding: 0 40px 15px 15px; } #video #content-box #content-box-content a {color: #FFF; margin: 0; padding: 0; font-size: 16px; font-weight:bold;} #video #content-box #content-box-content p {line-height:18px;} #video #popular-videos {background: #454545; width: 770px; padding: 190px 0 15px 40px; position: relative; z-index: 1; margin: -170px 0 0 100px; float: left; } #video #popular-videos h2 {color: #FFF; font-size: 22px; margin-bottom:20px;} #video #popular-videos .entry {width: 150px; border: none; float: left; } #video #popular-videos .entry .videoThumb { display: block; width: 150px; padding: 0; float: left; } #video #popular-videos .entry .videoThumb a {display:block;} #video #popular-videos .entry img {margin: 0 0 10px 0;} #video #popular-videos .entry h3 {font-size: 14px; width:130px;} #video #popular-videos .entry h3 a:hover {color:#77B640;} #video #popular-videos .entry h4 {color: #FFF; font-size: 12px; font-weight: normal;} #video #popular-videos .entry p {color: #FFF; font-size: 12px;} /* SPEAKOUT */ #speakoutt #content {float:left; width:960px;} #speakoutt #content h1 {font-size: 30px; color: #77c043; margin: 10px 90px 20px 0;} #speakoutt #content .link a {font-size:14px; color:#312c32; text-decoration:underline;} #speakoutt #content .link a:hover {text-decoration:none;} #speakoutt #content #speakout-content-top {width:850px; height:21px; background: transparent url('/page/-/img/speakout-content_top.png') no-repeat;} #speakoutt #content #speakout-content {width:750px; padding: 0 70px 30px 30px; position: relative; background: transparent url('/page/-/img/speakout-content_bkgd.png') repeat-y;} #speakoutt #content #speakout-content h2 { font-size: 24px; color: #000;} #speakoutt #content #speakout-content h3 { font-size: 24px; color: #77c043;} #speakoutt #content #speakout-intro {margin:0 0 -5px 0;overflow:hidden;} #speakoutt #content #speakout-videos {width:731px; height:181px; padding:35px 60px 0 30px; background: transparent url('/page/-/img/speakout-videos_bkgd.png') no-repeat; margin:0 0 0 80px;} #speakoutt #content #speakout-videos h2 { color:#fff; float:left;} #speakoutt #content #speakout-videos .link {float:right; font-size:14px; margin:10px 0 0 0;} #speakoutt #content #speakout-videos .items {clear:both;} #speakoutt #content #speakout-videos .item {float:left; width:165px; height:130px; margin:0 0 0 20px; text-align:center;} #speakoutt #content #speakout-videos .item:first-child {margin:0;} #speakoutt #content #speakout-videos .item .thumb {width:165px; height:108px; position:relative; margin:0 0 10px 0;} #speakoutt #content #speakout-videos .item .thumb .play {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background: transparent url('/page/-/img/movie_play.png') no-repeat;} #speakoutt #content #speakout-videos .item .ttl {font-size:14px; font-weight:bold; color:#fff;} #speakoutt #content #speakout-featured {margin:20px 0 20px 0;} #speakoutt #content #speakout-featured .embed {width:320px; float:left; margin:7px 30px 0 0;} #speakoutt #content #speakout-featured .text {width:400px; float:left;} #speakoutt #content #speakout-featured .text .txt {min-height:197px;} #speakoutt #content #speakout-featured .text .link {margin:10px 0 0 0;} #speakoutt #content #speakout-form {} #speakoutt #content #speakout-form h2 {display:none;} /* signup form */ #speakoutt #content #speakout-form #signup #signuptable {width:100%;} #speakoutt #content #speakout-form #signup label {display: block; width: 100px; float: left; font-size: 12px; margin-top:9px; font-weight:normal;} #speakoutt #content #speakout-form #signup select {width: 425px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #speakoutt #content #speakout-form #signup input {width: 415px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #speakoutt #content #speakout-form #signup input.radiobutton {float:left; width:10px; margin-right:10px; border:none; padding:0px; margin-left:100px;} #speakoutt #content #speakout-form #signup input.radiobutton:first-child {margin-left:0px;} #speakoutt #content #speakout-form #signup textarea {width: 215px; height: 100px; padding: 5px 5px; font-size: 12px; margin-top:9px; border: 1px solid #acacac; background: #FFFFFF;} #speakoutt #content #speakout-form #signup input#submit-btn {width:auto; height:65px; background:none; padding:0px; border:none;} #speakoutt #content #speakout-form #signup input#submit-btn-invite {width:140px; height:65px; background:none; padding:0px; border:none;} #speakoutt #content #speakout-form #signup td#required_note {padding-left:100px;} #speakoutt #content #speakout-form #signup .input label {width:260px;} /* speakout form */ #speakoutt #content #speakout-form #speakout_form th.divider {background:#77C043; color:#fff;} #speakoutt #content #speakout-form #speakout_form .denotes_required_field {display:none;} #speakoutt #content #speakout-form #speakout_form table.step td.radio label {font-size:1em; line-height:170%;} #speakoutt #content #speakout-content-bottom {width:850px; height:21px; background: transparent url('/page/-/img/speakout-content_bottom.png') no-repeat;} /* OVERLAY */ #overlay {background:#FFFFFF;} #overlay #content {padding:25px 0 0 25px; width:425px;} #overlay #content h1 {color:#77B640; font-size:21px; font-weight:bold; margin: 0 0 10px 0;} #overlay #content #sign-up-content h3 {font-size:18px;} #overlay #content #sign-up-content #signup { width:100%; } #overlay #content #sign-up-content label {display: block; width: 100px; float: left; font-size: 12px; margin-top:5px; font-weight:normal;} #overlay #content #sign-up-content select {width: 420px; padding: 5px 5px; font-size: 12px; border: none; margin-top:3px; background:#CCCCCC;} #overlay #content #sign-up-content input {width: 411px; padding: 5px 5px; font-size: 12px; border: none; margin-top:3px; background:#CCCCCC;} #overlay #content #sign-up-content textarea {width: 315px; height: 140px; padding: 5px 5px; font-size: 12px; border: none; margin-top:9px;} #overlay #content #sign-up-content input#submit-btn { width:140px; height:65px; padding:0px; margin:10px 0 0 35px;} #overlay #content #sign-up-content td#required_note {padding-left:135px;} #overlay #content #sign-up-content a {color:#2B530D; text-decoration:underline;} #overlay #content #sign-up-content a:hover {color:#2B530D; text-decoration:none;} #overlay #content #sign-up-content a#details {display:block; margin-left:100px;} /* DOCUMENTS */ #documents #content h1 { font-size: 36px; padding: 20px 15px 15px 28px; background: #000 url('/page/-/img/campaigns-content_top.png') no-repeat right bottom; margin: 0; color: #77B640;} #documents #document-list { padding: 25px 57px 0 28px; line-height:18px; background: url('/page/-/img/news-content_bkgd.png') repeat-y right;} #documents #document-list .entry {padding: 10px 0px 10px 0px; list-style:none; } #documents #document-list .entry h4 {font-weight:bold; font-size:12px;} #documents #document-list .entry p {margin:10px 0 0 0;} #documents #document-list .entry span {display:none;} #documents #bottom {background: url('/page/-/img/news-content_bottom.png') no-repeat right bottom; height:21px;} #documents ul#page-socnet { color: #FFFFFF; font-size: 9px; right: 0px; padding:10px 0px 15px 10px; position:absolute; text-transform:uppercase; top:20px; width:275px;} #documents ul#page-socnet li { float: left; display: inline; line-height: 32px; padding: 0 0 0 10px; } #documents ul#page-socnet li a { display: block; width: 32px; height: 32px; text-indent: -9999em; overflow: hidden; } #documents #sidebar { margin: 111px 0 0; } #documents #content-box {float: right; width: 293px; background: url('/page/-/img/activist-alerts_bottom.png') no-repeat right bottom; padding: 0 0 20px 0; margin: 85px 0 0 0;} #documents #content-box h2 {width: 218px; background: url('/page/-/img/activist-alerts_top.png') no-repeat right top; padding: 45px 50px 0 25px; font-size: 24px; color: #0d0d0d;} #documents #content-box .content {padding: 0px 50px 0 25px;} #documents #content-box .content p {line-height:18px;} #documents #content-box input[type=text] { padding:3px; margin:0 0 5px 0; } #documents #content-box #clear-filter { color:#333333; text-decoration:underline; cursor:pointer; } #documents #content-box #clear-filter:hover { text-decoration:none; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ /* 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 {font-size:130% !important;} i, em { font-style: italic; } 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; } .clearfix2 {overflow:hidden;}