/* NSPCC
*  childvoiceappeal.css
*  Styles for the Child Voice Appeal section
*  Date: 02-03-2008
*/


/* Legacy styles from previous NSPCC childvoiceappeal stylesheet */
.appeal #mast-head h2 {background: url(../img/green/hd_appeal.gif) 0px 20px no-repeat;}
.head-bg .bg-img { background:transparent url(../img/green/bg_what_we_do_3.gif) no-repeat scroll left bottom; height:235px; margin:-150px 0 0 280px; position:absolute; width:226px; }
.childline_logo { margin:15px 0 0 75px; }

#left-nav { padding-top: 34px; }

#central-col { margin-top: 10px; padding-top: 70px; background: url(../img/bg_childvoiceappeal.jpg) no-repeat; }
	#central-col h4 { color: #99CC33; font-size: 105%; line-height:120%; padding-bottom:11px; font-weight: bold; }
	#central-col ul { list-style: none; padding: 0px; margin: 0px; }
	#central-col p { padding-right: 0px; font-size:80%;}
	#central-col a { color:#99CC33; }


/*  .homepage-hero styles */
#central-col .homepage-hero .article-title h3 { margin-bottom: 0px; }
#central-col .homepage-hero .article-title ul { padding: 0px; }


/*  .homepage-hero-content styles */
#central-col .homepage-hero-content { padding-bottom: 15px; }
	#central-col .homepage-hero-content img { float: right; padding-right: 45px;}
	#central-col .homepage-hero-content p { width: 300px; font-size: 140%; padding: 20px 0 0 0; margin: 0px; }


/*  .sub-hero-module styles */
#central-col .sub-hero-module { border-top: 1px solid #d5d7d3; padding: 15px 0 0 0; }
	#central-col .sub-hero-module img, #central-col .sub-hero-module object { padding-bottom: 15px; }
	#central-col .sub-hero-module div { display: block; }
		#central-col .sub-hero-module h4 { color:#99cc33; }
		#central-col .sub-hero-module div p { padding: 0px; }
			#central-col ul { list-style: none; padding: 0 0 15px 0; margin: 0px; }
	#central-col .sub-hero-module embed { background: url(../img/videopage-placeholder.png) no-repeat; }
		
	/*  image placement styles (left/right) to be used in conjunction with .sub-hero-module  */
	#central-col .image-left img, #central-col .image-left object { float: left; margin-right: 15px; }
	#central-col .image-right img, #central-col .image-right object { float: right; margin-left: 15px; }


/*  .mini-hero-module styles */
#central-col .mini-hero-module { border-top: 1px solid #d5d7d3; padding: 15px 0 0 0; }
	#central-col .mini-hero-module img { padding-bottom: 15px; }
	#central-col .mini-hero-module h4 { font-size: 100%; padding-bottom: 0px; }
		#central-col .mini-hero-module h4 a { font-size: 100%; }
	#central-col .mini-hero-module p { padding: 0px; }


/*  .two-columns styles */
#central-col .two-columns { overflow: hidden; width: 532px; border-top: 1px solid #d5d7d3; }
	#central-col .two-columns .sub-hero-module, 
	#central-col .two-columns .mini-hero-module { float: left; width: 246px; margin-right: 20px;}
	#central-col .two-columns .sub-hero-module { border: none; }
		

/*  .three-columns styles */
#central-col .three-columns { overflow: hidden; width: 552px; }
	#central-col .three-columns .sub-hero-module, 
	#central-col .three-columns .mini-hero-module { float: left; width: 164px; margin-right: 20px;}


/*  .progress-module styles */
#central-col .progress-module { border-top: 1px solid #d5d7d3; padding: 15px 0 5px 0; margin-bottom: -50px; }
	#central-col .progress-module ul { padding-top: 14px; }
	#central-col .progress-module embed { background: url(../img/progress-placeholder.png) no-repeat; }


/*  .article-title styles  */
#central-col .article-title { overflow: hidden; padding-top: 10px; }
	#central-col .article-title h3 { float: left; font-size:180%; color: #99cc33; width: 355px; font-weight: normal; line-height:105%; }
		#central-col .article-title h3 span { color: #4e4e4e; font-size: 90%; }
	#central-col .article-title h4 {  color: #545454; font-size:120%; line-height:110%; padding-bottom: 22px; clear: both; font-weight: normal; padding-top: 5px; }
	#central-col .article-title ul { float:right; padding-right: 0px; margin: 0px; }
		#central-col .article-title ul li { list-style: none; }
			#central-col .article-title ul li a { display: block; width: 101px; height: 38px; }
			#central-col .article-title ul li a:hover { text-decoration: none; }
				#central-col .article-title ul li a span { position: relative; left: 9999px; }


