/* Oxfam.org.uk/Oxfam
*  rightcol.css
*  right-column css styling
*  Author: Lucy Barker, AvenueA | Razorfish
*  Date: 26-03-2007
*  v.1.0*/

.span1-col .panel input.txt, .span1-col .panel textarea.txt {margin:4px 0 -2px 0;}
.span1-col .panel input.txt {width:170px;}
.span1-col .panel textarea.txt {width:164px;}

.span1-col .panel {padding:20px 12px; font-size:90%;}
.span1-col .panel a {font-weight:bold;}
.span1-col .panel h3 {margin:-3px 0 13px 0; font-size:155%;}
.span1-col .panel h4 {font-size:100%;}
.span1-col .panel ol {list-style-position:inside; font-weight:bold; margin-bottom:-19px; padding:0;}
.span1-col .panel ol li {margin-bottom:25px;}
.span1-col .panel ol h4 {display:inline; margin-left:-4px; font-size:100%; font-weight:bold;}
.span1-col .panel ol p {font-weight:normal; margin:6px 0 14px 0;}
.span1-col .panel ol input.txt {width:138px; margin-top:11px;}
.span1-col .panel ol input.btn {margin:1px 0 -10px 0;}

.span1-col .panel fieldset .radio-grp {margin-top:18px;}
.span1-col .panel fieldset input.radio {margin:0 7px 0 0; float:left;}
.span1-col .panel fieldset label {width:145px; margin:2px 0 7px 0; vertical-align:middle; float:left;}
.span1-col .panel #country {margin-top:-5px;}

.span1-col .panel img.flush-l {margin-left:-12px;}

.span1-col .btnonly {padding:1px 10px 15px 14px;}
.span1-col .btnonly img {vertical-align:text-bottom;}

.span1-col .white input.txt {background:#fff; border:solid 1px #A7998F;}
.span1-col .xtra-info, .span1-col .xtra-info a {color:#72523f; font-weight:normal; font-size:100%;}

.span1-col .form fieldset	{margin:10px 0 0 0;}
.span1-col .form fieldset p	{margin:0 0 5px 0; font-size:90%;}
.span1-col .form label {font-size:100%;}
.span1-col .sml label	{font-size:90%;}
.span1-col .form input {font-size:100%; width:90px; padding:0 5px; margin:3px 0 7px 0px; vertical-align:middle;}
.span1-col .form input.name	{width:170px; font-size:90%; padding:2px 5px;}
.span1-col .form input.donate	{width:94px; padding:3px; margin:10px 0 0 12px;}
.span1-col .form input.btn {margin:10px 0 0 0; padding:0; float:right; vertical-align:middle;}
.span1-col .form span {color:#000; float:left; line-height:25px; margin:10px 0 0 0;}
.span1-col .form label span {line-height:15px; color:#717171;}
.span1-col .form textarea	{width:190px; height:82px; margin:8px 0; padding:5px; overflow:scroll;}
.span1-col p.sml	{font-size:90%;}
.span1-col .tellus fieldset {margin:10px 0;}
.span1-col .tellus input.btn {}

.inline-panel {width:130px; padding:12px 24px; margin:4px 0 20px 20px; border:solid 1px #dcd0c6; background:#f2ede4; float:right; clear:right;}
.inline-panel h3 {min-height:24px; margin:5px 0;}
 
.join-petition {position:relative; top:-7px; left:32px; margin:0;}
.join-petition p, .join-petition h3 {margin:8px -13px;}

.updated-resources {}
.updated-resources h4, .updated-resources p {margin:0;}
.updated-resources img {margin-top:3px; float:left; clear:left;}
.updated-resources .item {margin-bottom:20px;}
.updated-resources .txt {padding-left:85px;}


.your-actions span {display:block; min-height:30px; font-size:88%; padding-left:82px;}
.span1-col .your-actions span a {color:#67ac20;}
.your-actions .btn {margin:0 0 11px 0; float:left; clear:left;}


.span1-col .oxfamlinks h3, .span1-col .oxfamlinks h4, .span1-col .oxfamlinks p {margin:0;}
.span1-col .oxfamlinks h3 {margin-bottom:5px;}
.span1-col .oxfamlinks h4 {margin-top:-5px;}

.span1-col .most-read h3, .span1-col .most-read h4, .span1-col .most-read p {margin:0;}
.span1-col .most-read h4 {margin-top:11px}

.span1-col .relatedlinks ul {margin-bottom:-5px;}
.span1-col .relatedlinks li {margin-bottom:5px;}

.span1-col p span			{font-size:90%;}
/* LINKS - normal weight exceptions */
.span1-col .panel li a, .span1-col .panel h3 a,
.span1-col .key-resources a,
.span1-col .your-actions span a, 
.span1-col .oxfamlinks a {font-weight:normal;}


/* SIGNPOST STYLING */
/* little icon & text modules to promote other areas of the site */
.sign-posts {margin-bottom:-3px;}
.sign-posts h3 {margin:23px 0; text-align:right;}
.sign-posts h4 {margin:0 0 7px 0; min-height:24px;}
.sign-posts .post {margin:0 0 40px 0;}
.sign-posts .post p {margin:0px;}
.sign-posts .post img {float:left; clear:left;}
.sign-posts .post .txt {padding-left:92px; margin: 0px;}
.sign-posts .post .newsletter-signup {margin-left:-86px;}
	.sign-posts .post .newsletter-signup label {display:none;}
	.sign-posts .post .newsletter-signup input {float:left;}
	.sign-posts .post .newsletter-signup input.txt {width:140px; padding:2px; border:solid 1px #7f9db9;}
	.sign-posts .post .newsletter-signup input.btn {position:relative; top:-2px; left:10px; float:left;}
.span1-col .post	{margin:0 0 24px 0;}
.span1-col .post ul		{margin:8px 0 10px 0;}
.span1-col .post ul li {width:160px; list-style-type:none; display:inline; float:left; margin:0 0 12px 0;}
.span1-col .panel-promo ul.doodle 		{position:relative; left:0px;}
.span1-col .panel-promo ul.doodle li	{display:inline; list-style-type:none; float:left; padding:0; margin:-1px 0; width:68px; border:none;}
.span1-col .post ul.case-studies li	{font-size:95%; display:inline; float:left; width:92px;}
.span1-col .post ul.case-studies li	a	{font-weight:bold;}
.span1-col .post ul.case-studies li.txt	{font-weight:normal; width:100px;}
.span1-col .post ul li.first 	{width:40px; vertical-align:top; margin:0;}
.span1-col .post p	{margin-top:8px;}
.blog span, .shop span, .gift span, .fundraise span, 
.actionlist span, .volunteer span, .work span, 
.campaign span, .signup span, .stories span {position:absolute; left:-10000px;}

/* REBRAND 08: nw right column styling */
.panel-promo		{margin:0 0 20px 0; padding:0;}
.panel-promo h3		{height:70px;}
.panel-promo h4		{font-weight:bold; margin:5px 0 0 0; color:#717171;}
.panel-promo a		{font-size:100%; font-weight:normal;}
.panel-promo a img	{position:relative; top:0px;}