/*
-------------------------------------------------------------
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(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; } /*ADDED*/
.mod ul.item-borders li{ background:url(../img/lines-hatches/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:10px; 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-action .bnr-feat { width:95px; height:95px; background:url(../img/bnr-feature.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(../img/lines-hatches/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(http://s3.amazonaws.com/one.org/images/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-bread{ background-image: url(http://s3.amazonaws.com/one.org/images/logo-bread-world-sml.jpg);}
.mod-rel-partners ul li a.ptr-worldvision{ background-image: url(http://s3.amazonaws.com/one.org/images/logo-worldvision-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(../img/about/bg-milestone.gif) repeat-y; }
#page .mod-milestones li.now{ background:url(../img/about/bg-milestone-now.gif) repeat-y; }
#page .mod-milestones li.now .date{ background:url(../img/about/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:2px; }
#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; }