/**  "IN YOUR AREA" STYLES (T2, T3)  **/

/*  .map-selector-module styles  */
#central-col .map-selector-module { border-top: 1px solid #d5d7d3; padding: 15px 0 5px 0; }
	#central-col .map-selector-module label { float: left; padding-right: 20px; }
	#central-col .map-selector-module select { float: left; margin-right: 10px; width: 120px; }
	#central-col .map-selector-module input { float: left; margin-top: -3px; }


/*  .map-selector-module styles  */
#central-col .map-selector-module { border-top: 1px solid #d5d7d3; padding: 15px 0 20px 0; }
	#central-col .map-selector-module p { float: left; padding-right: 20px; }
	#central-col .map-selector-module select { float: left; margin-right: 10px; width: 120px; }
	#central-col .map-selector-module input { float: left; margin-top: -3px; }

#central-col .flash-map { background: url(../img/map-large.png) top left no-repeat; }


/*  .article-intro styles  */
#central-col .article-intro {  }
	#central-col .article-intro  p { padding: 0px; display: block; }
		#central-col .article-intro p span { font-size: 130%; padding-right: 25px; }
	#central-col .article-intro  div { clear: both; }


/*  .quote-module styles  */
#central-col .quote-module { border-top: 1px solid #d5d7d3; border-bottom: 1px solid #d5d7d3; padding: 15px 0 15px 0; }
	#central-col .quote-module p { padding: 0px; margin: 0px; display: block; }
	#central-col .quote-module div { float: left; }
	#central-col .quote-module h4 { color: #99cc33; }
		#central-col .quote-module div p { padding-top: 15px; }
	#central-col .quote-module blockquote { float: right; width: 337px; padding: 0 0 0 30px; background: url(../img/quote-open.png) top left no-repeat; }
		#central-col .quote-module blockquote p { background: url(../img/quote-close.png) bottom right no-repeat; font-size: 95%; padding: 5px 10px 10px 0; }
	

/*  .localevents-module styles  */
#central-col .localevents-module { background-color: #d1f0db; padding: 15px 15px 0px 15px; margin: 15px 0; }
	#central-col .localevents-module  p { padding: 0px; display: block; }
	#central-col .localevents-module ul { border-top: 1px solid #FFFFFF; padding: 15px 0 9px 0; }
		#central-col .localevents-module li { padding-bottom: 6px; }


/*  .howwehelp-module styles  */
#central-col .howwehelp-module { border-top: 1px solid #d5d7d3; padding: 15px 0 0 0; }
	#central-col .howwehelp-module h5 { color: #99CC33; font-size: 130%; padding-bottom: 10px; }
	#central-col .howwehelp-module p { padding: 0px; display: block; }


/*  .news-module styles  */
#central-col .news-module { border-top: 1px solid #d5d7d3; padding: 15px 0 5px 0; }
	#central-col .news-module p { padding: 0px; display: block; }
	#central-col .news-module ul { padding: 0px 0px 10px 0px; }
		#central-col .news-module li { padding-bottom: 6px; }


/**  "GENERIC PAGES" STYLES (T4, T5)  **/

/*  .content-col styles  */
#central-col .content-col { float: left; width: 350px; margin-top: 5px; }
	#central-col .content-col h4 { color: #545454; font-size:1em; line-height:110%; padding-bottom: 22px; font-weight: normal;}
	#central-col .content-col img { padding-bottom: 14px; }
	#central-col .content-col hr { color: #d5d7d3; background-color: #d5d7d3; margin: 0 0 18px 0; padding: 0px; height: 1px; border: 0; }
	#central-col .content-col p { margin-bottom: 14px; padding: 0px; }
		#central-col .content-col p a {  }
	#central-col .content-col ul { padding: 0px; margin: 0px 0px 15px 0px; }
		#central-col .content-col ul li { list-style: none; background: url(../img/bullet-black.png) no-repeat; padding-left: 8px; }
	
		
/*  .right-col styles  */
#central-col .right-col { float: right; width: 165px; margin-top: 5px; }
	#central-col .right-col .contextual-links { border-width:1px 0px 1px 0px; border-color:#d5d7d3; border-style:solid; margin-bottom:20px;}
		#central-col .right-col .contextual-links h4 { color: #99CC33; font-size: 140%; font-weight: normal; padding-bottom: 15px; padding-top: 8px; }
		#central-col .right-col .contextual-links ul { margin: 0px; padding: 0px; }
			#central-col .right-col .contextual-links ul li { list-style: none; padding: 0px 0px 16px 0px; margin-left: 0px; }
				#central-col .right-col .contextual-links ul li a {  }


