/* NSPCC
*  blue.css
*  Colour-scheme styles for blue 'Get involved' section
*  Date: 11-07-2006
*  v.1.0
*/

/* WARNING: some classes will be different when compared to other colour stylesheets
DO NOT assume all colour.css files are the same */

h2, h3, 
.secondary-heroes .col h3,
.lower-hub #central-col h3,
.why-we-need-hub #central-col h3,
.event-listing #central-col h3 a,
#left-nav dl#current-section dt a, 
#mast-head-promos .promo a,
#central-col p.quotation,
#hub #central-col #related-topics h4,
#central-col h2.step,
#central-col .hub-row h2 {color:#006adb;}

/* 
SJS Removed
#central-col .form-block p input, 
#central-col .form-block select,
#central-col .form-block textarea  {border:solid 1px #7f9db9;}
*/

#mast-head h2 {background: url(../img/blue/hd_get-involved01.gif) 0 26px no-repeat;}
#central-col #related-topics {border-top:solid 3px #b1d2f5;}
#hub #central-col #related-topics {border:none;}
ul.faq-question-list {border-bottom:solid 1px #b2d2f4;}

#central-col .form-block,
#central-col .form-block li {background:#e0ebf8;}
/* SJS Added */
#central-col .form-block fieldset legend {color: #000000; font-weight: bold;}

.lower-hub .secondary-heroes .col {border-left:solid 1px #b2d2f4;}

/* HEADER GRAPHIC for get involved hub-page */
body.get-involved01 .head-bg .bg-img,
body.get-involved02 .head-bg .bg-img {position:absolute; margin:-198px 0 0 290px; width:154px; height:283px; background:url(../img/blue/bg_get_involved.jpg) no-repeat; z-index:1;} 


/* GET INVOLVED HUB-PAGE ADAPTIONS of existing hub-page ids and classes */
body.get-involved01 #central-col #related-topics {width:348px; padding:0; margin:20px 0 0 0; float:left;}
	.get-involved01 #central-col #related-topics h3 {color:#545454; font-weight:bold;}
	.get-involved01 #central-col #related-topics p {margin-bottom:6px; padding:0;}
	


/* HIGHLIGHTED LINKS - BLUE e.g. "donate now" */
body.prominent-mast #mast-head-promos {background:#fff url(../img/blue/bghl_promo.gif) repeat-y bottom center;}
body.prominent-mast .head-bg .bg-img {background:url(../img/blue/bg_get_involved_2.jpg) no-repeat; z-index:1;} 


/* various shared backgrounds styling for highlighter-pen-striped links */
#central-col .hub-row {border-bottom:solid 1px #b2d2f4;}
#central-col .hub-row li,
#primary-hero li, 
#primary-hero .primary-hero li {background:url(../img/blue/bg_hl_left.gif) no-repeat left !important;}

#central-col .hub-row li a,
#primary-hero li a,
#primary-hero .primary-hero li a {background:url(../img/blue/bg_hl_right.gif) no-repeat right !important;}

#primary-hero span {background:url(../img/blue/bghl_primary_hero_left.gif) no-repeat left;}
	#primary-hero span a {background:url(../img/blue/bghl_primary_hero_right.gif) no-repeat right;}
#primary-hero span.long {background:url(../img/blue/bghl_primary_hero_left-long.gif) no-repeat left;}	
		
#hub #central-col .secondary-heroes li a,
#central-col .secondary-heroes li a {background:url(../img/blue/bghl_hero.gif) no-repeat;}

/* PROMOTIONS - BLUE */

/* general action-list promo - width 348px */
#central-col .action-list {background:url(../img/blue/inflowpromo_action.gif) repeat-y;}
	#central-col .action-list h3 {background:url(../img/blue/inflowpromo_action_top.gif) no-repeat;}
	#central-col .action-list .btm {background:url(../img/blue/inflowpromo_action_btm.gif) no-repeat left bottom;}

/* lower-level generic hub action-list promo - width 165px */
.lower-hub #central-col .action-list {background:url(../img/blue/inflowpromo_action_hub.gif) repeat-y;}
	.lower-hub #central-col .action-list h3 {background:url(../img/blue/inflowpromo_action_hub_top.gif) no-repeat;}
	.lower-hub #central-col .action-list .btm {background:url(../img/blue/inflowpromo_action_hub_btm.gif) no-repeat left bottom;}
	
	
/* WHY WE NEED YOUR HELP HUB */

.why-we-need-hub #central-col .action-list {width:165px; margin-top:20px; margin-left:0;}
	.why-we-need-hub #central-col .action-list p {padding:0 12px 9px 12px;}
	.why-we-need-hub #central-col .action-list .btm {width:165px; height:17px; line-height:17px; margin-top:-7px;}	
	
	.why-we-need-hub #central-col .action-list h3 {background:url(../img/blue/inflowpromo_why_we_need_hub_top.gif) no-repeat;}
	.why-we-need-hub #central-col .action-list .btm {background:url(../img/blue/inflowpromo_action_hub_btm.gif) no-repeat left bottom;}

.why-we-need-hub .secondary-heroes .col img {padding:5px 0 5px 0;}
.why-we-need-hub .secondary-heroes .central img  {padding:5px 0 5px 10px;}


/* END WHY WE NEED YOUT HELP HUB */


/* EVENT LISTING PAGE */
.event-listing #central-col h3.event-date				{width:265px; float:left;}
.event-listing #central-col form.event-calendar			{width:165px; float:right;}
.event-listing #central-col form select					{margin:5px 0 0 0; width:130px;}
.event-listing #central-col form input.go-submit		{vertical-align:bottom; margin:0 0 0 5px;}

.event-listing #central-col .event-module				{margin-top:20px; padding:30px 0 0 0; border-top:1px solid #d8e8f9;}
.event-listing #central-col .event-module h3			{margin:0; padding:0; width:350px;}
.event-listing #central-col .event-module p 			{padding:0; margin:10px 0 2px 0;width:348px;}
/* END EVENT LISTING PAGE */  


/*  Frazer added for t41*/
/* #central-col .achieved span {font-size: 140%;background:url(../img/blue/bg_hl_left.gif) no-repeat left;position:relative; left:-8px; }
#central-col .achieved span a {background:url(../img/blue/bg_hl_right.gif) no-repeat right; color: #000; padding:0px 15px 0 10px;} */
/* DP 24/07/2007 */
#central-col .achieved ul {list-style-type:none; position:relative; margin: 5px 0pt; left:-8px;}
/* #central-col .achieved li {font-size: 140%; background:url(../img/blue/bg_hl_left.gif) no-repeat left;position:relative; left:-8px;} */
/* #central-col .achieved li a {background:url(../img/blue/bg_hl_right.gif) no-repeat right; color: #000; padding:0px 15px 0 10px;} */
#central-col .achieved li a {background:url(../img/blue/bg_hl_right.gif) no-repeat right; color: #000; padding:0px 10px;}
#central-col .achieved li {font-size: 140%; background:url(../img/blue/bg_hl_left.gif) no-repeat left;padding: 3px 0pt;display:inline;}


#related-topics .col-left a {font-weight:normal;}
#related-topics .col-right {border-left:solid 1px #b2d2f4;}
#related-topics .col-right h3 {line-height:20px;}

#promo-box {margin: 5px; width: 257px;}
#promo-box div.top {background: url(../img/blue/inflowpromo_top.gif) no-repeat bottom;width: 257px; height: 22px;}
#promo-box div.txt {background: url(../img/blue/inflowpromo_sides.gif) repeat-y;width: 227px; padding: 5px 15px 0px 15px; margin: 0px;}
#promo-box div.btm {background: url(../img/blue/inflowpromo_btm.gif) no-repeat bottom;width: 257px;height: 30px;}