/* ---------- Carousel ---------- */
.jcarousel-container { margin-left:-258px; }
.jcarousel-item { width:480px; height:350px; background:url(dot-line-vert.gif) repeat-y 100% 0; }
.jcarousel-next,
.jcarousel-prev{ width:50px; height:50px; position:absolute; top:570px; }
.jcarousel-next { background:url(btn-carousel-next.png); left:899px;  }
.jcarousel-prev { background:url(btn-carousel-prev.png); left:-28px; }
.jcarousel-next:hover,
.jcarousel-prev:hover { background-position:-50px 0; }

#carousel-wrap { position:relative; overflow:hidden; width:920px; margin-bottom:0px; }
#carousel { overflow:hidden; width:750px; height:350px; padding:20px 0 30px; background:url(cr-hatch-bl.gif) repeat-x 0 100%; }
#carousel .item,
#carousel .pnl-event { position:relative; width:440px; height:158px; padding-top:192px; margin-left:20px; }
#carousel .desc-wrap { padding:40px 20px 0;	width:360px; height:96px; margin-left:20px; background:url(../img/home/bg-caro-desc.png); }
#carousel .desc { position:relative; }
#carousel .item h2,
#carousel .pnl-event h2 { position:relative; font-weight:700; font-size:2.3em; letter-spacing:-1px; line-height:1.1em; margin-bottom:px; height:64px; }
#carousel .action .desc h2 { height:32px; }
#carousel .item h2 a,
#carousel .pnl-event h2 a { position:relative; z-index:200; color:#fff; }
#carousel .item h2 a:hover,
#carousel .pnl-event h2 a:hover { position:relative; color:#1ec7ff; text-decoration:none; }
#carousel .lbl {  position:absolute; top:-40px; left:0; height:22px; }
#carousel .lbl a{ display:block; height:22px; text-indent:-9999px; }
#carousel .lbl-act-now { width:52px; background:url(lbl-partners.png); }
/*
#carousel .desc .issues { width:62px; background:url(../img/home/lbl-the-issues.png); }
#carousel .desc .lbl-blog { width:52px; background:url(http://www.one.org/us/img/home/lbl-blog.png); }
#carousel .desc .lbl-partners { width:52px; background:url(http://www.one.org/us/img/home/lbl-partners.png); }
#carousel .desc .lbl-policy { width:52px; background:url(http://www.one.org/us/img/home/lbl-policy.png); }
*/

/* ---------- Act now panel - activated on button click ---------- */
#carousel .pnl-event{ display:none; padding:0; width:400px; padding:20px; height:310px; background:url(cr-hatch-light-gray.gif); }
#carousel .pnl-event form{ position:relative; background:#8c8c8c; padding:40px 20px 0; height:270px; color:#fff; }
#carousel .pnl-event .summary{ font-size:14px; margin-bottom:0px; }
#carousel .pnl-event label{ display:block; font-size:0.9em; padding-bottom:0px; }
#carousel .pnl-event select{ margin-bottom:10px; }
#carousel .pnl-event input.text{ margin-bottom:0px; width:0px; }
#carousel .pnl-event .lbl{ top:0; left:20px; }
#carousel .pnl-event h2{ margin-bottom:0px; height:auto; }
#carousel .pnl-event label,
#carousel .pnl-event select{ text-transform:uppercase; }
#carousel .pnl-event .close{ display:block; width:13px; height:13px; background:url(ico-close-circle.gif); text-indent:-9999px; position:absolute; top:8px; left:379px; }
#carousel .pnl-event .close:hover{ background-position:-13px 0; }

/* ---------- Features panel ---------- */
#features { position:relative; background:url(../img/bg-dot-4col.gif); }
#home .gr-four-hero{ background:url(../img/bg-dot-4col-hero.gif); }
#features .article { padding:158px 20px 0; }
#features h3.advocate { text-indent:-9999px; width:168px; height:111px; background:url(../img/home/title-advocate.gif); margin-bottom:20px;	}

#features p.cat { text-transform:uppercase; color:#999; font-weight:700; }
#features h3.blog { text-indent:-9999px; width:128px; height:39px; background:url(../img/home/title-blog.gif); margin-bottom:20px; }
#features h3.title { font-size:1.3em; font-weight:700; margin:0 0 10px; line-height:110%; }
#features img { position:absolute; top:0; left:20px; }
#features .desc { line-height:133%; }
#features .desc a { text-transform:uppercase; font-size:0.83em; font-weight:700; }
#features ul li { width:200px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; margin-bottom:8px; }
#features ul li .date { font-size:0.83em; text-transform:uppercase; color:#666; padding-bottom:2px; }
#features ul li .author { font-size:0.83em; color:#666; padding-bottom:4px; }
#features ul li .summary{ float:left; display:inline; width:160px; padding-bottom:10px; }
#features h4 { font-weight:700; width:170px; padding:2px 0 6px; line-height:110%; }
#features .comments { float:right; font-size:1.05em; margin-bottom:15px; overflow:hidden; }/*
--------------------------------------------------------
project			ONE.org (www.one.org) ISSUES style sheet
author:   		HUGE
last updated:	2009.02.09
----------------------------------------------------- */