/*  .grey-box styles  */	
#central-col .grey-box { background-color: #e6e7e8; width: 100%; overflow:hidden; margin-bottom: 15px;}
	#central-col .grey-box h4 { display: block; margin: 13px 13px 0px 13px; padding-bottom: 10px; }
	#central-col .grey-box p { margin: 0px; padding: 0px 13px 13px 13px; }
	#central-col .grey-box ul { margin: 0px; padding: 0px 13px 10px 13px;  }
		#central-col .grey-box ul li { list-style: none; margin-left: 0px; }
			#central-col .grey-box ul li a { display: block; }


/*  .summary-section styles  */	
#central-col .summary-section { border-top: 1px solid #d5d7d3; padding: 15px 0 5px 0; }
	#central-col .summary-section img { float: right; }		
	#central-col .summary-section h5 { color: #99CC33; font-size: 140%; }		
	#central-col .summary-section p { padding: 0 150px 10px 0; margin: 0px;}		
		#central-col .summary-section p span { color: #333333; }		
	#central-col .summary-section ul { padding: 0 0 10px 0; list-style: none; margin: 0px; }		
		#central-col .summary-section ul li { margin: 0px; padding: 0px; }
			#central-col .summary-section ul li {  }


/*  .content-footer styles  */	
#central-col .content-footer {  }
	#central-col .content-footer img { }
	#central-col .content-footer dl { padding: 30px 0 8px 0; border-bottom: 1px solid #d5d7d3; overflow: hidden; }
		#central-col .content-footer dl dt { display: block; padding-bottom: 10px; }
		#central-col .content-footer dl dd { float: left; padding: 0 12px 0 23px; }
			#central-col .content-footer dl dd.delicious { background: url(../img/bg-delicious.png) no-repeat; }
			#central-col .content-footer dl dd.digg { background: url(../img/bg-digg.png) no-repeat; }
			#central-col .content-footer dl dd.reddit { background: url(../img/bg-reddit.png) no-repeat; }
			#central-col .content-footer dl dd.facebook { background: url(../img/bg-facebook.png) no-repeat; }
			#central-col .content-footer dl dd.stumbleupon { background: url(../img/bg-stumbleupon.png) no-repeat; }
			#central-col .content-footer dl dd.twitter { background: url(../img/bg-twitter.png) no-repeat; }
		#central-col .content-footer dl dd a { font-weight: normal; }


/**  "DONATE" STYLES (T7)  **/

#central-col .donate-title { }
	#central-col .donate-title h3 { color: #c40775; float: none; }
	#central-col .donate-title p { color: #545454; font-size:0.75em; line-height:110%; font-weight: normal; padding-right: 20px; margin-bottom: 15px;}

#central-col .donation-column { float: left; width: 246px; margin-right: 20px; }
	#central-col .donation-column h5 { font-size: 100%; font-weight: normal; padding-bottom: 15px;}
	#central-col .donation-column div { padding-bottom: 15px;}

#central-col .donation-progress { border-top: 1px solid #d5d7d3; padding: 15px 0; margin-top: 20px;}
	#central-col .donation-progress embed { background: url(../img/donate-plateholder.png) no-repeat; }


/** Styles to RE-BRAND the video page ()  **/

.boy_green_butterfly { display: none; }
.line_logo { display: none; }

.vidbox { height:225px; margin-top:15px; }
.vidbox2 { height:225px; }
.video_placeholder2 { float:left; margin:0 20px 0 0; }
embed.video_placeholder2 { background: url(../img/videopage-placeholder.png) no-repeat; }
.appeal #central-col h3.why-head-color { font-size:240%; color: #99CC33; width: 410px; font-weight: normal; line-height:105%; padding-top: 10px;}
.appeal #central-col h4.why-head-color { color: #545454; font-size:190%; line-height:110%; font-weight: normal;  }
.appeal #central-col .video-placeholder2 h4.why-head-color { color: #99CC33; font-size: 140%; line-height:140%; padding-bottom:11px; font-weight: normal; }
.vidbox3 { height:230px; }
.flash { margin:0 0 20px; }
.underline { border-top:1px solid #CCCCCC; height:2px; width:100%; }
#central-col .cva_btns { float:left; margin-bottom:40px; width:266px; }
	#central-col .cva_btns p { margin:-12px 0 10px; }
	
/* styles to fix swfobject */
#central-col .flash_movie {float:left; clear:left; margin-right:15px; padding-bottom:15px; background: url(../img/placeholders/videopage.gif) no-repeat;}
#central-col .flash_movie object {float:none; margin:0; padding:0; background:none;}

#central-col .flash_movie.progress, 
#central-col .flash_movie.map {background:none;}

#central-col .flash_movie .no_flash p, 
#central-col .flash_movie .no_flash p img {margin:0;}