/*
-------------------------------------------------------------
project			ONE.org (www.one.org) ABOUT style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */

/* ---------- About Hero top ---------- */
#landing-hero{ position:relative; width:920px; height:48px; padding-top:302px; margin:30px 0; }
#landing-hero h1{ width:163px; height:42px; background:url(../img/about/title-our-story.png); text-indent:-9999px; position:absolute; top:10px; left:20px; }

/* ----------- About Landing hero images ----------- */
.landing-hero-1{ background:url(../img/about/bg-landing-hero-img-1.jpg); }
h1.our-partners{ height:67px; width:504px; background:url(../img/about/title-our-partners.gif); }

/* ---------- Introduction to ONE ---------- */
#one-intro{ padding-bottom:40px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; }
#one-intro h2{ background:url(../img/about/sprite-landing-titles.gif) no-repeat; height:26px; margin-bottom:20px; text-indent:-9999px; }
#one-intro .what{ background-position:0 -26px; }
#one-intro .how{ background-position:0 -52px; }
#one-intro p{ line-height:125%; margin-bottom:15px; }
#one-intro ul{ margin-bottom:-8px; }
#one-intro ul li{ margin-bottom:8px; }
#one-intro ul li a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding:0 0 0 10px; color:#0099ff; }

/* ---------- Archive Hero ---------- */
#archive-hero{ height:230px; background:no-repeat 0 100%; padding:38px 0 0 320px; }
#archive-hero h1{ font-size:2em; font-weight:700; text-transform:uppercase; margin-bottom:8px; }
#archive-hero p{ font-size:1.16em; line-height:135%; padding-right:45px; }
#archive-hero p.dates{ margin-bottom:15px; color:#666; }
#archive-hero ul{ width:100%; margin-top:17px; color:#ccc; font-size:1.05em; }
#archive-hero ul li{ float:left; display:inline; padding-right:5px; }
#archive-hero ul li a{ color:#0099FF; }

/* ----------Signup panel ---------- */
#pnl-signup{ height:38px; background:url(../img/about/bg-pnl-signup.png); width:880px; height:38px; margin:0 auto; }
#pnl-signup form{ position:relative; display:block; padding-left:300px; }
#pnl-signup label{ color:#fff; text-transform:uppercase; font-weight:700; float:left; display:inline; padding:14px 10px 0 0; font-size:0.9em; }
#pnl-signup .text{ float:left; display:inline; margin:8px 20px 0 0; width:120px; }
#pnl-signup .rollover{ margin-top:7px; }
#pnl-signup .why{ position:absolute; top:9px; left:854px; _left:554px; width:18px; height:18px; background:url(../img/icons/ico-why.png); text-indent:-9999px; }
#pnl-signup .why:hover{ cursor:hand; background-position:-18px 0; }

/* ----------- Our Partners ----------- */
#interest-promo{ position:relative; width:88px; height:128px; padding:28px 0 0 101px; text-align:center; background:url(../img/about/bg-interest-girl.jpg) no-repeat; margin-left:760px; margin-top:-132px; font-weight:700; }
#page #interest-promo a{ display:block; margin-top:4px; color:#FFF; }
#interest-promo.hover a{ text-decoration:underline; }

#partners-list{ position:relative; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x; padding-top:20px; }

