/*
--------------------------------------------------------
project			VOCnederland.org (www.vocnederland.org) MODULES style sheet
author:   		noutwebdesign (http://www.noutweb.com)
----------------------------------------------------- */

/* ---------- 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-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(../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;
}
.quick_fact {
display:inline;
clear: both;
background:#ffcc00;
font-size:1.5em;
padding:6px 4px;
margin-bottom:15px;
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;
}