/* ---------- Issues overview page ---------- */
.land-title { width:282px; height:92px; background:url(../img/issues/title-landing.gif); }
#issues-ov { margin-top:19px; }
.issue { position:relative; width:200px; height:148px; border-bottom:2px solid #000; background-position:0 100%; background-repeat:no-repeat; margin-bottom:20px; }
.issue-last { margin-bottom:0; }
.issue h2 { font-size:1.5em; font-weight:700; }
.issue h2 a { display:block; background:url(../img/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:0 0 0 21px; }
#issues-ov .hover h2 a,
.issue h2 a:hover { text-decoration:none; color:#0099ff; background:url(../img/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; }
.issue p { visibility:hidden; padding:20px 0 0 10px; line-height:140%; }
.issue p a { font-size:0.8em; }
#issues-ov .hover p { visibility:visible; }

/* ---------- Backgrounds for each issue on the overview page ---------- */
#issues-ov .hiv { background-image:url(../img/issues/bg-hivaidsmaltb.jpg); }
#issues-ov .aids { background-image:url(../img/issues/bg-aideffectiveness.jpg); }
#issues-ov .water { background-image:url(../img/issues/bg-water.jpg); }
/*#issues-ov .food { background-image:url(../img/issues/bg-issue-food.jpg); }*/
#issues-ov .dev-assist { background-image:url(../img/issues/bg-dev.jpg); }
/*#issues-ov .corruption { background-image:url(../img/issues/bg-issue-corruption.jpg); }*/
#issues-ov .climate { background-image:url(../img/issues/bg-climate.jpg); }
#issues-ov .trade-justice { background-image:url(../img/issues/bg-trade.jpg); }
#issues-ov .child-health { background-image:url(../img/issues/bg-health.jpg); }
#issues-ov .debt { background-image:url(../img/issues/bg-debt.jpg); }
#issues-ov .education { background-image:url(../img/issues/bg-education.jpg); }
#issues-ov .agriculture { background-image:url(../img/issues/bg-agriculture.jpg); }
#issues-ov .gov-security { background-image:url(../img/issues/bg-gov.jpg); }
#issues-ov .hover { background-image:none; }

/* ---------- Issues Detail - Hero Feature ----------*/
.issues-hero{ height:295px; background-repeat:no-repeat; }
.issues-hero p.intro{ font-size:1.16em; padding:186px 0 15px; line-height:125%; width:410px;  }
.issues-hero-san{ background-image:url(../img/issues/bg-hero-sanitation.jpg); }/*
--------------------------------------------------------------
project			ONE.org (www.one.org) MEDIA CENTER style sheet
author:   		HUGE
last updated:	2009.02.09
----------------------------------------------------------- */

/* ----------- Introductory panel ---------- */
.land-title{ width:442px; height:56px; background:url(../img/media-center/title-media-center.gif); }
.media-center-bg{ height:241px; background:url(../img/media-center/bg-media-center-mics.jpg) no-repeat 50% 100%; }
*.media-center-bg{ height:261px; }/*
-------------------------------------------------------------
project			ONE.org (www.one.org) MODULES style sheet
author:   		HUGE
last updated:	2009.02.11
---------------------------------------------------------- */

/* ---------- Generic module structure ---------- */
/*ADDED*/.mod-noline{ position:relative; zoom:1; border-top:0px solid #311913; padding:0px 0 20px 0; z-index:1; }/*ADDED*/
.mod{ position:relative; zoom:1; border-top:5px solid #311913; padding:10px 0 20px 0; z-index:1; }
.mod ul:after,
.mod li:after,
.mod:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.mod h3, .mod-action h3{ text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-size:1.33em; margin-bottom:15px; }
.mod h4{ font-weight:700; line-height:110%; }
.mod h4 a:hover,
.mod-rel-articles ul li a:hover,
.mod-arrow-list ul li a:hover,
.news-summary h4 a:hover{ color:#0099ff; text-decoration:none; }
.mod p{ line-height:133%; }
.mod p.more-link{ margin-top:10px; }
/*ADDED*/ .mod-noline ul.item-borders li{ background:url(dot-line-horiz-gray.gif) repeat-x 0 100%; } /*ADDED*/
.mod ul.item-borders li{ background:url(dot-line-horiz-gray.gif) repeat-x 0 100%; }
.mod .cmt{ color:#fff; line-height:100%; }
#page .mod .display-list{ text-align:right; margin-bottom:0px; padding:0; color:#000; }
.content .mod h4{ font-size:1.2em; }
.no-bdr{ border:0; padding-top:0; }
.mod .left{ float:left; display:inline; margin:1px 10px 4px 0; }


/* ---------- Mod - Recruit your friends ---------- */
.mod-recruit h3{  background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; padding-bottom:9px; margin-bottom:10px; }
.mod-recruit h3 span{ display:block; font-size:1.67em; }
.mod-recruit p{ width:172px; }
.mod-recruit .btn-wrap{ margin:15px 0; }
.mod-recruit .friend{ position:absolute; display:block; width:96px; height:184px; background:url(../img/modules/recruit/friend.png); margin-top:-184px; }
.sub-content .mod-recruit .friend{ margin-left:184px; }

/* ---------- Mod - Related Video (and latest videos) ---------- */
.mod-video .video-wrap{ background:url(../img/lines-hatches/cr-hatch-light-gray.gif); margin-bottom:20px; padding:10px 0; }
.mod-video .video-wrap p{ border:1px solid #e8e8e8; width:198px; height:140px; margin:0 auto; padding:4px; background:#fff; }
.mod-video .video-wrap p a{ position:relative; display:block; height:100%; text-indent:-9999px; background:no-repeat 50% 50%; }
.mod-video .video-wrap p.brad a{ background-image:url(../img/modules/video/video-thumb-brad.jpg); }
.mod-video .video-wrap p a span{ display:block; width:280px; height:170px; background:url(../img/icons/ico-vid-lrg-off.png) no-repeat 15px 60px; _background-image:url(../img/icons/ico-vid-lrg-off.gif); position:absolute; top:-15px; left:-41px; }
.mod-video .video-wrap p a:hover span{ background:url(../img/icons/ico-vid-lrg-on.png) no-repeat 15px 60px; _background-image:url(../img/icons/ico-vid-lrg-on.gif); }

/* ---------- Styles for list-based modules (to eliminate duplication) ---------- */
.mod-list ul{ *height:1%; } /* IE Fix */
.mod-list ul p{ margin-bottom:5px; }
.mod-list ul p a{ text-transform:uppercase; font-size:0.83em; }
.mod-list ul li{ position:relative; clear:both; padding-bottom:10px; *height:1%; }
.mod-list ul li .desc{ float:left; display:inline; }
.mod-list h4{ color:#666; padding-bottom:4px; font-size:1.1em; }
.mod-list h4 a{ font-weight:700; padding-bottom:2px; }
.mod-list li .img{ position:relative; width:120px; height:90px; overflow:hidden; display:inline; float:left; margin:1px 10px 0 0; }
.mod-list li .img a{ position:absolute; top:0; left:0; display:block; width:120px; height:90px; background:50% 50% no-repeat; text-indent:-9999px; }
.mod-list li .img a.vid{ background-image:url(../img/icons/ico-vid-lrg-off.png); _background-image:url(../img/icons/ico-vid-lrg-off.gif); }
.mod-list li .img a.vid:hover{ background-image:url(../img/icons/ico-vid-lrg-on.png); _background-image:url(../img/icons/ico-vid-lrg-on.gif); }
.mod-list .dl-link{ display:block; margin-top:10px; }
.mod-list ul li p.date{ font-size:0.9em; }
.mod-list .meta{ text-transform:uppercase; display:block; color:#999; font-size:0.83em; margin-bottom:3px; }

.gr-browse .mod-list ul li{ background-position:0 0; padding-top:10px; margin-bottom:0; }

/* ---------- For list-based modules in the main content area (class content) ---------- */
.content .mod-list h4{ padding-right:40px; }
.content .mod-list p{ line-height:133%; padding-right:40px; }
.content .mod-list ul{ margin-bottom:-10px; }
.content .mod-list ul li{ margin-bottom:10px; }
.content .mod-list ul li .desc{ width:470px; }

/* ---------- For list-based modules in the sub-content area (right hand rail) ---------- */
.sub-content .mod-list li .desc{ width:149px; }

/* ---------- Top 5 table ---------- */
.mod-top-5 table{ width:100%; }
.mod-top-5 table tr td{ padding:6px 10px; vertical-align:top; }
.mod-top-5 table tr.alt td{ background:#f2f2f2; }
.mod-top-5 table tr td.impact{ text-align:right;  font-size:1.83em; }
.mod-top-5 table tr.top td.impact{ font-size:2.5em; }
.mod-top-5 table tr td a{ font-weight:700; color:#0099ff; display:block; margin-top:3px; }
.mod-top-5 table tr td span.city{ display:block; padding-top:3px; font-size:0.83em; color:#999; }
.mod-top-5 table tr td span.total-impact{ text-align:right; float:right; font-size:0.33em; color:#999; padding:6px 10px 0 0; }
.mod-top-5 table tr td span.num{ display:inline;float:right; }
.mod-top-5 table.light td.impact{ color:#99cc00; }
.mod-top-5 table.dark td.impact{ color:#999; }
.mod-top-5 table.dark tr.top td.impact{ color:#000; }

/* ---------- Mod - Related Articles ---------- */
.mod-rel-articles ul li{ float:left; display:inline; width:280px; }
.mod-rel-articles ul li.left{ margin-right:40px; }
.mod-rel-articles ul li a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding:7px 0 7px 12px; display:block; }

/* ---------- Mod - Popular Articles ---------- */
.mod-press-rel ul,
.mod-pop-articles ul{ margin-bottom:-10px; }
.mod-pop-articles li{ margin-bottom:16px; } 
div.mod-my-one{ padding-bottom:30px; }
.mod-press-rel li{ margin-bottom:10px; }

/* ---------- Defines margins and paddings for module sets ---------- */
.no-mrg{ margin-bottom:0; padding-bottom:0; }

/* ---------- Mod - List with arrows ---------- */
.mod-arrow-list ul li{ margin:0; *height:1%; }
.mod-arrow-list ul li a{ display:block; padding:5px 0 7px 10px; background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 8px; line-height:110%; }
.mod-arrow-list ul li.active a{ background:url(../img/icons/arrow-rel-gray.gif) no-repeat 0 8px; color:#999; font-weight:700; } 
.mod-arrow-list .ext-list li{ padding:5px 0; }

/* ---------- Act now actions ---------- */
.mod-action{ width:280px; }
.mod-action h3{ font-size:1.25em; }
.mod-action .top{ background:url(../img/action-panel/action-top.png) no-repeat; height:7px; overflow:hidden; _margin-bottom:-3px; }
.mod-action .desc{ float:right; display:inline; width:140px; margin-left:10px; line-height:110%; }
/*CHANGE the height of the square that contains the action*/
.mod-action .rep{ position:relative; background:url(../img/action-panel/action-rep.png); height:340px; _height:260px; }
/*CHANGE*/
/*CHANGE the height of the square that contains the action hover*/
.mod-action .rep .content{ position:absolute; top:-3px; left:4px; width:232px; height:315px; padding:15px 20px; _top:0; }
/*CHANGE*/
.mod-action .rep .content-hover{ border:5px solid #0099FF; border-top:5px solid #0099FF; padding:10px 15px;   }
.mod-action .btm{ background:url(../img/action-panel/action-btm.png) no-repeat; height:7px; margin-top:-3px; overflow:hidden; }
.mod-action img{ margin-bottom:10px; }
.sub-content .mod-action{ margin-bottom:25px; }

/* ---------- Hero action - based on 1 column with edits ---------- */
.actions-ov .mod-hero-action{ width:600px; }
.mod-hero-action .bg_img{ background:url(../img/act-now/bg-usaid.jpg) no-repeat 50px 100%; height:257px; _height:260px; }
.mod-hero-action .top{ background:url(../img/action-panel/action-hero-top.png) no-repeat; }
.mod-hero-action .rep{ position:relative; background:url(../img/action-panel/action-hero-rep.png); }
.mod-hero-action .rep .content{ width:552px; }
.mod-action .bnr-urgent{ width:95px; height:95px; background:url(../img/bnr-urgent.png); text-indent:-9999px; position:absolute; top:-7px; left:187px; }
.mod-hero-action .bnr-urgent{ top:-7px; left:506px; }
.mod-hero-action .btm{ background:url(../img/action-panel/action-hero-btm.png) no-repeat; }

/* ---------- Mod - ONE Blog ---------- */
.content .news-summary h3{ margin-bottom:30px; }
.news-summary .item { position:relative; clear:both; zoom:1; background:url(dot-line-horiz-gray.gif) repeat-x 0 100%; margin-bottom:15px; }
.news-summary .date{ color:#000; float:left; display:inline; width:40px; text-transform:uppercase; text-align:center; font-weight:700; font-size:0.9em; padding:15px 20px 15px 0; background:url(../img/policy-news/bg-date-cal.gif) no-repeat; }
.news-summary .date span{ display:block; margin-left:-3px; font-size:2.33em; letter-spacing:-2px; }
.news-summary h4 { font-weight:700; margin-bottom:4px; }
.content .news-summary h4{ font-size:1.16em; }
.news-summary .desc{ float:left; display:inline; }
.news-summary .desc p{ margin-bottom:15px; line-height:133%; }
.news-summary .desc p a { text-transform:uppercase; font-size:0.8em; }
.news-summary .desc .meta { display:block; color:#999; margin-bottom:7px; font-size:0.9em; }
.news-summary .desc .highlight { color:#ff0000; }
.news-summary .desc .time { text-transform:uppercase; }
.news-summary .cmt{ float:right; }
.mod .news-summary .desc{ width:186px; }
.mod .news-summary .time{ display:block; }

/* ---------- Mod - Related Partners ---------- */
.mod-rel-partners ul{ *height:1%; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; }
.mod-rel-partners ul li{float: left; display: inline; width: 130px; margin-bottom: 5px;}
.mod-rel-partners ul li a{display: block; padding-left: 70px; background-repeat: no-repeat; background-position: 0 50%; padding-top: 15px; height:40px; color:#0099ff; font-size: 1.1em;}
.mod-rel-partners ul li a.ptr-oxfam{ background-image: url(../img/partners/logo-oxfam-sml.gif);}
.mod-rel-partners ul li a.ptr-red{ background-image: url(../img/partners/logo-red-sml.gif);}
.mod-rel-partners ul li a.ptr-world{ background-image: url(../img/partners/logo-world-sml.gif);}
.mod-rel-partners ul li a.ptr-hope{ background-image: url(../img/partners/logo-hope-sml.gif);}

/* ---------- Mod - Quick Facts ---------- */
.mod-quick-facts ul{ margin-bottom:-10px; }
.mod-quick-facts ul li{ margin-bottom:10px; }
.mod-quick-facts ul li h3{ display:inline; float:left; background:#ffcc00; font-size:1.5em; padding:6px 4px; margin-bottom:5px; font-weight:700; color:#000; text-transform:none; }
.mod-quick-facts ul li p{ position:relative; clear:both; margin-bottom:0; }
.mod-quick-facts .download{ float:right; }

/* ---------- Mod - Milestones ---------- */
#page .mod-milestones .milestone{ padding-bottom:0; background:url(bg-milestone.gif) repeat-y; }
#page .mod-milestones li.now{ background:url(bg-milestone-now.gif) repeat-y; }
#page .mod-milestones li.now .date{ background:url(lbl-milestone-now.gif) no-repeat 39px 9px; text-indent:-9999px; }
.mod-milestones li .date{ width:85px; float:left; display:inline; padding:11px 0 11px 8px; font-size:0.83em; color:#666; text-transform:uppercase; }
.content .mod-milestones p{ padding-right:10px; }
.content .mod-milestones p a{ text-transform:none; }
.content .mod-milestones li .desc{ width:476px; padding:8px 15px 18px; float:left; display:inline; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; }

/* ---------- Mod - Media Contacts ---------- */
.mod-media-contacts li{ margin-bottom:10px; }
.mod-media-contacts h4{ color:#000; font-size:1.2em; }
#page .mod-media-contacts p{ margin-bottom:0px; }
#page .mod-media-contacts a{ text-transform:none; font-size:1em; }

/* ---------- Mod - Hot off the Presses ---------- */
.mod-hot-press ul li .img{ width:200px; height:150px; margin-right:20px; }
.content .mod-hot-press ul li .desc{ width:380px; }
.content .mod-hot-press ul li h4{ font-size:1.33em; letter-spacing:-1px; }
.content .mod-hot-press ul li p.summary{ font-size:1.16em; }
.content .mod-hot-press ul li p a{ font-size:0.7em; }
.content .mod-hot-press ul li div.img a.vid{ width:200px; height:150px; }

/* ---------- Mod - Featured Series ---------- */
.mod-featured-series h3{ width:166px; height:29px; background:url(../img/blog/title-featured-series.gif); text-indent:-9999px; }
.sub-content .mod-featured-series ul li .desc{ width:220px; }
.mod-featured-series ul{ margin-bottom:-10px; }
.mod-featured-series ul li{ margin-bottom:10px; }
.mod-featured-series ul li h4{ margin-bottom:5px; }
.mod-featured-series ul li .img{ width:50px; height:50px; margin-right:6px; }
.mod-featured-series ul li .sec-name{ font-weight:400; padding-bottom:0; }
.mod-featured-series ul li p a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 6px; text-transform:none; font-size:1em; display:block; padding:2px 0 0 8px; }

/* ---------- Mod - About ONE ---------- */
.mod-about-one p{ margin-bottom:15px; }

/* ---------- Mod - Related issues ---------- */
.mod-rel-issues ul li{ padding-bottom:1px; margin-bottom:20px; }
.mod-rel-issues ul li .issue-wrap{ min-height:61px; height:auto !important; height:61px; background:no-repeat 100% 100%; }
.mod-rel-issues h4 a{ display:block; background:url(../img/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:1px 162px 0 21px;  height:60px; font-size:1.16em; line-height:110%; }
.mod-rel-issues h4 a:hover{ background:url(../img/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; }

/* ---------- Mod - Member messages ---------- */
.mod-mem-messages{ margin-bottom:-20px; }
#page .mod-mem-messages h4{ margin-bottom:16px; font-weight:400; color:#999; font-size:0.9em; }
#page .mod-mem-messages h4 a{ font-size:1.33em; font-weight:700; color:#0099ff; }
#page .mod-mem-messages h4 a:hover{ text-decoration:underline; }
.mod-mem-messages .comment{ position:relative; *height:1%; margin-bottom:20px; border:2px solid #e8e8e8; }
.mod-mem-messages .comment-bubble{ position:relative; zoom:1; margin-top:-14px; background:url(../img/cmt-bubble-point.gif) no-repeat 15px 0; padding:29px 15px 15px 15px; line-height:133%; }

/* ---------- Mod - My ONE ----------- */
.mod-my-one h3{ width:auto; height:33px; background:url(../img/act-now/title-my-one-sml.gif) no-repeat; text-indent:-9999px; margin-bottom:0; }
.mod-my-one .title-wrap{ padding-bottom:1px; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; }
.mod-my-one h4{ width:62px; background:url(../img/act-now/star-your-impact-1.gif); height:61px; text-indent:-9999px; float:left; display:inline; margin:15px 15px 0 0; }
.mod-my-one .desc{ float:left; display:inline; width:200px; margin-top:15px; }
.mod-my-one p .user{ font-weight:700; color:#000; font-size:1.5em; display:block; margin-bottom:5px; }
.mod-my-one ul{ margin-top:10px; }
.mod-my-one ul li a{ color:#0099ff; font-size:0.9em; padding:2px 0 2px 10px; background-position:0 50%; }
.mod-my-one ul li a:hover{ text-decoration:underline; }/*
-------------------------------------------------------------
project			ONE.org (www.one.org) MODULES style sheet
author:   		HUGE
last updated:	2009.02.11
---------------------------------------------------------- */

/* ---------- Introduction and My ONE summary ---------- */
h1.land-title{ width:198px; height:51px; background:url(../img/my-one/title-my-one.gif); margin-bottom:25px; }
.land-intro{ font-size:1.16em; margin-bottom:20px; }

/* My ONE Summary */
.myone-summary{ position:relative; margin-bottom:20px; }
.myone-summary .unit{ padding-bottom:0px; }
.myone-summary h2{ font-weight:700; font-size:2em; margin-bottom:8px; }
.myone-summary h2 span{ font-size:0.45em; font-weight:400; color:#666; padding-left:5px; }
.myone-summary .user-info{ margin-bottom:15px; }
.myone-summary .user-info li{ float:left; display:inline; }
.myone-summary .user-info li span{ padding:0 5px; }
.myone-summary .user-info li a{ color:#0099ff; }
.myone-summary h3{ text-transform:uppercase; font-weight:700; margin-bottom:15px; }
.myone-summary h3 a{ text-transform:none; font-weight:400; font-size:0.9em; padding-left:5px; }
.myone-summary a{ color:#0099ff; }
.myone-summary a:hover{ text-decoration:underline; }

/* Impact sub-section */
.impact h4{ width:87px; background:url(../img/my-one/starburst-lrg.gif) no-repeat; text-align:center; font-weight:700; font-size:2em; color:#fff; padding:30px 0; letter-spacing:-1px; float:left; display:inline; margin-right:14px; }
.impact table{ float:left; display:inline; width:178px; margin-top:-4px; }
.impact table thead{ display:none; }
.impact table td{ color:#666; padding:6px 0; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; }
.impact table td.val{ color:#99ca3c; width:60px; font-size:1.5em; font-weight:700;}

/* Updates sub-section */
.myone-summary .updates p{ padding-top:5px; }
.out-summary .myone-summary .updates p{ width:140px; line-height:133%; }
.myone-summary .updates table{ width:100%; margin-top:9px; }
.myone-summary .updates table td{ padding:9px 0; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; }
.myone-summary .updates table td.first{ width:160px; }

/* The Badge carousel */
.badge-carousel-wrap{ position:relative; }
.badge-carousel{ height:50px; margin-left:30px; overflow:hidden; }
.badge-carousel li{ float:left; display:inline; height:50px; width:48px; margin-right:10px; }
.badge-control{ display:block; width:20px; height:20px; background:url(ico-carousel-prev-sml.gif); position:absolute; top:0px; left:0; text-indent:-9999px; }
.badge-control:hover{ background-position:-20px 0; }
.badge-next{ left:260px; background:url(ico-carousel-next-sml.gif); }
.badge-carousel-wrap .disabled{ background-position:-40px 0; }

/* Logged out */
.out-summary{ position:relative; min-height:140px; height:auto !important; *height:140px; background:url(../img/my-one/bg-my-one-updates.jpg) no-repeat 100% 100%;  }
.out-summary .myone-summary{ margin-bottom:0; }

/* Login form */
.myone-summary .login form{ padding-top:5px }
.myone-summary .login label{ text-transform:uppercase; font-size:0.9em; font-weight:700; float:left; display:inline; width:65px; padding:7px 10px 0 0; text-align:right; }
.myone-summary .login .text{ margin-bottom:5px; }
.myone-summary .login .email{ width:190px; }
.myone-summary .login .pass{ width:138px; }
.myone-summary .submit{ float:left; display:inline; margin:5px 0 0 75px; }
.myone-summary .forgot-pass{ display:inline; float:left; margin:12px 0 0 10px; font-size:0.9em; }

/* My ONE Navigation */
#page .myone-nav{ padding:0px 0 0px; }
.myone-nav h3{ font-size:1.5em; font-weight:700; margin-bottom:8px; }
.nav-disabled h3{ color:#999; }
.myone-nav .expander-wrap{ position:relative; zoom:1; padding-bottom:1px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; margin-bottom:6px; }
.myone-nav p{ margin-bottom:10px; }
.myone-nav ul{ zoom:1; overflow:hidden; }
.myone-nav ul li{ padding:4px 5px; height:50px; margin-bottom:8px; background:url(../img/icons/ico-myone-nav-off.gif) no-repeat 260px 50%; }
.myone-nav ul li.active,
.myone-nav ul li.hover{ background:url(../img/icons/ico-myone-nav-on.gif) no-repeat 260px 50% #ffcc00; }
.myone-nav ul li img{ float:left; display:inline; border:1px solid #e8e8e8; margin-right:10px; }
.myone-nav ul li h4{ padding:10px 0 6px; font-weight:700; }
.myone-nav ul li h4 a { color:#0099ff; }
.myone-nav ul li.hover h4 a,
.myone-nav ul li.active h4 a{ color:#000; }
.myone-nav ul li p{ font-size:0.9em; color:#666; margin-bottom:0; }
.myone-nav ul li p span{ color:#ccc; }
.myone-nav .show-hide-actions{ zoom:1; text-transform:uppercase; font-size:0.83em; font-weight:700; margin-bottom:21px; padding-top:4px; }
.myone-nav .show-hide-actions a{ padding-right:10px; background:url(../img/icons/arrow-expand.gif) no-repeat 100% 50%; }
.myone-nav .show-hide-actions a.collapse{ background-image:url(../img/icons/arrow-collapse.gif); }

/* ---------- Action summary ---------- */
.action-summary .img{ width:238px; height:133px; float:left; display:inline; border:1px solid #e8e8e8; margin:0 20px 35px 0; }
.action-summary .desc{ width:250px; float:left; display:inline; }
.action-summary .desc p{ margin-bottom:5px; font-size:1.13em; line-height:110%; color:#666; }
.action-summary .desc p a.action-page{ font-size:0.785em; background:url(arrow-rel-blue.gif) no-repeat 0 50%; padding-left:10px; }
.action-summary .desc .btn{ margin-top:15px; }
.action-summary h2{ font-size:1.75em; font-weight:700; margin-bottom:10px; }
.action-summary h2 a:hover{ text-decoration:none; }
.action-summary p.impact{ margin-left:20px; font-size:2em; color:#fff; font-weight:700; background:url(../img/icons/ico-starburst-action-impact.gif) no-repeat; float:left; display:inline; width:66px; height:60px; padding-top:22px; text-align:center; }
.action-summary p.impact span{ position:absolute; left:-9999px; }

/* ---------- Action status panel ---------- */
.title-action-status{ float:left; display:inline; width:138px; height:18px; background:url(../img/my-one/title-action-status.gif) no-repeat; text-indent:-9999px; margin-bottom:10px; }
#activity-filter{ float:right; display:inline; text-align:right; }
#activity-filter label{ text-transform:uppercase; font-weight:700; }
#action-status{ position:relative; clear:both; border-top:4px solid #000; width:598px;  }
body #page .status-active{ border:1px solid #e8e8e8; border-top:0px solid #000; overflow-y:auto; overflow-x:hidden; margin-bottom:0px; }
#action-status p{ font-size:1.16em; padding:20px 0 70px 0; color:#666; }
#action-status table{ width:100%; }
#action-status table tr td{ padding:10px 0; background:#f5f5f5; color:#999; }
#action-status table tr.alt td{ background:#fff; }
#action-status .impact{ width:45px; }
#action-status .impact span{ display:block; width:24px; height:24px; background:url(../img/icons/ico-starburst-plus-1.gif) no-repeat; text-indent:-9999px; margin-left:10px; }
#action-status .name-city{ width:315px; font-size:0.9em; }
#action-status .name-city h4{ font-size:1.27em; margin-bottom:3px; }
#action-status .name-city h4 a{ font-weight:700; }
#action-status .add-contact{ width:120px; font-size:0.9em; }
#action-status .act-status{ font-size:0.9em; }
#action-status a{ color:#0099ff; }
#action-status a:hover{ text-decoration:underline; }
#action-status .acted{ font-weight:700; color:#8ebe33; }

h3.panel-title{ height:18px; text-indent:-9999px; border-bottom:5px solid #311913; padding-bottom:10px; margin-bottom:20px; }

/* ---------- Tell More Friends Panel ---------- */
.pnl-tell-friends{ padding-bottom:30px; }
.pnl-tell-friends form{ float:left; display:inline; width:370px; }
.pnl-tell-friends label{ display:block; padding-bottom:5px; }
.pnl-tell-friends textarea{ width:320px; height:90px; margin-bottom:20px; }
.pnl-tell-friends ul{ font-size:0.9em; padding-top:18px; }
.pnl-tell-friends ul li{ margin-bottom:5px; }
.pnl-tell-friends ul li a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; color:#0099ff; padding-left:10px; }
h3.title-tell-friends{ background:url(../img/my-one/title-tell-friends.gif) no-repeat; }

/* ---------- Campaign All-Stats panel ---------- */
h3.title-campaign-all-stars{ background:url(../img/my-one/title-campaign-all-stars.gif) no-repeat; }
.pnl-all-stars .mod{ border:0; padding:0; }
.pnl-all-stars h4{ text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-size:1.33em; margin-bottom:10px; }
.pnl-all-stars div{ float:left; display:inline; width:280px; }
.pnl-all-stars .first{ padding-right:20px; background:url(../img/lines-hatches/dot-line-vert-gray.gif) repeat-y 100% 0; margin-right:20px; }

/* ---------- Tooltip ---------- */
#tooltip{ text-align:left; width:338px; position:absolute; top:10px; left:10px; }
#tooltip .top{ width:338px; background:url(../img/my-one/tooltip-top.png) no-repeat; }
#tooltip .top .content{ position:relative; min-height:70px; padding:3px 3px 3px 14px; }
#tooltip .top .content h3{ width:90px; height:17px; overflow:hidden; background:url(../img/my-one/lbl-my-one-contact.gif); margin-left:20px; text-indent:-9999px; }
#tooltip .top a.close{ z-index:20; display:block; width:19px; height:19px; background:url(../img/icons/ico-tooltip-close.gif); text-indent:-9999px; float:right; display:inline; margin:10px 10px 0 0; }
#tooltip .top .content .contact{ position:relative; clear:both; padding:10px 0; }
#tooltip .top .content .contact p{ font-size:1.5em; font-weight:700; padding-left:20px; margin-bottom:10px; color:#000; }
#tooltip .top .content .contact p span{ font-size:0.611em; font-weight:normal; color:#666; }
#tooltip .top .content h4{ margin-left:20px; }
#tooltip .btm{ width:308px; padding:6px 0 0 30px; height:23px; background:url(../img/my-one/tooltip-btm.png) no-repeat; }
#tooltip .btm a{ font-size:0.9em; color:#0099ff; }
#tooltip a{ position:relative; }

/* ---------- Account Settings form ---------- */
.acc-sets h2{ font-size:1.75em; font-weight:700; margin-bottom:15px; float:left; display:inline; }
.acc-sets .rel-link{ float:right; display:inline; margin-top:5px; }
.acc-sets .rel-link a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding-left:10px; }
#page .acc-sets .intro{ position:relative; clear:both; color:#666; font-size:1.16em; margin-bottom:5px; }

/* Account panels */
.acc-sets .pnl{ background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding:15px 0; min-height:65px; height:auto !important; *height:65px; }
.acc-sets .pnl h4{ font-size:1.33em; font-weight:700; width:124px; line-height:110%; margin-right:40px; float:left; display:inline; }
.acc-sets .pnl p.summary{ font-size:1.16em; color:#666; }
.acc-sets .pnl .form{ float:left; display:inline; width:435px; }
.acc-sets .pnl .form p{ margin-bottom:15px; }
.acc-sets .form span{ display:block; padding-top:5px; }
.acc-sets .pnl .form label{ display:block; text-transform:uppercase; font-size:0.9em; font-weight:700; color:#000; padding-bottom:3px; }
.acc-sets .pnl .form label .opt{ font-weight:400; display:inline; text-transform:none; color:#999; }
.acc-sets form .submit{ float:left; display:inline; margin:0 10px 20px 0; width:158px; height:32px; }
.acc-sets form .cancel{ display:inline; float:left; padding-top:10px; }

/* Error handling */
.acc-sets .form .error label,
.acc-sets .form .error span{ color:#ff0000; }
.acc-sets .form input{ padding:2px; }
.acc-sets .form .error input{ background:#ffcccc; }

/* Input box sizes */
.acc-sets .pnl .form input.text{ color:#999; }
.acc-sets .pnl .form input.long{ width:280px; }
.acc-sets .pnl .form input.med{ width:160px; }
.acc-sets .pnl .form input.short{ width:80px; }/*
---------------------------------------------------------
project			ONE.org (www.one.org) OVERLAY style sheet
author:   		HUGE
last updated:	2009.02.11
------------------------------------------------------ */

/* ---------- Overlay for modal window and modal styles ---------- */
#overlay{ position:absolute; top:0; left:0; background:#000; cursor:pointer; cursor:hand; }
#one-box{ text-align:left; display:none; position:absolute; top:0; left:0; background:#fff; }
#one-box .pos-wrap{ position:relative; padding:0 30px 30px; width:360px; }
#one-box .close{ float:right; display:inline; margin:10px 10px 0 0; color:#0099ff; background:url(../img/icons/ico-close.gif) no-repeat 100% 0; text-transform:#0099ff; text-transform:uppercase; font-size:0.83em; padding-right:12px; margin-right:-20px; }
#one-box .lbl-act-now{ width:68px; height:26px; background:url(../img/lbl-act-now.gif); text-indent:-9999px; margin-bottom:30px; }
#one-box .confirm-wrap{ padding-bottom:35px; background:url(../img/lines-hatches/cr-hatch-dark-gray.gif) repeat-x 0 100%; margin-bottom:15px; }
#one-box .confirm{ padding-left:45px; min-height:35px; height: auto !important; height:35px; color:#000; margin-bottom:0; }
#one-box .confirm .user{ display:block; font-size:1.33em; font-weight:700; padding:2px 0 2px; }
.confirm-success{ background:url(../img/icons/ico-success.gif) no-repeat; }

#one-box h3{ font-weight:700; font-size:1.33em; margin-bottom:10px; }
#one-box p{ line-height:133%; margin-bottom:20px; }
#one-box label{ postion:realtive; clear:both; color:#000000; display:block; font-size:0.9em; font-weight:700; margin-bottom:3px; text-transform:uppercase; }
#one-box label .opt{ color:#666666; font-weight:400; text-transform:none; }
#one-box .opts{ display:block; position;relative; clear:both; margin-bottom:20px; background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding-left:8px; font-size:0.9em; }
#one-box textarea{ margin-bottom:10px; float:left; line-height:133%; }
#one-box .ta-emails{ width:251px; height:82px; margin-right:15px; }
#one-box .ta-messages{ width:320px; height:85px; }
#one-box .input-info{ font-size:0.9em; color:#999; line-height:120%; }
#one-box .ta-messages{ padding:10px 0 10px 10px; }
#one-box .btn-tell-friends{ float:left; display:inline; }
#one-box .no-thanks{ float:left; display:inline; padding:7px 0 0 8px; }/*
-------------------------------------------------------------
project			ONE.org (www.one.org) POLICY NEWS style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */

/* ---------- Introduction ---------- */
.land-title { width:369px; height:56px; background:url(../img/policy-news/title-landing.gif); }

/* ---------- Hot topics ---------- */
.hot-topics{ position:relative; zoom:1; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; padding-bottom:9px; margin-bottom:26px; }
.hot-topics .sticker{ position:absolute; top:-5px; left:190px; }
.hot-topics .unit{ width:238px; padding:0 1px 0 0; height:148px; }
.hot-topics .first,
.hot-topics .last{ width:220px; }
.hot-topics span{ text-transform:uppercase; font-size:0.9em; font-weight:700; color:#999; }
.hot-topics h2 { text-transform:uppercase; font-weight:700; font-size:1.33em; padding:1px 0 10px 0; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; }
#page .hot-topics .more-link { margin:-20px 0 0 0; padding-bottom:0px; }
.hot-topics .topic{ position:relative; height:148px; background-position:0 100%; background-repeat:no-repeat; }
.topic h3 { font-size:1.6em; font-weight:700; padding:0 0 0 20px; }
.topic h3 a { display:block; _height:1%; background:url(../img/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:0 0 0 21px; }
.hot-topics .hover h3 a, .hot-topics .topic h3 a:hover { text-decoration:none; color:#0099ff; background:url(../img/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; }
.topic p { visibility:hidden; padding:20px 20px 0 20px; line-height:133%; }
.topic p a { font-size:0.83em; }
.hot-topics .hover p { visibility:visible; }

/* ---------- Hot topic ~ background images ---------- */
.hot-topics .eu { background-image:url(../img/policy-news/bg-topic-eu.jpg); }
.hot-topics .doha { background-image:url(../img/policy-news/bg-topic-doha.jpg); }
.hot-topics .bank { background-image:url(../img/policy-news/bg-topic-bank.jpg); }
.hot-topics .g8 { background-image:url(../img/policy-news/bg-topic-g8.jpg); }
.hot-topics .hover { background-image:none; }

/* ---------- News summary (Policy Landing Page ----------*/
.news-summary .desc{ width:486px; }

/* ---------- Policy News Detail ---------- */
.policy-news-headline{ height:195px; }
.policy-news-headline h1,
.policy-news-headline .sec-name{ position:absolute; text-indent:-9999px; }
.policy-news-headline p{ padding:96px 0 0 20px; width:320px; font-size:1.16em; line-height:133%; }
.policy-news-headline .sticker{ position:absolute; top:-20px; left:180px; }
.headline-doha{ background:url(../img/policy-news/bg-hero-doha.jpg) no-repeat; }/*
--------------------------------------------------------
project			ONE.org (www.one.org) GLOBAL style sheet
author:   		HUGE
last updated:	2009.02.11
----------------------------------------------------- */

/*-------------- Styles for screen media -------------*/
@media screen,projection{

li { margin: 8pt 15px; line-height: 135%; }

/* (loosely based on) Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | 20090105 */

/* Reset elements only in areas that HUGE needs reset */
body,
img,
#header *,
#footer *,
#breadcrumb *,
.pagination *,
.mod *, .mod-noline *,
.news-summary *,
.share-wrap *,
.blog.unit *, 
ul.comment-opts *,
#archive-hero *, .issues-hero *, #campaigns-hero *,
.actions-ov fieldset, .actions-ov p,
#about fieldset,
#one-intro li,
.comment-submit p, ul.blog-pagination, ul.blog-pagination *, .blog-filter *, .comment-summary *, .comment-text p,
.reset *
{ line-height: 100%; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }


/* Don't reset header sizes */
h1,h2,h3,h4,h5,h6 { margin:0; padding: 0; }
#blog h2 { font-size: 100%; }

/* Make these work even in the modules, etc. where everything is reset */
i, em { font-style: italic !important; }
b, strong { font-weight: bold !important; }

body { line-height:100%; color:black; background:white; }
#header ul, #footer ul, #actnow ul, #about ul, .mod ul, .article .mod ul, .news_summary ul, .blog.unit ul, ul.comment-opts, ul.blog-pagination { list-style:none; }
ul.unIndentedList, ul.indentedList, .article ul { list-style: disc /* for TinyMCE content */ }

/* Pull in some stuff from backwards.css */
.required {
    color:red;
    font-weight:bold;
}

.no-side-mrg h3, .no-side-mrg p { 
    margin-left: 0 !important; 
    margin-right: 0 !important; 
}

.bdr-dotted-top {
    border-top: dotted black 1px;
    padding-top: 7px;
}

.backwards h1 { margin: .67em 0 .67em 0; }
.backwards h2 { margin: .83em 0 .83em 0; }
.backwards h3 { margin: 1em 0 1em 0; }
.backwards h4 { margin: 1.33em 0 1.33em 0; }
.backwards h5 { margin: 1.67em 0 1.67em 0; }
.backwards h6 { margin: 2.33em 0 2.33em 0; }

/* ---------- Float Clearing Wrappers - multiple assets across site. Easier to maintain. ---------- */
.clearfix:after,
.news-summary .item:after,
#top-nav:after,
#features ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ zoom:1; }
.clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; }


/* ---------- Site wrapper ----------*/
#wrapper { position:relative; width:750px; text-align:left; margin:0 auto; padding:0 0; z-index:0; }

/* ---------- Grid variations ---------- */
.grid{ position:relative; }
.grid .unit { position:relative; float:left; display:inline; padding:0 20px 12px; }
.gr-three{ background:url(../img/bg-dot-3col.gif) repeat-y; }
.gr-three .unit { width:280px; }
.gr-four { width:920px; }
.gr-four .unit { width:200px; }
.gr-four .hero { width:440px; }
.gr-content,
.gr-browse{ margin-top:40px; }
.grid .content,
.grid .first { padding-left:0; }
.gr-content { background:url(../img/lines-hatches/dot-line-vert-content.gif); }
.gr-content .content { width:600px; }
.gr-content .sub-content { width:280px; }
.gr-bl-border .unit { background:url(../img/lines-hatches/dot-line-vert.gif) repeat-y 100% 0; }
.grid .sub-content,
.grid .last { padding-right:0; background:none; }
.more-pnl{ overflow:hidden; display:block; }

/* Act Now */
.gr-act{ margin-top:40px; }
.gr-act .sub-content{ padding:0; margin-right:40px; width:280px; }
.gr-act .content{ width:600px; padding-right:0; }

/* Browse list */
.gr-browse { background:url(../img/lines-hatches/dot-line-vert-browse.gif) repeat-y; }
.gr-browse .sub-content{ width:300px; padding:0 0 0 0; }
.gr-browse .mod-arrow-list{ margin-right:20px; }
.gr-browse .content { padding:0 0 0 20px; width:600px; }
.gr-browse h1{ font-size:1.83em; font-weight:700; margin-bottom:5px; }	
.gr-browse p.intro{ font-size:1.13em; margin-bottom:26px; line-height:140%; }

/* My ONE */
.gr-my-one{ background:url(../img/lines-hatches/line-vert-my-one.gif) repeat-y; }


/* ---------- Header ---------- */
#header { border-bottom:5px solid #000; }
#logo { position:absolute; top:5px; left:10px; width:90px; height:91px; }
#header form { float:right; text-align:right; }
#header p { padding:34px 0 20px 111px; color:#666; }
#header p a { color:#0099ff; font-weight:700; }
#header p span.welcome { color:#000; padding:1px 2px; font-size:1.3em; font-weight:700; }
#header p span.regular a{ font-weight:400; }
#header p span.highlight { background:#ffcc00; }
#header p span.placeholder{ font-size:1.83em; }
	
/* ---------- Top links ---------- */
#top-links { font-size:0.9em; float:right; color:#ccc; }
#top-links li { float:left; margin-left:5px; }
#top-links li.sub-site { margin-left:8px; }
#top-links li a { margin-right:5px; }
#top-links li a:hover { border-bottom:2px solid #ff0000; text-decoration:none; color:#000; }
#top-links li.sub-site a { margin-right:8px; }
#top-links li.sub-site a:hover { border-bottom:0; text-decoration:underline; }
#top-links .active { color:#000; font-weight:700; border-bottom:2px solid #ff0000; position:relative; }
#top-links .active:hover { text-decoration:none; }
	
/* ---------- Top nav ---------- */
#nav-wrap { background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; }
#top-nav { float:left; padding:11px 0 11px 114px; }
#top-nav li { float:left; text-transform:uppercase; color:#ccc; padding:0 5px; background:url(../img/pipe-light-gray.gif) repeat-y 100% 0; }
#top-nav li.first{ padding-left:0; }
#top-nav li.last{ background:none; }
#top-nav a { position:relative; display:block; float:left; display:inline; font-weight:700; padding:3px 4px 3px; margin:-3px 0;  }
#top-nav a:hover, #top-nav a.current{ color:#000; background:#ffcc00; text-decoration:none; }
#top-nav a.current:hover { text-decoration:none; }
	
/* ---------- Global search box ---------- */
#search-form{ float:right; display:inline; width:220px; }
#search-input { width:150px; margin-top:7px; border:1px solid #999; height:14px; padding:2px; float:left; display:inline; border:1px solid #c3c3c3; background:url(../img/bg-global-search.gif) no-repeat; border-top-color:#7c7c7c; border-bottom-color:#ddd; }
#search-submit { margin:7px 0 0 5px; display:inline; float:left; }
	
/* ---------- Footer ---------- */
#footer { font-size:0.9em; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; margin-top:50px; color:#ccc; }
#footer p { position:relative; clear:both; color:#999; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding-top:10px; }
#footer #partners { float:right; }
	
/* ---------- Legal links ---------- */
#legals { float:left; padding:10px 0; }
#legals li { float:left; margin-top:5px; padding-right:5px; }
#legals a { margin-right:5px; }
#legals a.current,
#legals a.current:hover{ color:#999; }
#legals a:hover{ color:#000; }
	
/* ---------- Partner logos ---------- */
#partners li { float:left; display:inline; margin:10px 0 0 20px; height:18px; }
#partners li a { display:block; height:18px; background-image:url(../img/partner-logos.gif); text-indent:-9999px; }
#partners .flickr { width:47px; }
#partners .flickr:hover { width:47px; background-position:0 -18px; }
#partners .youtube { width:46px; background-position:-68px 0; }
#partners .youtube:hover { background-position:-68px -18px; }
#partners .myspace { width:68px; background-position:-134px 0; }
#partners .myspace:hover { background-position:-134px -18px; }
#partners .facebook { width:65px; background-position:-222px 0; }
#partners .facebook:hover { background-position:-222px -18px; }
#partners .twitter { width:68px; background-position:-306px 0; }
#partners .twitter:hover { background-position:-306px -18px; }
	
/* ---------- Eye brow ----------- */
.sec-name{ display:block; text-transform:uppercase; color:#999; font-size:0.83em; font-weight:700; padding-bottom:3px; }
#page .sec-name a{ color:#999; }
#page .sec-name a:hover{ color:#0099ff; text-decoration:none; }
	
/* ---------- Signup form ----------  */
#signup-form label { font-size:0.9em; text-transform:uppercase; display:block; font-weight:700; margin-bottom:3px; color:#000; }
#signup-form .text { margin-bottom:10px; }
#signup-form .signup-email { width:190px; }
#signup-form .zip-code { width:88px; margin-bottom:15px; }
	
/*----------  Global jCarousel components ---------- */
.jcarousel-container { position:relative; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li,.jcarousel-item { float:left; list-style:none; }
.jcarousel-next,
.jcarousel-prev{ z-index:3; display:none; cursor:pointer; cursor:hand; }
	
/* ---------- Buttons with icons ---------- */
.btn { display:block; text-indent:-9999px; height:25px; background-repeat:no-repeat; }
a.attend-event { background-image:url(../img/buttons/btn-attend-event.gif); width:131px; }
a.attend-event:hover { background-position:-131px 0; }
a.tell-friend { background-image :url(../img/buttons/btn-tell-friend.gif); width:109px; }
a.tell-friend:hover{ background-position:-109px 0; }
a.act-now { background-image :url(../img/buttons/btn-act-now.gif); width:76px; }
a.act-now:hover{ background-position:-76px 0; }
a.join-now { background-image :url(../img/buttons/btn-join-now.gif); width:78px; }
a.join-now:hover{ background-position:-78px 0; }

/* ---------- Comment bubble ---------- */
.cmt { display:block; width:25px; height:25px; color:#fff; text-align:center; font-weight:700; background:url(../img/bg-comment-bubble.gif) no-repeat; }
.cmt span { display:block; text-indent:-9999px; }
#page .cmt a{ display:block; height:21px; padding-top:4px; color:#fff; text-decoration:none; background:url(../img/bg-comment-bubble.gif) no-repeat; }
#page .cmt a:hover{ background-position:-50px 0; }
	
/* ---------- Arrow link ---------- */
#page .more-link{ display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:10px; }
#page .more-link a { font-size:0.9em; color:#000; background:url(ico-more-arrow-off.gif) no-repeat 100% 50%; padding:1px 17px 0 0; }
#page .more-link a:hover{ text-decoration:none; color:#0099ff; background-image:url(ico-more-arrow-on.gif); }

/* ---------- RSS link ---------- */
#page .rss-link { display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:0px; }
#page .rss-link a { font-size:0.9em; color:#000; background:url(ico-rss-off.gif) no-repeat 100% 50%; padding:3px 22px 3px 0; }
#page .rss-link a:hover{ text-decoration:none; color:#0099ff; background-image:url(ico-rss-on.gif); }

/* ---------- Download link ---------- */
#page .dl-link { color:#000; background:url(ico-download-off.gif) no-repeat; padding:1px 0 4px 24px; font-size:0.9em; }
#page .dl-link:hover { background:url(ico-download-on.gif) no-repeat; text-decoration:none; color:#0099FF; }


	
/* ---------- Share bar ---------- */
.share { background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding:5px 0; }
.share ul li { float:left; display:inline; }
.share-wrap { position:relative; z-index:100; margin-bottom:5px; }
#wrapper .share p { margin:0; color:#fff; width:53px; padding:6px 0 0 5px; height:16px; font-size:0.83em; font-weight:700; text-transform:uppercase; float:left; display:inline; line-height:1em; }

.share .networks{ float:left; display:inline; margin-top:3px; width:200px; }
.share .networks a{ display:block; text-indent:-9999px; width:16px; height:17px; margin-right:10px; background-repeat:no-repeat; }
.share .networks a:hover{ background-position:-16px 0; }
.share .networks .in{ background-image:url(../img/icons/ico-in.gif); }
.share .networks .digg{ width:15px; background-image:url(../img/icons/ico-digg.gif); }
.share .networks .digg:hover{ background-position:-15px 0; }
.share .networks .facebook{ background-image:url(../img/icons/ico-facebook.gif); }
.share .networks .reddit{ background-image:url(../img/icons/ico-reddit.gif); }
.share .networks .delicious{ background-image:url(../img/icons/ico-delicious.gif); }
.share .networks .buzz{ background-image:url(../img/icons/ico-buzz.gif); }

/* Share - Dropdown */
.share-more{ position:relative; }
.share .networks a.share-more-dd{ text-indent:0; width:48px; height:13px; padding:2px 0 1px 9px; background:url(../img/bg-share-more.gif) no-repeat; text-transform:lowercase; font-size:0.95em; }
.share .networks a.share-more-dd:hover{ color:#000; text-decoration:none; background-position:-88px 0; }
#page .share .networks ul li a.active{ width:79px; background-position:-176px 0; }
.share .networks .share-additional{ padding:0 4px; width:78px; overflow:hidden; border:1px solid #ccc; border-top:0; position:absolute; top:16px; left:0; _left:-98px; background:#fff; }
.share .networks .share-additional li{ float:none; display:block; padding:7px 0 2px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; }
.share .networks .share-additional a{ display:block; width:100%; padding:4px 0 0 20px; color:#666; line-height:1em; text-indent:0; font-size:0.9em; }
.share .networks .share-additional a:hover{ color:#0099ff; text-decoration:none; background-position:0 0; }

.share-wrap .tools { float:right; display:inline; }
.share .tools a{ display:block; text-indent:-9999px; width:17px; height:17px; margin:1px 0 0 10px; }
.share .tools a:hover{ background-position:-17px 0; }
.share .tools .download{ background-image:url(../img/icons/ico-download.gif); }
.share .tools .subscribe{ background-image:url(../img/icons/ico-rss.gif); }
.share .tools .email{ background-image:url(../img/icons/ico-email.gif); }
.share .tools .print{ background-image:url(../img/icons/ico-print.gif); }

/*---------- Landing page assets ----------*/
#intro{ padding-bottom:9px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; }
.land-title { text-indent:-9999px; margin:28px auto 20px; }
.land-intro { text-align:center; line-height:130%; color:#333; font-size:1.16em; width:584px; margin:0 auto 0; padding-bottom:27px; }

/* ---------- Pagination ---------- */
.pagination { width:600px; overflow:hidden; background:url(../img/lines-hatches/cr-hatch-light-gray.gif); text-align:right; font-size:1.16em; }
.gr-browse .pagination{ margin:20px 0 0; }
.pagination ul { background:#fff; float:right; padding-left:5px; color:#666; padding-top:3px; }
.pagination ul li { float:left; display:inline; text-align:right; }
.pagination ul a { padding:0 7px; color:#0099FF; }
.pagination a.prev,.pagination a.next { position:relative; width:21px; height:21px; margin-top:-3px; }
.pagination ul a.prev { background:url(../img/buttons/btn-prev-sml.gif); }
.pagination ul a.next { background:url(../img/buttons/btn-next-sml.gif); }
.pagination ul a.prev,.pagination ul a.next { display:block; padding:0; height:21px; text-align:left; text-indent:-9999px; }
.pagination ul a.prev:hover, .pagination a.next:hover { background-position:-21px 0; }
.pagination ul li a.current{ text-decoration:none; color:#000; font-weight:700; }
.pagination ul li a:hover{ font-weight:700; }

/* ---------- Page Tags ---------- */
.tags { font-size:0.9em; margin-bottom:40px; }

/* ---------- Sub Titles -----------*/
.sub-title-more { width:115px; height:39px; background:url(../img/content/sub-title-more.gif); text-indent:-9999px; margin-bottom:20px; }

/* ----------- Wide Carousel -----------*/
.wide-carousel{ position:relative; background:url(cr-hatch-light-gray.gif); padding:12px; }
.wide-carousel .loading{ position:absolute; left:-9999px; }
.wide-carousel .learn{ text-transform:uppercase; font-weight:700; color:#000; font-size:1.16em; letter-spacing:-1px; }
.wide-carousel .learn a{ padding-right:12px; background-image:url(arrow-cr-expand.gif); background-position: 100% 50%; background-repeat: no-repeat; letter-spacing:0; font-size:0.8em; font-weight:700; }
.wide-carousel .learn a.active{ background-image:url(arrow-cr-collapse.gif); }
.wide-carousel .prev-wrap,
.wide-carousel .next-wrap,
.wide-carousel .carousel-wrap{ height:90px; float:left; display:inline; margin:15px 10px 15px 0; }
.wide-carousel .next-wrap{ margin-right:0; }
.carousel-wrap { width:820px; margin-bottom:0px; }
.wide-carousel .caro-btn{ display:block; width:28px; height:28px; text-indent:-9999px; margin-top:32px; }
.wide-carousel .caro-btn:hover{ background-position:-28px 0; }
.wide-carousel .prev{ background-image:url(../img/issues/carousel-prev.gif); }
.wide-carousel .next-wrap .disabled,
.wide-carousel .prev-wrap .disabled{ background-position:-56px 0; }
.wide-carousel .next{ background-image:url(../img/issues/carousel-next.gif); }
.wide-carousel .carousel{ position:relative; height:90px; }
.wide-carousel .carousel li{ float:left; display:inline; width:128px; height:88px; margin-right:8px; border:1px solid #e8e8e8; }
.wide-carousel .filter{ background:#000; width:128px; height:88px; margin-bottom:-88px; }
.wide-carousel h4{ position:relative; _height:1%; }
.wide-carousel .carousel li h4 a{ display:block; font-weight:700; padding:10px; height:65px; border-bottom:3px solid #000; line-height:125%; }
.wide-carousel .carousel li.hover h4 a{ color:#fff; text-decoration:none; border-bottom:3px solid #fff; }
.wide-carousel-btm{ margin:30px 0 -20px 0; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding-top:1px; }

} /* End screen media */

	
/*-------------- Styles for print media --------------*/
@media print {
	#top-nav,
	#footer{ display:none; }
} /* End print media */