/* NSPCC
*  nsu.css
*  Styles for the National Safeguarding Unit (NSU)
*  Date: 23-03-2009
*/

@import url("flyout.css");

* { margin:0; padding:0; border: 0px; }
body { color:#363635; font-size:90%; line-height: 135%; position: relative; }
body, select, input, textarea { font-family: arial, helvetica, sans-serif !important; }

h1 { width: 190px; height: 92px; display: block; margin: 12px 450px 0px 30px; float: left; padding-bottom: 14px;} /* Modified in IE6.css */
	h1 span { position: absolute; left: -9999px; }
h2 {  }
h3 {font-size:200%; font-weight: normal; margin-bottom: 25px; padding-top: 1px;} /* NSPC0061-109 */
h4 {font-size:130%; font-weight: normal; margin-bottom: 10px; }

a { color: #4ca100; text-decoration: none; }
a:hover {  }

ul { list-style: none; }
.small { font-size: 70%; }
.caption { font-size: 90%; margin: 10px 0 30px 0; } 

.wrapper { margin: 0 auto; width: 946px; }

.header { background: url(/_layouts/NSUImages/bg-header-full.png) bottom left no-repeat; padding-top: 5px; width: 946px; position: relative; z-index: 50; }
/* Overridden in ie and ie6.css */

	.header div.search-login { color: #FFFFFF; width: 265px; text-align:right;}
	
		.header div.search-login span { width: 215px; display: block; text-align: left; padding-left: 25px;}
		.header div.search-login span.hidden { display: none; }
		.header div.search-login span.logged-in { padding-top: 15px; }		
			.header div.search-login a { color: #FFFFFF; }
			.header div.search-login span.logged-in a { text-decoration: underline; }
			.header div.search-login a:hover { text-decoration: underline; }

		.header div.search-login img { padding-right: 5px; position: relative; top: 10px; }
		.header div.search-login form { margin-bottom: -8px; }
		.header div.search-login input.textbox-search { padding: 6px 11px; background: url(/_layouts/NSUImages/bg-searchfield.png) top left no-repeat; width: 157px; position: relative; top: -4px; color: #777777; font-size: 115%; height: 20px;}	
		.header div.search-login input.submit-search { position: relative; left: -4px; top: 5px;}
			.header div.search-login ol { list-style: none; }
				.header div.search-login ol li {display: inline;}
		.header div.search-login p {margin-right:4px; }
		/* also see ie6, ie.css for overides for this */

/***KIM 135 Fix - requires CSS 'hack' for Safari only***/
#loginControls { display:block; position:absolute; margin-left:0px; margin-right:0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#loginControls { display:block; position:absolute; margin-left:0px; }
}

/*
	.top-nav {  }
		.top-nav ul { display:block; padding-left: 11px; }
			.top-nav ul li { float: left; list-style: none; display:block; }
				.top-nav ul li a { display:block; padding: 19px 24px 16px 24px; color:#ffffff; text-decoration: none; font-size: 120%;}
				.top-nav ul li a:hover { background-color:#ffffff; color:#363635; }

*/		

.footer { background: #aee2f5 url(/_layouts/NSUImages/bg-footer.png) top left no-repeat; padding: 29px 38px 15px 38px; overflow: hidden; line-height: 115%; }
	.footer .footer-content { width: 700px; position: relative; left: 6px;padding-right:100px;}
	.footer dl { width: 276px; font-size: 110%; }		
		.footer dt { font-weight: bold; padding-bottom: 8px; }		
		.footer dd { background: url(/_layouts/NSUImages/bullet-arrow.png) top left no-repeat; padding: 0 0 4px 14px; }		
			.footer dd a { color:#363635; }		
			.footer dd a:hover { text-decoration: underline; }		
	
	.footer ul { width: 360px; padding: 0 29px 10px 0; }		
		.footer li { width: 180px; list-style: none; float: left; padding-bottom: 4px; }		
			.footer li a { color:#363635; }		
			.footer li a:hover { text-decoration: underline; }		

	.footer p { width: 665px; }
	.footer img { padding-bottom: 15px; }
	.footer .footerImageOne { padding-left:35px;} 
	.footer .footerImageTwo { padding-left:150px; }
	.footer .footerImageThree { position: relative; }
    .footer .footerImageThree { bottom: 4px; right: -380px; }

.breadcrumb {  }
	.breadcrumb dl { font-size: 90%; padding: 10px 0 18px 0; }		
		.breadcrumb dt { font-weight: bold; padding-bottom: 8px; float: left; }		
		.breadcrumb dd { background: url(/_layouts/NSUImages/bullet-arrow-bread.png) top left no-repeat; float: left; padding: 0 14px 0px 17px; }	
		
		.breadcrumb dd.first { background: none; padding: 0px 14px; }		
			.breadcrumb dd a { color:#363635; }		
			.breadcrumb dd a:hover { text-decoration: underline; }
.hub .breadcrumb { margin-top: 92px; }


.left-nav { width: 226px; background: #ffffff url(/_layouts/NSUImages/bg-leftnav-bottom.png) bottom left no-repeat; padding-bottom: 21px; margin: 0 21px 30px 0; }
	.left-nav dl { margin-bottom: 12px; }		
		.left-nav dt { background: #c9ecfa url(/_layouts/NSUImages/bg-leftnav-top.png) top left no-repeat; font-size: 120%; font-weight: normal; padding: 16px 16px 11px 15px; border-bottom: 1px solid #95cade; margin-bottom: 13px;}		
		.left-nav dd { padding: 0 0 6px 15px; font-size: 90%; color:#2684b7; font-weight: bold; }	
			.left-nav dd a { color:#363635; font-weight: normal; }		
			.left-nav dd a:hover { text-decoration: underline; }


.centre-column { width: 377px; padding-bottom: 85px; }
	.centre-column a { color: #4ca100; }
	.centre-column a:hover { text-decoration: underline; }
					

.quick-start-module { margin-bottom: 13px; }
	.quick-start-module h3 { margin-bottom: -1px; }
	.quick-start-module select { border: 1px #CCCCCC solid; width: 195px; font-size: 110%; padding: 2px; }
	.quick-start-module input.go {position: relative; top: 7px; left: 7px;}


.right-column { width: 306px; margin-left: 16px; padding-bottom: 25px; margin-bottom: 8px; background: url(/_layouts/NSUImages/bg-rightnav.gif) bottom no-repeat;}
.content-centre-column .right-column { margin-left: 37px;}
.content-centre-column .topics { margin-left: 22px; background: none; margin-bottom: 0px; padding-bottom: 0px; }
	.right-column a { color: #4ca100; }
	.right-column a:hover { text-decoration: underline; }

	.concern-box { background-color: #34b7e6; margin-bottom: 25px; }
		.concern-box .concern-box-top { background: #ffffff url(/_layouts/NSUImages/bg-concernbox-top.png) top left no-repeat; width: 306px; height: 4px; display: block; font-size: 1px; overflow: hidden;}
		.concern-box dl { background: #ffffff url(/_layouts/NSUImages/bg-concernbox-bottom.png) bottom left no-repeat; padding: 12px 0 12px 16px; font-size: 110%; }
			.concern-box dt { font-weight: bold; padding-bottom: 8px; color: #ffffff;}		
			.concern-box dd { background: url(/_layouts/NSUImages/bullet-arrow-white.png) top left no-repeat; padding: 0 0 4px 14px; }		
				.concern-box dd a { color:#ffffff; }		
				.concern-box dd a:hover { text-decoration: underline; }	
				
	.right-column h3, .content-centre-column .right-column h3 { background-color: #ffffff; padding: 15px 0 0px 16px; margin: 0px; width: 290px; }
	.right-column h4 { margin-bottom: 15px; }
	.right-column p, .content-centre-column .right-column p { width: 100%; margin-top: 5px;}
	
	.right-column-module { border-bottom: 1px #c2c2c2 solid; padding: 0px 0 9px 0; margin: 0 15px; }

	.steps {  }
		.steps  dl { font-size: 125%; margin-bottom: 42px; }
			.steps dt { background: url(/_layouts/NSUImages/bg-steps.png) top left no-repeat; color: #ffffff; padding: 9px 0 9px 12px; margin-bottom: 3px; font-weight: bold; }
			.steps dd { padding: 0 0 8px 12px;  }
				.steps dd a { color: #4ca100; }
				.steps dd a:hover { text-decoration: underline; }
	
	.our-partners ul {  }
		.our-partners ul li { float: left; }
		
	.discussions {  }
		.discussions  ul li { margin-bottom: 15px; }
			.discussions  ul li p { margin-top: -3px; }
			.discussions  ul li a span { position: relative; top: -5px; padding-left: 6px; }




/** HOMEPAGE STYLES **/

/**.homepage .content { padding-bottom:85px; } KIM 305**/

.homepage .homepage-content-header { position: relative; min-height:325px; height:auto !important; height:325px; margin-bottom: 15px;}
	.js .homepage-content-header img.imgbg { visibility: hidden; width: 2px; height: 2px; }
		.homepage .homepage-content-header p { visibility: hidden;}
.homepage .slidestage { display: none; } 
.js .slidestage { display: block; position: absolute; margin: 0 -126px; width: 946px; top: 64px; } 
	.js .slidestage .slide { position: absolute; width: 946px; padding: 0 126px; top: 12px; min-height:424px; height:auto !important; height:424px; }
	/* Styles to position any buttons in the promo carousel on the homepage. The first style positions the non-JS version */
	.homepage .non-js ul { position: absolute; top: 224px; left: 175px; }
	.js .promo1  ul {  }
	.js .promo2  ul {  }
	.js .promo3  ul {  }
	.js .promo4  ul { position: absolute; top: 350px; left: 430px;  }
	
	.js .non-js { visibility: hidden; }
	
.homepage ul.slide-nav { display: none; }
.js ul.slide-nav { display: block; position: absolute; z-index: 66; top: 395px; left: 127px; }
	.homepage ul.slide-nav li { float: left; display: block; background: url(/_layouts/NSUImages/bg-transparent.png) top left repeat; }
		.homepage ul.slide-nav li a { display: block; padding: 5px 9px; color: #34b7e6; }
		.homepage ul.slide-nav li a.on { background-color: #34b7e6; color: #FFFFFF; }

.homepage h2 { padding-bottom: 20px; }

.homepage .left-column { width: 620px; }

	.homepage .left-column .homepage-mini-hero { width: 290px; float: left; padding: 0 15px 20px 0; }
		.homepage .left-column .homepage-mini-hero img { float: left; padding: 0 10px 10px 0; }
		.homepage .left-column .homepage-mini-hero h3 { font-size:130%; font-weight: normal; margin-bottom: 0px; line-height: 115%; position: relative; top: -23px; display: inline;}
			.homepage .left-column .homepage-mini-hero h3 a:hover { text-decoration: underline; }
			.homepage .left-column .homepage-mini-hero h3 a img{ padding: 3px 0 0 0; }
		.homepage .left-column .homepage-mini-hero p { clear: both; }

	.homepage .left-column .mostpopular { width: 290px; margin: 0 15px 20px 0; background-color: #f3f3f3; margin-top: 18px; }
		.homepage .left-column .mostpopular h4 { padding: 15px 0 12px 16px; border-bottom: 1px #c2c2c2 solid; margin: 0px; }
		.homepage .left-column .mostpopular ul { padding: 15px 16px 5px 16px; margin: 0px; }
			.homepage .left-column .mostpopular ul li { padding-bottom: 10px; font-size: 110%; }
				.homepage .left-column .mostpopular ul li a:hover { text-decoration: underline; }
	

	.homepage .left-column .whatsnew { width: 290px; padding: 0 15px 20px 0; margin-top: 18px; }
		.homepage .left-column .whatsnew ul {  }
			.homepage .left-column .whatsnew ul li { padding-bottom: 10px; font-size: 110%; }
				.homepage .left-column .whatsnew ul li a:hover { text-decoration: underline; }
			
	.homepage .our-partners { margin-top: 15px; }	
		.homepage .our-partners h4 { float : left; padding-right: 20px; padding-top: 3px; padding-bottom: 10px;}
		
	/* Change to a few styles in the Right-Hand-Column on the homepage */
	
	.homepage .quick-start-module { margin-bottom: 22px; }
		.homepage .quick-start-module h3 { background-color: #FFFFFF; border-bottom:none; margin:0; padding:0 0 5px 0; }
		.homepage .quick-start-module select { width: 250px; }


/** HUB STYLES **/

.hub-hero { margin-bottom: 6px; }
/*	.hub-hero h2 { margin-bottom: 5px; } Removed as per 'Hub Page Feedback.ppt' 02/06/09*/
	.hub-hero p { margin-bottom: 12px; font-size: 140%; line-height: 130%; width: 350px; }

.hub-centre-module { border-top: 1px #c2c2c2 solid; padding-top: 10px; width:377px;}
	.hub-centre-module h3 { font-size: 125%; margin-bottom: 4px; }
	.hub-centre-module div { width: 191px; float: left; }
	.hub-centre-module p { padding-bottom: 8px; }
	.hub-centre-module img { position: relative; top: 5px; padding-right: 11px !important;}
	.hub-centre-module div div { width: auto; }
	.hub-centre-module br {clear:both;}
			
div.hub-vertical-content { width: 164px; margin-right: 16px; padding-bottom: 7px;}
	div.hub-vertical-content a { font-size: 125%; line-height: 130%; }
	div.hub-vertical-content img { padding: 7px 0 11px 0; top: 0px; }	
	
.hub-news-hero {  }
	.hub-news-hero div {  }
		.hub-news-hero div p { line-height: 150%; padding-bottom: 5px; }
		.hub-news-hero div img { float: left; padding-right: 12px; }
		.hub-news-hero div.header-image { margin-bottom: 26px; }
		.hub-news-hero div.news-items { margin-bottom: 15px; width: 377px; float: left;}
		.hub-news-hero div.more-news-button { padding-top: 25px; }
	.hub-news-hero ul { margin-top: 10px; margin-bottom: 15px; }

.hub-news-module { border-top: 1px #c2c2c2 solid; padding-top: 15px; }
	.hub-news-module div.header-image { margin-bottom: 15px; }
	.hub-news-module div { margin-bottom: 15px; }
		.hub-news-module div p { margin-bottom: 5px; }
			.hub-news-module div p span { padding-right: 28px; }

/** CONTENT PAGE STYLES **/

.content-centre-column { width: 697px; padding-bottom: 95px; }
	.content-centre-column h3 { width: 540px; font-size: 190%; line-height: 130%; margin-top: -6px; }
	.content-centre-column a:hover { text-decoration: underline; }
	.content-centre-column .content h4 {  }
	.content-centre-column .content h5 { padding-right: 160px; padding-bottom: 15px; font-size: 150%; font-weight: normal; }
	.content-centre-column .content h6 { padding-right: 160px; font-size:130%; font-weight: normal; margin-bottom: 10px; }
	.content-centre-column .content p { padding-right: 160px; padding-bottom: 15px; font-size: 115%; }
		.content-centre-column .content p img  { float: left; margin-right: 20px; }
		.content-centre-column .content p span.img_title {display: block; margin: 0 !important; padding: 0 !important; background-color: #fff !important; width: 340px; font-size: 90%; margin-right: 20px; } /* Modified in IE6.css */
		.content-centre-column .content p span.img_title a {position: relative; top: 5px;}
	.content-centre-column .content ul, 
	.content-centre-column .content ol { padding-right: 160px; padding-bottom: 17px; font-size: 115%; }
	/*** KIMNSU0127 Fix ***/
	.content-centre-column .content ul ul, 
	.content-centre-column .content ol  ul{ font-size: 100%; }
		
		.content-centre-column .content ul li { background: url(/_layouts/NSUImages/bullet-black.png) top left no-repeat; padding-left: 15px; }
		.content-centre-column .content ol li { margin-left: 21px; }
	
	.content-centre-column .content table { width: 536px; border-bottom: 1px solid #8fc75c; border-left: 1px solid #8fc75c; margin-bottom: 25px; }
		.content-centre-column .content table thead {  }
			.content-centre-column .content table thead th { font-size: 90%; padding: 10px 10px 10px 10px; border-right: 1px solid #d4d4d4; margin: 0px; background-color: #8fc75c; color: #FFFFFF; }
		.content-centre-column .content table tr {  }
			.content-centre-column .content table tr td { font-size: 90%; padding: 10px; border-right: 1px solid #8fc75c; }

		.content-centre-column .content .flash_movie {float:left; clear:left; margin-right:15px; padding-bottom:15px; background: url(/_layouts/NSUImages/placeholders/videopage.gif) no-repeat;}
		.content-centre-column .content .flash_movie object {float:none; margin:0; padding:0; background:none;}

		.content-centre-column .content .flash_movie .no_flash p, 
		.content-centre-column .content .flash_movie .no_flash p img {margin:0; padding-right: 65px; padding-bottom: 30px ;}

			
			
			
.content-intro { background: url(/_layouts/NSUImages/bg-contentintro.png) top left repeat-y; padding-left: 20px; margin-bottom: 25px; overflow: hidden;}
/*overridden in ie6.css */

	.content-intro p { padding-right: 160px; margin-bottom: 12px; font-size: 140%; line-height: 130%; }
	.content-intro p.full {padding-right: 0;}
	.download-file .content-intro li { background: url(/_layouts/NSUImages/bullet-black.png) top left no-repeat; padding: 0 0 7px 15px; font-size: 140%; }
	
.content-nextsteps { width: 340px; float: left; background: url(/_layouts/NSUImages/bg-contentintro.png) top left repeat-y; padding-left: 20px; margin-right: 30px; margin-top: 25px; }
	.content-nextsteps div { margin-bottom: 10px; }
	.content-nextsteps div p { margin-bottom: 12px; overflow: hidden;}
	.content-nextsteps div p a { font-size: 125%; }
	.content-nextsteps p { margin-bottom: 5px; }
	.content-nextsteps p img { float: left; padding-right: 10px; }
	.content-nextsteps h5 { color: #363635; font-size:130%; font-weight: normal; margin-bottom: 15px; }
	
.content-feedback { width: 306px; float: left; margin-top: 25px; padding-bottom: 25px; background: url(/_layouts/NSUImages/bg-rightnav.gif) bottom no-repeat;}
/*.right-column { width: 306px; margin-left: 16px; padding-bottom: 25px; margin-bottom: 35px; }*/
	.content-feedback h4 { color: #363635; font-size:130%; font-weight: normal; margin-bottom: 10px; background: url(/_layouts/NSUImages/bg-content-feedback.gif) top no-repeat; padding: 15px 0 12px 16px; border-bottom: 1px #c2c2c2 solid; display: block; }
	.content-feedback p { padding-left:16px; margin-bottom: 10px; }
	.content-feedback .forms { margin:0px; padding-left:16px; width:306px; }
		.content-feedback .forms label { padding: 0 0 5px 0; }
		.content-feedback .forms li { padding: 0px 0 10px 0; }
		.content-feedback .forms span { position: relative; top: -10px; padding-left: 20px; }
		.content-feedback .forms textarea {width: 268px; height: 55px; overflow-x:hidden; overflow-y:auto;}
		.content-feedback .forms div.comments { background: url(/_layouts/NSUImages/bg-textarea.png) top left no-repeat; margin-bottom: 2px; padding: 5px 5px 5px 5px; overflow: hidden; width: 270px; height:65px;}

.thankyou { padding-bottom: 50px;  }
	.thankyou h4 { margin-bottom: 30px; }
	.thankyou p { font-size: 110%; padding-right: 20px; }		
			
.download-file .content  { border-bottom: 1px #c2c2c2 solid; }
	.download-file .content  p { float:left; width: 150px; padding: 42px 0 0 30px;}
		.download-file .content p a { background: url(/_layouts/NSUImages/bullet-document.png) top left no-repeat; padding-left: 20px; }
	.download-file .content  table { width: auto; border: none; margin-bottom: 0px; }
			.download-file .content  table thead th { width: 80px; background-color: #f3f3f3; color:#363635; font-weight: normal; padding: 5px 9px; text-align: left;}
			.download-file .content  table thead th.long { width: 360px; border-right: none;}
			.download-file .content  table tr {  }
				.download-file .content  table tr td { border: none; padding: 9px; vertical-align: top; border-bottom: 1px #c2c2c2 solid;}		
				.download-file .content  table.noborderbot tr td {border-bottom: 0 !important;}

/** REGISTRATION STYLES **/

.forms { width: 680px; padding-left: 80px; margin: 29px 0 90px 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.forms li input { height:20px!important;}
.forms li input.submit-button { height:auto!important;}
}
	.forms ul, .forms ol { list-style: none; position: relative; }
		.forms li { padding-right:20px; }
		.forms li.required { position: relative; margin-left: -20px; padding-left: 20px; background: url(/_layouts/NSUImages/asterisk.png) 0px 40px no-repeat; }
		.forms li.optional { position: relative; margin-left: -20px; padding-left: 20px; }
		.forms li.required-checkbox { position: relative; margin-left: -20px; padding-left: 20px; padding-bottom: 0px !important; background: url(/_layouts/NSUImages/asterisk.png) 0px 21px no-repeat; float:left; width:600px;}
			.forms li.checkbox-error label { color: #e47600; display: inline; }
		.forms li.req_ast_fix {background: url(/_layouts/NSUImages/asterisk.png) 0px 75px no-repeat !important; }
			.forms li.required p { padding-left: 25px; padding-top: 6px; }
		.forms li.radio {  }
			.forms ol li ul { margin: 0 0 10px 0; }
				.forms ol li ul li { float: left; width: 280px; display: block; }
		.forms li.submit p { padding: 37px 0 0 15px; }

		/*sections headings */
		.forms li.section_hdr {border-bottom:1px solid #a7a7a6; padding:32px 0 8px 0; font-size:1.3em;}
		.forms li.section_hdr span {font-size:0.8em; }
		.forms li.question {clear:both;}

	.forms label, .forms legend.catergory { padding: 20px 0 5px 0; display: block; }
	
	.forms label {padding-top: 10px;}
	.forms label.radio { display: inline; position: relative; top: -1px; padding-right: 30px; }		
	.forms label.checkbox { display: inline; position: relative; top: -1px; }		
		.forms label.checkbox a, .forms li.submit p a { color: #4ca100; }
			.forms label.checkbox a:hover, .forms li.submit p a:hover { text-decoration: underline; }		
		.forms label span { display: none; }		

	.forms input {  }
	
	.forms input.text { padding:7px 4px 7px 6px; background: url(/_layouts/NSUImages/bg-textbox-long.png) top right no-repeat; width:264px; height:16px; font-size:100%;}
	.forms input.half { background: url(/_layouts/NSUImages/bg-textbox-half.png) top left no-repeat; width: 106px; height: 16px;}
	.forms input.radio { margin: 10px 10px 0 0; }
	.forms input.checkbox { margin: 20px 10px 0 0; }
	.forms input.submit-button { margin: 31px 5px 10px 0; }
	.forms select { border: 1px #CCCCCC solid; width:274px; font-size: 100%; padding: 2px; }
	.forms select.half { width: 106px; }

		.forms li div.recaptcha-box { background: url(/_layouts/NSUImages/bg-recaptchabox.png) top left no-repeat; margin-left: 20px; padding: 13px 0px 13px 10px; line-height: 95%; }
		
			.forms li div.recaptcha-box dl {  }
				.forms li div.recaptcha-box dl dt { font-size: 70%; font-weight: bold; padding-bottom: 3px;}
					.forms li div.recaptcha-box dl dd { font-size: 70%; padding-left: 15px; padding-bottom: 2px; }
					.forms li div.recaptcha-box dl dd.recaptcha-refresh { background: url(/_layouts/NSUImages/bullet-refresh.png) top left no-repeat; }
					.forms li div.recaptcha-box dl dd.recaptcha-listen { background: url(/_layouts/NSUImages/bullet-listen.png) top left no-repeat; }
						.forms li div.recaptcha-box dl dd a, .forms li div.recaptcha-box p a { color: #0084ca; }
						.forms li div.recaptcha-box dl dd a:hover,  .forms li div.recaptcha-box p a:hover { text-decoration: underline; }
			.forms li div.recaptcha-box p { font-size: 70%; width: 130px; padding: 17px 0 0 20px; } 
	
	.forms p.error, .forms li.error label { color: #e47600; display: block; }
		.forms p.error span { color:#363635; }
	.forms li.error label span { display: inline; }
		.forms li.error input.text { background: url(/_layouts/NSUImages/bg-textbox-error-long.png) top right no-repeat;}
		.forms li.error input.half { background: url(/_layouts/NSUImages/bg-textbox-error-half.png) top left no-repeat; }
		.forms li.error select {border-color:#e47600;}
		.forms p.reg {padding-bottom: 12px;}
		.ddl-label-for-error {color: #e47600;}
		.ddl-label-for-no-error {color: #000000;}
		.ddl-label-for-error span { display: inline!important; }	
	/* other text box */
	.js .forms #otherBox {display:none; padding:10px 0 5px 0;}
	.js .forms #otherBox label {display:none;}
	
	/* address fields */
	.forms li.address {float:left; width:600px; position:relative; padding-bottom:20px;}
		.forms li.address .column {float:left; width:300px; padding-top:15px;}
			.forms li.address .column ul {float:left; width:100%;}
				.forms li.address .column ul li.copy_address {display:none;}
				.js .forms li.address .column ul li.copy_address {display:block;}

	/* reset */
	.forms li.submit-button {width:auto;}
	.forms li.reset {float:left; height:30px; padding-top:37px; width:90px; font-size:125%; margin-left:10px;}
				

/** TOOLKIT STYLES **/

.toolkit-form li.required-question { position: relative; margin-left: -20px; padding-left: 20px; background: url(/SiteCollectionImages/NSPCC/asterisk.png) 0px 20px no-repeat; }
.toolkit-form li.children {background-position: 0px 20px;}
.toolkit-form legend.question { padding: 20px 0 5px 0; display: block; }
.toolkit-form li.submit-button {font-size: 125%; display:inline;margin-right: 10px;}
.toolkit-form li.submit-button div {width: 90px; height: 30px; float: left; padding-top:37px;}
.toolkit-form li.error label.checkbox {display: inline; }

/** DISCUSSION BOARD STYLES **/
	
.discussion-board .content  { border-bottom: 1px #c2c2c2 solid; }
	.discussion-board .content  p { float:left; width: 150px; padding: 42px 0 0 30px;}
		.discussion-board .content p a { background: url(/SiteCollectionImages/NSPCC/bullet-document.png) top left no-repeat; padding-left: 20px; }
	.discussion-board .content  table { width: auto; border: none; margin-bottom: 0px; }
			.discussion-board .content  table thead th { width: 150px; background-color: #f3f3f3; color:#363635; font-weight: normal; padding: 5px 9px; text-align: left;}
						
			.discussion-board .content  table thead th.post { width: 617px; border-right: none; }
			.discussion-board .content  table thead th.created-by { width: 150px;}
			.discussion-board .content  table thead th.group-last-updated { width: 150px; border-right: none; }

			.discussion-board .content  table thead th.topic {width: 457px;}
			
		
			/*** D.McG PHASE 2 - changed font colours of topic, last updated and replies ***/
			/*** D.McG PHASE 2 - Added new styles for topic, last-updated and replies for Up, Down and neutral states ***/
			
			.discussion-board .content  table thead th.topic-neutral { width: 457px; color: #4ca100;}
			.discussion-board .content  table thead th.topic-up { width: 457px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-up.png) no-repeat 40px 10px;  BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.topic-down { width: 457px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-down.png) no-repeat 40px 10px; BACKGROUND-COLOR: #f3f3f3;}					
			
			.discussion-board .content  table thead th.replies { width: 55px;}
			.discussion-board .content  table thead th.replies-neutral { width: 55px; color: #4ca100;}
			.discussion-board .content  table thead th.replies-up { width: 55px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-up.png) no-repeat 52px 10px; BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.replies-down { width: 55px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-down.png) no-repeat 52px 10px; BACKGROUND-COLOR: #f3f3f3;}
			
			.discussion-board .content  table thead th.thread-last-updated { width: 155px; border-right: none;}
			.discussion-board .content  table thead th.thread-last-updated-neutral { width: 155px !important; border-right: none; color: #4ca100;}
			.discussion-board .content  table thead th.thread-last-updated-up { width: 155px; border-right: none; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-up.png) no-repeat 87px 10px; BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.thread-last-updated-down { width: 155px; border-right: none; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-down.png) no-repeat 87px 10px;  BACKGROUND-COLOR: #f3f3f3;}
			
			@media screen and (-webkit-min-device-pixel-ratio:0) {
			/* Safari 3.0 and Chrome rules here */
			.discussion-board .content  table thead th.topic-up { width: 457px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-up.png) no-repeat 43px 8px;  BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.topic-down { width: 457px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-down.png) no-repeat 43px 8px; BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.replies-up { width: 55px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-up.png) no-repeat 54px 8px; BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.replies-down { width: 55px; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-down.png) no-repeat 54px 8px; BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.thread-last-updated-up { width: 155px; border-right: none; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-up.png) no-repeat 89px 8px; BACKGROUND-COLOR: #f3f3f3;}
			.discussion-board .content  table thead th.thread-last-updated-down { width: 155px; border-right: none; color: #4ca100;  background: url(/_layouts/NSUImages/discuss-arrow-down.png) no-repeat 89px 8px;  BACKGROUND-COLOR: #f3f3f3;}
			}		
			
			.discussion-board .content  table tr {}
			
				/***KIM 131 - changed padding around discussion board tables ***/
				.discussion-board .content  table tr td { border: none;  vertical-align: top; padding: 9px; padding-top: 6px; padding-bottom:0px;}
				.discussion-board .content  table tr td.reply { border: bottom; padding: 5px 9px 9px 9px; vertical-align: top; border-bottom: 1px #c2c2c2 solid;}		
				.discussion-board .content  table tr td.reply-first-row { border: bottom; padding: 19px 9px 9px 9px; vertical-align: top; border-bottom: 1px #c2c2c2 solid;}		
				.discussion-board .content  table tr td.reply div {padding-bottom: 12px;}
				.discussion-board .content  table tr td.reply-first-row div {padding-bottom: 12px;}		
				.discussion-board .content  table tr td.topic { border: bottom; padding-bottom: 5px; padding-top: 0px;  vertical-align: top;}
				.discussion-board .content  table tr td.topic a { font-size: 115% !important;}				
				.discussion-board .content  table tr td.discussion-group a { font-size: 115% !important;}				
				.discussion-board .content  table.noborderbot tr td {border-bottom: 0 !important;}

	.discussion-board div.introduction { margin-top:-15px;margin-bottom:20px;}
	.discussion-board li.dg-image { float:left;  width: 150px;}
	.discussion-board li.dg-introduction { float:left; width: 520px; padding-bottom: 15px; padding-left: 5px; }

	.discussion-board li.page-header span { font-size:200%; font-weight: normal;}
	.discussion-board li.add-button {margin: -20px 0px 20px 0px; overflow:auto;}
	.discussion-board li.add-button-bottom {margin-top: 20px;}
        .discussion-board li.add-button input {float: left;}
	.discussion-board li.add-button div.paging {float: right; margin-top: 10px !important;}
	.discussion-board li.add-button a {}
	.discussion-board li.add-button div.paging span.page-first {}
	.discussion-board li.add-button div.paging span.page-prev {padding-left: 5px;}
	.discussion-board li.add-button div.paging span.page-numbers {padding: 0px 15px 0px 15px;}
	.discussion-board li.add-button div.paging span.page-number {}
	.discussion-board li.add-button div.paging span.page-number-selected a {text-decoration: underline; color:#000000; font-weight: bold;}
	.discussion-board li.add-button div.paging span.page-next {padding-right: 5px;}
	.discussion-board li.add-button div.paging span.page-last {}
	.discussion-board li.submit-button a {line-height: 30px;}
	.discussion-board li.submit-button {width: 100px; font-size: 125%;}
	.discussion-board li.results {border-bottom: none;}
		
		
.bbnone {border-bottom: none !important;}		
		
	.js .group-ind, .js .group-org, .inject-class { display: none; }
	.js .inject-class { display: block; }
	span.txtpos {position: relative; left: 10px;}
	span.txtpos-error {position: relative; left: 10px; color: #e47600; }
	.forms li.checkbox-error label {color:#e47600;}
	.padbot10 {padding-bottom: 10px !important; margin-bottom: 10px;}
	
	/***KIM 131 - removed margin-bottom and moved to marbot class margin-top as 'youmightneed' can be hidden***/
	.marbot0 {margin-bottom: 0 !important; margin-top:12px;}
	/*change for Step by Step to not conflict with News and Events module */	
	.marbot4 {margin-bottom: 5px !important;}
	.right-column-module li {padding: 10px 1px 1px;}
	.marbot4-2 {margin-bottom: 4px !important;}
	.content-centre-column .content .topic-buts {padding-top: 5px;}
	.content-centre-column .content .topic-buts p {padding-bottom: 5px;}
	
/** SEARCH STYLES **/

.searchform { width: 790px; padding-left: 80px; margin: 29px 0 90px 0; }
	.searchform ul, .searchform ol { list-style: none; position: relative; }
	.search-results-li {}
	.search-result-item { width: 695px;}
	.search-results-paging {height: 20px;}
	.search-results-paging .srch-WPBody { bottom: -19px; position: relative; float: right;}
	.search-paging-bottom  {padding-top: 20px;}
	.search-paging-bottom .srch-Page {text-align:left;}
	.srch-WPBody {font-family: arial, helvetica, sans-serif !important; display: inline !important; color: #333333 !important; font-size: 100% !important;}
	.srch-Title {font-family: arial, helvetica, sans-serif !important; }
	.srch-Title a {color:#4ca100 !important; text-decoration: underline !important; font-size: 100% !important;}
	.searchTerm {color:#2aafe3 !important; text-decoration: underline !important;}
	.srch-stats {background-color:#ffffff !important; float:left; font-weight: normal;	font-size: 130%; margin-bottom: 10px; font-family: arial, helvetica, sans-serif !important;}
	.srch-Page {background-color:#ffffff !important; font-size: 115% !important; font-family: arial, helvetica, sans-serif !important; line-height: 120% !important; color: #333333 !important; }
	.srch-sort {float:left;}
	.srch-Icon img {vertical-align: middle;}
	.srch-Type {margin-right: 10px}
	.srch-results {}
	.search-noresults {}
	.search-noresults ul {margin-top: 10px;}
	.search-noresults h4 {margin-bottom: 15px !important;}	
	.search-noresults ul li {margin-bottom: 10px;}	
	.search-noresults  div .ms-descriptiontext { font-size: 115% !important;  font-family: arial, helvetica, sans-serif !important; }
	.search-results-li div .ms-descriptiontext { font-size: 100% !important; color: #333333 !important; font-family: arial, helvetica, sans-serif !important; }	
	.search-noresults  div {margin-left: 5px;}
	.srch-Page A:link {COLOR: #4ca100 !important; TEXT-DECORATION:none;}	
	.srch-Description { font-family: arial, helvetica, sans-serif !important;	FONT-SIZE: 100% !important;	margin-top: 7px !important; margin-bottom: 7px !important; COLOR: #333333; line-height: 120% !important;}	
	.srch-Description .searchTerm {text-decoration: none !important;}
	.srch-sort {font-size: 115% !important; color: #333333 !important; display: inline !important; float: none !important;}
	.srch-sort A:link {color: #4ca100 !important;}
	.srch-sort A:visited {color: #4ca100 !important;}
	.srch-sort A:hover {color: #4ca100 !important;}	
	.searchTermContainer {display: inline !important;}
	.searchTermContainer .searchTerm {text-decoration: none !important;}
	.searchTermSummary { font-size: 130% !important; color: #333333 !important;}
	.srch-sort-hr {text-align: left; border: 0px; color: #cdcdcd; height: 1px; margin-top: 12px; margin-bottom: 20px; background-color: #cdcdcd; width:780px;}
	.srch-Url {line-height: 100% !important; font-family: arial, helvetica, sans-serif !important; color:#4ca100 !important;}
		
	
/* STAR RATING STYLES */
	.ratingStar {
	    font-size: 0pt;
	    width: 19px;
	    height: 18px;
	    margin: 0px;
	    padding: 0px;
	    cursor: pointer;
	    display: block;
	    background-repeat: no-repeat;
	    PADDING-LEFT: 0px !important;	
	    POSITION: relative !important;	
	    TOP: 0px !important;
	}
	
	.filledRatingStar {
	    background-image: url(/_layouts/NSUImages/star-green.png) ;
	
	}
	
	.emptyRatingStar {
	    background-image: url(/_layouts/NSUImages/star-white.png);
	}
	
	.savedRatingStar {
	    background-image: url(/_layouts/NSUImages/star-green.png);
	}

	/* survey control */
	.survey-error  {
		color: #e47600; 
		PADDING-LEFT: 0px !important;		
	}
	.survey-submit {padding-bottom:10px; }
	.survey-submit span {VERTICAL-ALIGN: bottom; }

/** PAGING STYLES **/
.paging {text-align: right; }
.paging1 {text-align: right; width:537px!important; text-align:left;}
.paging span.page-first {}
.paging span.page-prev {padding-left: 5px;}
.paging span.page-numbers {padding: 0px 5px 0px 5px;}
.paging span.page-number {}
.paging span.page-number-selected a {text-decoration: underline; color:#000000; font-weight: bold;}
.paging span.page-next {padding-right: 5px;}
.paging span.page-last {}
	
/*step by step css fixes*/
/***KIM 131 - removed margin-bottom and moved to marbot class margin-top as 'youmightneed' can be hidden***/
div.full div {font-size: 140% !important; line-height: 130% !important; }
.step {padding-bottom:7px;}
.next-step {}

/* links hub fixes by paulcr */
.hub-centre-module-links { border-top: 1px #c2c2c2 solid; padding-top: 10px; width:377px; }
.hub-centre-module-links div { width: 100%}
.hub-centre-module-links h3 { font-size: 125%; margin-bottom: 4px; }
.hub-centre-module-links p { padding-bottom: 8px; }
.hub-centre-module-links img { position: relative; top: 5px;  }
.feature-article2 { padding-bottom: 8px; }

a.more-from-web {font-size:90% !important;}
.more-from-web a {font-size:90% !important;}

.links div {width:100%;}
.footer-links {padding-bottom: 15px;}


/*banner fixes*/
#loginControls {position: relative; margin-right: 72px;}
/*removed because homepage images changed */
/*#getting-started {position:relative; top: -10px;}*/

/*simple hub fixes*/
/* No longer needed as hub hero bottom margin has been reduced */
/*#ctl00_PlaceHolderMain_CustomImageField1__ControlWrapper_CustomImageField {position:relative; top: 12px;}*/

/*article page fixes */
h4.caption-image {margin-bottom: 5px;}
.full-width div p {width: 100%;}

/*document download fixes */
p.reduce-margin {margin-bottom: 5px;}

/*quick start module fixes*/
	/*asp image button is used, must reference by id */
	#ctl00_PlaceHolderMain_QuickStart1_QuickStartGo {position: relative; top: 7px; left: 7px;}
	
/*quick start results page by paulcr */
	span.nsu-home-link{display:block; float:left; clear:both;}
	div.srch-Result{margin-bottom: 20px;}
	hr.srch-sort-hr{clear:both;}
	span.srch-type{margin-right: 10px;}
	#QSRSrch-Stats{width:100%;}
	span.QS-result-Title a {font-size: 1.2em; text-decoration:underline;}
	#discussion-icon{position: relative; top: 3px;}
	/* classes 'qs-width-fix' and 'qs-page' added for Phase 2 UAT Kim NSU0184
	 * affects the paging control and <hr/> */
	.qs-width-fix {width: 760px;}
	.qs-page {position:relative; left: 80px; background-color: transparent !important;}

/*clear fix taken and adapted from http://www.positioniseverything.net/easyclearing.html */
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.cf {height:1%;}

.hidden { display: none; }
.vis-hidden { visibility: hidden; }
.fl {float:left;}
.fr {float:right;}

/* Fixes for breaking news section to prevent whitespace */
.homepage .left-column .homepage-mini-hero-breaking { width: 290px; float: left; padding: 0 15px 0 0; }
		.homepage .left-column .homepage-mini-hero-breaking img { float: left; padding: 0 10px 0 0; }
		.homepage .left-column .homepage-mini-hero-breaking h3 { font-size:130%; font-weight: normal; margin-bottom: 0px; line-height: 115%; position: relative; top: -3px; }
			.homepage .left-column .homepage-mini-hero-breaking h3 a:hover { text-decoration: underline; }
			.homepage .left-column .homepage-mini-hero-breaking h3 a img{ padding: 3px 0 0 0; }
		.homepage .left-column .homepage-mini-hero-breaking p { clear: both; }

.SiteMap ul {
	list-style-type: none;
}
.SiteMap li {
	background-image:url(/_layouts/NSUImages/bullet-arrow.png);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding-left: 15px;
}

.siteMapSection1{ margin-left: 10px; }
.siteMapSection2{ margin-left: 40px; }
.siteMapSection3{ margin-left: 70px; }
.siteMapSection4{ margin-left: 90px; }

/*Phase 2 Registration changes*/
.hiddenlabel { width:400px!important; height:1px }
.forms li .ddlLi { padding-right:40px!important; }
.fsRegActivity { width:600px; margin-top:20px; padding-top:20px; }
.fsRegActivity legend { margin-left:-10px!important; }
.fsRegActivityJS { width:600px; margin-top:20px; padding-top:20px; }
.fsRegActivityJS legend { margin-left:-10px!important; margin-bottom:-15px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.fsRegActivityJS legend { margin-left:0px!important; }
.fsRegActivityJS ul { margin-top:-15px!important; }
}
.cbxRegActivity { margin: 5px 10px 0 0; }
.lblRegActivity { padding-top:0px!important; padding-bottom:5px; }
span.txtpos-error2 {position: relative; left: 10px; color: #e47600; top:0px!important; }
.atspqu { width:600px!important; }
.atspName { display:inline!important; width:400px; }
.bold { font-weight: bold; }
.marginbottom20 { margin-bottom:20px; }
.lineheight30 { line-height:30px!important; }
.questionerror { color: #e47600; }
.newseventspaging { padding-left:247px!important; }
.margintopminus85 { margin-top:-85px; }
.overflowhidden {overflow:hidden; }

/* Added for Safe Standards Tool */
.register-text{position: relative; bottom: 8px; padding-left: 5px; font-size: 115%;}
.safe-right{background: none;}
/*li.safe-list{background: none !important; padding-left:0px !important;}*/
.safe-download{position: relative; top: 5px; padding-right: 10px;}
.fl {float:left;}

/* Survey-form */ 
/*#needHelp{float: right; padding-bottom:10px;}*/
.page-title{float:left; width:70%}
.survey-form{clear: both; background-color: #8969A8; padding:5px;}
.standard-heading-text{width: 35%;}
.stXtra-umbrella {float: right; margin-right: 32px; padding-bottom: 2px;padding-right: 2px;clear:both;}
.survey-tabs{clear: both; padding-left: 20px;}
.standard-heading{padding-bottom: 10px; height: 221px;}
.standard-heading-text{padding:35px; width:380px;}
.standard-heading-intro{font-size: 95%; line-height: 110%; font-weight: bold;}
.essential-header{background-color: white; overflow:auto; padding: 25px 20px 0; margin-bottom: 3px; height: 100%}
.essential-additional{float: left;}
.met{float: right; font-size: 140%; font-weight: bold;}
.element-text{float: left; width : 40%; padding: 7px 0; clear: both;}
.met-checkbox{float: right; /*background: url(../img/bg-check-s1.png) no-repeat top left*/; position: relative; left: -20px;}
.show-hide-info{float: left; padding-left: 280px; display: none; width: 200px; padding-right: 22px;}
.element-row{width: auto; overflow: auto; background-color: white; padding: 10px 20px; margin-bottom:1px; height: 100%;}
.more-info{width: 891px; overflow: auto; }
.advice{float: left; width: 48%; padding-right: 10px;} /* NSPC0131 - space between advice and resources */
.resources{overflow: hidden;} /* NSPC0130 - scroll bar in safari */
.advice-hidden{display: none;}
.save-row{background-color: white; text-align: right; padding: 15px 25px 15px 0px}
.previous-standard{color: white; float: left;}
.next-standard{color: white; float: right;}
.next-previous{width: auto; overflow: auto; padding: 10px 10px 0; height: 100%}
.essential-additional{color: #8969A8;}
.view-summary{padding: 20px; text-align:center;}
.evaluation-opt-in{background: url(/_layouts/NSUImages/bg-rightnav.gif) bottom repeat-x; width: auto; margin-bottom: 80px; overflow:auto; padding-bottom: 30px; height: 100%}
h4.evaluation{background-color: #F3F3F3; border-bottom: 1px solid #C2C2C2; padding: 15px 0 12px 16px;}
.opt-in-left{padding: 0 20px 12px 16px;}
.opt-in-right{padding-top: 20px;}
#evaluationCheckbox{padding-top: 10px;}
.evaluation-col{width:50%; float: left; height: 100%;}
h3.survey{font-size:150%; font-weight:bold; margin-top: 10px;}
.current-tab{position: absolute;}
.next-tabs{position: relative; left: 178px;} /* NSPC0422 - padding for next tab to right of current tab */
.survey-footer{background: url(/_layouts/NSUImages/bg-survey-bottom.jpg) no-repeat; height: 5px;}
.additional-heading{font-size: 130%}

.bg1{background-color: #16A895 !important;}
.bg2{background-color: #8969A8 !important;}
.bg3{background-color: #2C7DBF !important;}
.bg4{background-color: #D9532D !important;}
.bg5{background-color: #99CC33 !important;} /* NSPC0422 - 'Recording and storing' colour */
.bg6{background-color: #E67300 !important;} /* NSPC0422 - 'Working with others' colour */

.svs1{color: #16A895;}
.svs2{color: #8969A8;}
.svs3{color: #2C7DBF;}
.svs4{color: #D9532D;}
.svs5{color: #99CC33;} /* NSPC0422 - 'Recording and storing' colour */
.svs6{color: #E67300;} /* NSPC0422 - 'Working with others' colour */
   
.styledCheckboxWrap
{	
	/*float:left;*/
	/*background: url(../img/bg-check-s1.png) no-repeat top left;*/
	/*width:26px;
	height:26px;*/	
	display: block;
}
.wrapChecked{background-position: 0px -26px}


/* Summary */
.summary-text{width: 650px; float: left; padding-bottom:20px;}
#actionPlan{position: relative; top: 5px; padding-left: 30px;}
.summary-standard{width: 100%; height: 124px; clear: both; margin-bottom: 15px;}
.s1{background: url(/_layouts/NSUImages/bg-summary-1.png)}
.s2{background: url(/_layouts/NSUImages/bg-summary-2.png)}
.s3{background: url(/_layouts/NSUImages/bg-summary-3.png)}
.s4{background: url(/_layouts/NSUImages/bg-summary-4.png)} 
.s5{background: url(/_layouts/NSUImages/bg-summary-5.png)} /* NSPC0422 - 'Recording and storing' image */
.s6{background: url(/_layouts/NSUImages/bg-summary-6.png); margin-bottom:80px;} /* NSPC0422 - 'Working with others' image */
.summary-title{color:white; font-size:200%; line-height:130%; padding:5px 0 0 10px; width:400px; float: left;}
.summary-essential{width: 100px; float: left; margin-left: 40px; color: white; padding-top: 20px;}
.summary-additional{width: 100px; float: left; margin-left: 10px; color: white; padding-top: 20px;}
.summary-total{width: 100px; float: left; margin-left: 30px; color: white; padding-top: 20px;}
.summary-total.xtra {padding-left: 250px !important;} /* NSPC0422 - Padding for Total Score for Standards Xtra summary bars  */
.summary-met{width: 100px; float: left; margin-left: 30px; color: white; padding-top: 20px; text-align: center; font-size:125%}
.summary-part-met-1{width: 100px; float: left; margin-left: 30px; color: #B5E7DE; padding-top: 20px; text-align: center; font-size:125%}
.summary-part-met-2{width: 100px; float: left; margin-left: 30px; color: #DECBEF; padding-top: 20px; text-align: center; font-size:125%}
.summary-part-met-3{width: 100px; float: left; margin-left: 30px; color: #ADD7E7; padding-top: 20px; text-align: center; font-size:125%}
.summary-part-met-4{width: 100px; float: left; margin-left: 30px; color: #EFC3B5; padding-top: 20px; text-align: center; font-size:125%}
.summary-part-met-5{width: 100px; float: left; margin-left: 30px; color: #DDFF96; padding-top: 20px; text-align: center; font-size:125%} /* NSPC0422 - 'Recording and storing' faded colour */
.summary-part-met-6{width: 100px; float: left; margin-left: 30px; color: #FFC272; padding-top: 20px; text-align: center; font-size:125%} /* NSPC0422 - 'Working with others' faded colour */
.summary-score-title{font-size: 110%;}
.summary-score-wrapper{position:relative; top:20px;}
.summary-score{font-size: 260%; font-weight: bold;}
.summary-out-of-1{font-size: 260%; color: #B5E7DE}
.summary-out-of-2{font-size: 260%; color: #DECBEF}
.summary-out-of-3{font-size: 260%; color: #ADD7E7}
.summary-out-of-4{font-size: 260%; color: #EFC3B5}
.summary-out-of-5{font-size: 260%; color: #DDFF96} /* NSPC0422 - 'Recording and storing' faded colour */
.summary-out-of-6{font-size: 260%; color: #FFC272} /* NSPC0422 - 'Working with others' faded colour */
.summary-standards-extra-header{font-size: 260%; color: #FFC272} /* NSPC0422 - Standards Extra Header */
.review-button{padding-top: 15px;}

ul.additional-resources{clear: both; position: relative; top:-20px;}
li.additional-resources{padding-bottom: 10px;}
.print-button{float: right;}

/* additional info page */
.additional-info{
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-right:100px;
	width:700px;
}

#printButton{display:none;}

/* print report */
.print-wrapper{ margin: 20px auto; width: 658px; }
.print-intro{clear: both;}
.print-bg{width: 658px; height: 57px; margin-top: 20px;}
.ps1{background: url(/_layouts/NSUImages/bg-print-s1.png); color: #B5E7DE}
.ps2{background: url(/_layouts/NSUImages/bg-print-s2.png); color: #D4C4E4}
.ps3{background: url(/_layouts/NSUImages/bg-print-s3.png); color: #ADD7E7}
.ps4{background: url(/_layouts/NSUImages/bg-print-s4.png); color: #EFC3B5}
.ps5{background: url(/_layouts/NSUImages/bg-print-s5.png); color: #DDFF96} /* NSPC0422 - 'Recording and storing' faded colour */
.ps6{background: url(/_layouts/NSUImages/bg-print-s6.png); color: #FFC272} /* NSPC0422 - 'Working with others' faded colour */
.summary-title-print{color:white; font-size:125%; line-height:130%; padding:18px 0 0 10px; width:540px; float: left;}
.summary-met-print{width: 98px; color: white; float: right; padding: 20px 10px 0 0; text-align: center; font-size:125%; background: none !important;}
.summary-unmet-print{width: 98px; float: right; padding: 20px 10px 0 0; text-align: center; font-size:125%; background: none !important;}
.print-module{width: 638px; margin-left: auto; margin-right: auto;}
h4.print{padding-bottom: 5px; border-bottom: 1px solid; padding-top: 20px;}
.print-score{font-weight: bold;}
ul.print{list-style:disc outside none; margin-left:auto; margin-right:auto; width:580px;}
li.print{padding-bottom: 10px;}
.print-resource{padding-bottom: 5px;}
h5.print{font-size: 90%; padding: 10px 0 4px;}
.print-advice{padding: 0 0 10px 20px;}

#additionalInfo{
background-color:white;
border:5px solid #13A98E;
display:none;
height:50%;
left:25%;
overflow:auto;
padding:16px;
position:absolute;
top:220px; /* NSPC0061-103 */
width:700px;
z-index:1002;
height: auto; /* NSPC0141 */
}

.black_overlay {
background-color:black;
display:none;
height:100%;
left:0;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
position:absolute;
top:0;
width:100%;
z-index:1001;
}

/* NSPC0127 (UAT) */
div.advice ul li{list-style: disc inside; padding-left: 2px}

/* NSPC0141 (UAT) */
ul.additional-resources li.additional-resources div ul{margin-left: 25px;}

/* NSPC0145 (UAT) */
div.opt-in-right label{padding-left:10px;}

/* NSPC0146 (UAT) */
div.print-advice ul{list-style:disc inside none;}

/* NSPC0136 */
li.print-resource{list-style: none none outside;}

/* NSPC0061 - KIT 4309 */
div.print-wrapper h3.fl {margin-bottom: 0px; padding-bottom: 25px;}

* html .black_overlay {
position: absolute;
}

/* NSPC0122 */
.eval-opt-in-success{padding-left:20px;}

#closeButton{
	position: absolute;
	z-index: 1003;
	display: none;
}

.actionplan {
    background: url("/_layouts/NSUImages/bg-textbox-long.png") no-repeat scroll right top transparent;
    font-size: 100%;
    height: 16px;
    padding: 7px 4px 7px 6px;
    width: 264px;
}

#page-title-body 
{
	width:700px;
	float:left;
}