/* ----------- Partner Filter ----------- */
.partners-filter{ text-align:right; padding-bottom:10px; font-weight:700; color:#000; }
.partners-filter p{ float:left; margin-top:3px; }
.partners-filter form{ float:right; font-size:0.9em; }
.partners-filter label{ _margin-top:-14px; zoom:1; }
.partners-filter form select{ margin-left:5px; }

/* ----------- Structure for both large and small partners ----------- */
.partner-row{ background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x; padding:20px 0; }
.partner-row .wrap{ background:no-repeat 50% 50%; }
.partner-row a{ display:block; text-indent:-9999px; }
.partner-row a.hover, .partner-row a:hover{ margin:0; border:5px solid #0099ff; }
#page .partner-row .last{ background:none; padding-right:0; }
.partner-row .unit{ background:url(../img/lines-hatches/dot-line-vert-gray.gif) repeat-y 100% 0; float:left; display:inline; }
.pr-lrg .unit div{ margin:0 50px; }
.pr-lrg a{ width:190px; height:140px; }
.pr-lrg .unit .wrap{ height:150px; }
.pr-lrg .unit .wrap .desc{ display:none; }
.pr-lrg .unit{ width:300px; height:150px; overflow:hidden; }
#page .pr-lrg .mid{ padding:0 10px; }
.pr-med a{ width:110px; height:90px; }
.pr-med .unit{ width:120px; height:100px; padding:0 20px; overflow:hidden; }
.pr-med .unit .wrap{ height:100px; }
.pr-med .first{ padding:0 20px 0 0; width:120px; }
.pr-med .last{ width:120px; }

/* Lots of background images for partners - large and medium */
.pr-lrg .bread-world{ background-image:url(../img/partners/logo-bread-world-lrg.gif); }
.pr-med .bread-world{ background-image:url(../img/partners/logo-bread-world-med.gif); }
.pr-lrg .data{ background-image:url(../img/partners/logo-data-lrg.gif); }
.pr-med .data{ background-image:url(../img/partners/logo-data-med.gif); }
.pr-lrg .oxfam{ background-image:url(../img/partners/logo-oxfam-lrg.gif); }
.pr-med .oxfam{ background-image:url(../img/partners/logo-oxfam-med.gif); }
.pr-lrg .care{ background-image:url(../img/partners/logo-care-lrg.gif); }
.pr-med .care{ background-image:url(../img/partners/logo-care-med.gif); }
.pr-lrg .medical-corps{ background-image:url(../img/partners/logo-imc-lrg.gif); }
.pr-med .medical-corps{ background-image:url(../img/partners/logo-imc-med.gif); }
.pr-lrg .rescue-committee{ background-image:url(../img/partners/logo-irc-lrg.gif); }
.pr-med .rescue-committee{ background-image:url(../img/partners/logo-irc-med.gif); }
.pr-med .mercy-corps{ background-image:url(../img/partners/logo-mercy-corps-med.gif); }
.pr-med .mercy-corps-2{ background-image:url(../img/partners/logo-mercy-corps-2-med.gif); }
.pr-med .glimmer-hope{ background-image:url(../img/partners/logo-hope-med.gif); }
.pr-med .plan{ background-image:url(../img/partners/logo-plan-med.gif); }
.pr-med .save-children{ background-image:url(../img/partners/logo-save-children-med.gif); }
.pr-med .world-concern{ background-image:url(../img/partners/logo-world-concern-med.gif); }
.pr-med .world-vision{ background-image:url(../img/partners/logo-world-vision-med.gif); }
.pr-med .action-hunger{ background-image:url(../img/partners/logo-action-hunger-med.gif); }
.pr-med .africare{ background-image:url(../img/partners/logo-africare-med.gif); }
.pr-med .artisans{ background-image:url(../img/partners/logo-artisans-med.gif); }
.pr-med .alliance-hunger{ background-image:url(../img/partners/logo-alliance-hunger-med.gif); }
.pr-med .arc{ background-image:url(../img/partners/logo-arc-med.gif); }
.pr-med .ribbon{ background-image:url(../img/partners/logo-ribbon-med.gif); }
.pr-med .bridges-prosperity{ background-image:url(../img/partners/logo-bridges-prosperity-med.gif); }
.pr-med .child-health{ background-image:url(../img/partners/logo-child-health-med.gif); }
.pr-med .doctors-world{ background-image:url(../img/partners/logo-doctors-world-med.gif); }
.pr-med .engineers{ background-image:url(../img/partners/logo-engineers-med.gif); }
.pr-med .emergent{ background-image:url(../img/partners/logo-emergent-med.gif); }

/* ----------- Tooltips for Partner logos ---------- */
.tooltip{ z-index:99; position:absolute; top:0; left:0; text-align:left; }
.tooltip .top{ padding:32px 24px 10px 24px; *padding-bottom:0; line-height:125%; }
#tooltip-lrg{ width:348px; }
#tooltip-sml{ width:253px; }
#tooltip-lrg .top{ background:url(../img/about/tt-partners-lrg-top.png) no-repeat; *height:1%; }
#tooltip-sml .top{ background:url(../img/about/tt-partners-sml-top.png) no-repeat; *height:1%; }
.tooltip a{ color:#0099ff; font-weight:700; }
.tooltip a:hover{ color:#000; text-decoration:none; }
.tooltip .desc{ line-height:133%; }
.tooltip .desc a{ position:relative; font-size:1.16em; }
.tooltip .desc a:hover{ text-decoration:underline; color:#0099ff; }
.tooltip .news{  font-size:0.9em; }
.tooltip .news h4{ text-transform:uppercase; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x; margin:10px 0 5px 0; padding-top:10px; }
.tooltip .news ul{ margin-bottom:-4px; *height:1%; }
.tooltip .news ul li{ margin-bottom:4px; *height:1%; }
.tooltip .news ul a{ position:relative; display:block; font-weight:400; background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 5px; padding-left:10px; }
.tooltip .news ul a:hover{ color:#0099FF; text-decoration:underline; }
#tooltip-lrg .btm{ background:url(../img/about/tt-partners-lrg-btm.png) no-repeat; height:29px; }
#tooltip-sml .btm{ background:url(../img/about/tt-partners-sml-btm.png) no-repeat; height:29px; }

/* ------------ Errors ------------------------- */
#pnl-signup input.error,
#pnl-signup label.error
{ 
    font-weight: bold;
    color: red;
}