/*
	Filename        :	screen.css
	Desc			:	Screen styles for all pages
*/

#wrapper
{
	margin: 30px auto 40px;
	width: 1010px;
}

#header
{
	width: 960px;
	clear: both;
	margin: 0px 15px;
	padding: 15px 10px 10px;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	height: 135px;
	background: #fff url(../images/bgHeaderBarJ4G.jpg) repeat-x bottom left;
}

#header a
{
	width: 140px;
	height: 120px;
	display: block;
	float: left;
}

/* hideable header image for accessibility and print CSS */
#header a img { display: none; }

/* strapline container for Google and accessibility */
#header .strapline
{
	float: left;
	margin: 10px 0 0 10px;
}

/*START: STYLES FOR TOP STRAPLINE AND 'TOTALIZER' BAR*/
#topbar
{
	background: #fff;
	padding: 0px;
	width: 980px;
	margin: 0px 15px;
	clear: both;
}

#topbar .totalizer
{
	margin: 0 20px;
	border-top: 2.5px #ffd448 dashed;
}

#topbar .totalizer p
{
	width: 170px;
	background-color: #f00000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
	padding: 7px 4px 0;
	float: right;
	margin-top: 10px;
	margin-bottom: 1em;
	position: relative;
}

#topbar .totalizer p a { color: #fff; }

#main
{
	margin: -10px 15px 0;
	padding: 0 0 0 20px;
	clear: both;
	background-color: #fff;
}

#content {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 10px;
	float: left;
	width: 524px;
}
#content #main_content {
	margin: 0px;
	padding: 0px;
	width: 524px;
}
#main #content #main_content #donations {
	clear: both;
	margin-top: 28px;
	padding-top: 21px;
	border-top: 1px solid #9ac0e0;
}
#main #content #main_content #donations table.giftAid {
	margin-top: 20px;
	width: 100%;
	margin-bottom: 30px;
}
#main #content #main_content #donations .giftAid th {
	background: #9ac0e0;
	color: #060d66;
	text-align: center;
	padding: 19px 7px 10px;
	font-size: 0.8em;
	border-right: 1px solid #FFF;
}
#main #content #main_content #donations .giftAid th.name {
	text-align: left;
	padding-left: 14px;
}

#main #content #main_content #donations .giftAid th.endCol {
	border-right: none;
}
#main #content #main_content #donations .giftAid td {
	font-size: 0.7em;
	text-align: right;
	background: #fff;
	border-right: 1px solid #9ac0e0;
	color: #777;
	border-bottom: 1px solid #9ac0e0;
	padding: 10px 14px 5px 0px;
}
#main #content #main_content #donations .giftAid td.firstCol {
	border-left: 1px solid #9ac0e0;
	font-weight: bold;
	text-align: left;
	padding-left: 14px;
}
#main #content #main_content #donations .giftAid td.middle {
	text-align: center;
	padding-right: 7px;
	padding-left: 7px;
}
#main #content #main_content #donations .giftAid td.total {
	background: #ffe180;
	border-top: 1px solid #9ac0e0;
	color: #010101;
	font-weight: bold;
}
#main #content #main_content #donations .giftAid td.blank {
	border: none;
	padding: 0px;
	font-size: 1px;
	height: 14px;
}

#content h2 {
	font-size: 1em;
}
#content h3 a {
	color: #004e9a;
	text-decoration: none;
	font-weight: bold;
}
#content h3 a:hover { text-decoration: underline; }
#content ul.faqs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content ul.faqs li {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}
#content ul.faqs li a {
	font-weight: bold;
	color: #004e9a;
	text-decoration: none;
}
#content ul.faqs li a:hover { text-decoration: underline; }
#content a.email {
	font-size: 0.7em;
	color: #004e9a;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px 0px 7px;
	padding: 0px 0px 0px 20px;
	width: 14em;
	background: url(../images/icon-email.gif) no-repeat left center;
}
#content a.email:hover { text-decoration: underline; }
#content a.backtotop {
	font-size: 0.7em;
	color: #004e9a;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px 0px 20px;
	padding: 0px 0px 0px 14px;
	width: 14em;
	background: url(../images/icon-backtotop.gif) no-repeat left center;
}
#content a.backtotop:hover { text-decoration: underline; }

/*START: STYLES FOR FORMS*/
#content .contactus {
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 524px;
}
#content .contactus legend span {
	font-size: 1em;
	color: #004f9a;
	padding: 0px 0px 3px;
	margin: 0px;
	border-bottom: solid 1px #bcd5e1;
	width: 524px;
	display: block;
	clear: both;
}
#content .contactus hr {
	margin:0 0 10px;
	padding:0;
	width: 524px;
	height: 1px;
	line-height: 1px;
	border:none;
	color: #bcd5e1;
	background-color: #bcd5e1;
	clear: both;
}
#content .contactus h4 {
	color: #004e9a;
}
#content .contactus h5 {
    padding: 0px 0px 10px;
}
#content .contactus p {
	font-size: 0.7em;
	color: #231f20;
	float: left;
	margin: 2px 0px 7px;
	padding: 0px;
	width: 290px;
}
#content .contactus p.message {
	font-size: 0.6em;
	color: #231f20;
	float: left;
	clear: both;
	margin: 0px 0px 0px 174px;
	padding: 0px;
	width: 290px;
}
#content .contactus p.messageindent {
	font-size: 0.6em;
	color: #231f20;
	float: left;
	clear: both;
	margin: 3px 0px 0px 192px;
	padding: 0px;
	width: 290px;
}
#content .contactus label {
	font-size: 0.7em;
	line-height: normal;
	font-weight: bold;
	color: #004e9a;
	width: 165px;
	float: left;
	text-align: right;
	margin: 1px 5px 0px 0px;
	padding: 1px;
}
#content .contactus label .red {
	color: #ff0000;
}
#content .contactus label.news, #content .contactus .cbContainer label {
	width: 290px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/** NEW 27 March 09 to add School Speaker form **/
#content .contactus .radioSet input
{
	display: inline;
	width: auto;
	margin-right: 0.2em;
}
#content .contactus .radioSet label
{
	text-align: left;
	color: #231f20;
	font-weight: normal;
	display: block;
	width: auto;
	margin-right: 1em;
}
/* end */

#content .contactus label.top, #content .contactus .cbContainer label.top {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	line-height: 1.2em;
}
#content .contactus input {
	float: left;
	width: 287px;
	border: 1px solid #0088ce;
	margin: 0px;
	padding: 1px 1px 2px 3px;
	height: 18px;
	outline: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
}
#content .contactus input.postcode {
	width: 75px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

#content .contactus .postcodeButtonContainer input
{
	width: 100px !important;
	background-color: #0088ce !important;
	color: white !important;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	margin-left: 4px !important;
	font-size: 0.6em !important;
	text-transform: none !important;
}

#content .contactus .postcodeButtonContainer input:hover
{
	background-color: #004e9a !important;
	border-color: #004e9a !important;
}


#content  .contactus  input#newsletter, #content .contactus .cbContainer input{
	width: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(none);
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#content .contactus textarea {
	float: left;
	margin: 0px 0px 15px;
	padding: 1px 1px 2px 3px;
	width: 290px;
	height: 8em;
	line-height: normal;
	color: #010101;
	border: 1px solid #bcd5e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#content .contactus select {
	margin: 0px;
	padding: 0px;
	width: 290px;
	float: left;
	height: 23px;
}
#content .contactus select.narrow {
	width: 75px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#content .contactus a.findaddress {
	font-size: 0.7em;
	color: #002b8d;
	margin: 0px 0px 0px 7px;
	padding: 3px 0px 0px;
	display: block;
	height: 22px;
	width: 106px;
	text-align: center;
	background: url(../images/bg_btn_go.gif) no-repeat left top;
	font-weight: bold;
	float: left;
}
#content .contactus a.findaddress:hover {
	text-decoration: none;
}
#content .contactus a.findaddress:active {
	background: url(../images/bg_btn_go_on.gif) no-repeat left top;
	color: #004e9a;
}
#content .contactus a.go {
	font-size: 0.7em;
	color: #fff;
	margin: 3px 58px 0px 0px;
	padding: 3px 0px 0px;
	display: block;
	height: 22px;
	width: 106px;
	text-align: center;
	background: url(../images/bg_btn_go.gif) no-repeat left top;
	font-weight: bold;
	float: right;
}
#content .contactus a.go:hover {
	text-decoration: none;
}
#content .contactus a.go:active {
	background: url(../images/bg_btn_go_on.gif) no-repeat left top;
	color: #ffb321;
}
#content .contactus .break10px {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 10px;
}

#content .contactus input.go
{
	font-size: 0.65em;
	color: #fff;
	margin: 12px 58px 0px 0px;
	display: block;
	height: 23px;
	width: 107px;
	background: url(../images/btnGeneric.gif) no-repeat left top;
	float: right;
	border: 0;
	text-align: left;
	padding-left: 18px;
} 
#content .contactus input.go:hover
{
	text-decoration: none;
	background-position: bottom;
} 
#content .contactus input.go:active
{
	background-position: bottom;
	color: #fc0;
} 

/* forms amends March 2011 */

.labelInline label
{
	width: auto !important;
	color: #333 !important;
	font-weight: normal !important;
	text-align: left !important;
	margin-left: 6px !important;
	display: inline;
	border: 0;
}

.labelInline input
{
	width: auto !important;
	margin-left: 6px !important;
	border: 0 !important;
}

#content .contactus p.fullWidth
{
	width: auto;
	margin-bottom: 1.2em;
}

#content .contactus input[type="checkbox"]
{
	text-align: left;
	width: auto !important;
	height: auto !important;
	border: 0;
	margin-left: 10px !important;
	margin-top: 6px !important;
}

#content .contactus input[type="radio"] { border: 0 !important; }

/*END: STYLES FOR FORMS*/

#content .pictureright {
	margin: 0px 0px 5px 10px;
	padding: 0px;
	float: right;
	width: 200px;
}
#content .pictureright .caption {
	font-size: 0.6em;
	line-height: normal;
	font-weight: normal;
	color: #444; /* KS 09-04-08 */
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
}
#content .pictureright .credit {
	font-size: 0.6em;
	font-style: italic;
	line-height: normal;
	color: #444; /* KS 09-04-08 */
	float: right;
	clear: both;
}
#content .picturefull {
	margin: 5px 0px 10px;
	padding: 0px;
	clear: both;
	overflow: visible;
	width: 524px;
}
* html #content .picturefull {
	height: 1%;
}
#content .picturefull img {

}
#content .picturefull span.captionleft {
	font-size: 0.6em;
	color: #444; /* KS 09-04-08 */
	float: left;
}
#content .picturefull span.creditright {
	font-size: 0.6em;
	font-style: italic;
	line-height: normal;
	color: #444; /* KS 09-04-08 */
	text-align: right;
	float: right;
}
#content .quote {
	background: url(../images/bg-quote.gif) no-repeat center top;
	margin: 0px 0px 15px;
	padding: 0px;
	clear: both;
	width: 524px;
}
#content .quote p {
	margin: 7px 10px 0px;
	padding: 10px 0px 0px;
}
#content .quote p.quoteby {
	font-weight: bold;
	text-align: right;
	background: url(../images/bg-quote-btm.gif) no-repeat center bottom;
	width: 514px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	font-style: italic;
}

#content #faqs {
	margin: 7px 0px;
	padding: 10px 0px 15px;
	clear: both;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
#content #faqs h4 {
	font-size: 0.85em;
	font-weight: bold;
	color: #004f9a;
	margin: 0px 0px 5px;
}
#content #intro {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 524px;
}

#content .relateditems {
	margin: 15px 0px 0px;
	padding: 10px 0px 0px;
	clear: both;
	border-top: 1px solid #777;
}
#content .relateditems ul {
	margin: 0px;
	padding: 0px;
}
#content .relateditems li 
{
    color: #231f20;
	list-style: none;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	line-height: 1.4em;
}
#content .relateditems li a {
	color: #004e9a;
	font-weight: bold;
	background: url(../images/chevron-list.gif) no-repeat left center;
	padding-left: 10px;
}

#sidebar
{
	float: left;
	width: 190px;
}

.container {
	float: left;
}
.indent10px {
	padding-left: 10px;
}
.divider {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 15px;
}

.clearboth {
	clear: both;
}
.ticker {
	font-weight: normal;
	line-height: 1em;
}
.ticker a {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1em;
	color: #002b8d;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tabContainer input.tabButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
	padding:2px;
	margin:0;
}

.tabPanel
{
	border:1px solid #999;
	padding:10px 4px;
}

input.btnLarge
{
	background: url(../images/btn_submit_large.gif)!important;
	width: 157px!important;
	height: 45px!important;
	border: 0!important;
	padding-left: 157px!important;
	margin-top: 10px!important;
	margin-left: 170px!important;
	margin-bottom: 20px!important;
	outline: none!important;
	color: transparent!important;
}

input.btnLarge:hover
{
	background: url(../images/btn_submit_large_hover.gif)!important;
}

/* Added by KS 2008-09-19 styles for image grid page template */

#content .sponsors {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 260px;
	min-height: 140px;
	text-align: center;
}

#content .sponsors img
{
	margin: auto auto 1em auto;
	border-style: none;
}

/* Added by KS 2008-09-19 paging device for image grid page template */

.search-pager
{
	margin-bottom: 2em;
	text-align: center;
}

.search-pager a, .search-pager span.on
{
	padding: 1px 3px 1px 3px;
	border: 1px solid #004e9a;
	font-size: 0.7em;
}

.search-pager a:hover, .search-pager span.on, .search-pager a.on
{
	background: #004e9a;
	color: #ffffff !important;
	text-decoration: none !important;
}

.search-pager a:active { background: #004e9a; }

#content #main_content ul, #content #main_content ol {
	line-height: 1.4em;
	color: #231f20;
	margin-bottom: 0.6em;
	padding-left: 1em;
}

/* social icons */
ul.socialBookmarks
{
	margin: 0.4em 0 1.2em 0;
	padding-left: 0!important;
}
ul.socialBookmarks li
{
	padding-bottom: 0.6em;
	margin: 0;
	padding: 0;
}
ul.socialBookmarks li a
{
	float: left;
	padding-left: 30px;
	background: url(../images/socialbookmark.gif) left top no-repeat;
}

ul.socialBookmarks li
{
	list-style-type: none;
	float: left;
}
ul.socialBookmarks li a
{
	width: 16px;
	height: 16px;
	padding: 1px;
	border: 1px solid #ccc;
	margin: 0px 5px 10px 0;
	background-repeat: no-repeat;
	background-position: center center;
}
ul.socialBookmarks li a:hover { border-color: #39F; }
ul.socialBookmarks li a span { display: none; }
ul.socialBookmarks li.delicious a { background-image: url(../images/social_icons/delicious.gif); }
ul.socialBookmarks li.digg a { background-image: url(../images/social_icons/digg.gif); }
ul.socialBookmarks li.reddit a { background-image: url(../images/social_icons/reddit.gif); }
ul.socialBookmarks li.facebook a { background-image: url(../images/social_icons/facebook.gif); }
ul.socialBookmarks li.stumbleupon a { background-image: url(../images/social_icons/stumbleupon.gif); }
ul.socialBookmarks li.twitter a { background-image: url(../images/social_icons/twitter.gif); }
ul.socialBookmarks li.myspace a { background-image: url(../images/social_icons/myspace.gif); }
ul.socialBookmarks li.email a { background-image: url(../images/social_icons/email.gif); }

/* 16:9 video player with polaroid frame */
.video
{
	background: url(../images/bg-videoframe.jpg) no-repeat left top;
	width: 480px;
	height: 290px;
	padding: 17px 25px 17px 19px;
}

/* generic overlay styles */

#genericOverlay h3
{
	color: #004f9a;
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 0.4em;
}

#genericOverlay p
{
	margin-left: 0!important;
	font-size: 0.7em;
}

#genericOverlay textarea
{
	width: 100%;
	height: 260px;
	margin-bottom: 0.6em;
}

#genericOverlay .selectAll { float: left; }

#genericOverlay .selectAll input
{
	background-image: url(../images/btnGiftAidSelectAll.gif);
	width: 170px;
	height: 41px;
	display: block;
	border: 0;
	color: transparent;
	padding-left: 160px;
}

#genericOverlay .selectAll input:hover { background-position: 0 -41px; }

#genericOverlay .selectAll a span
{
	position: absolute;
	left: -1000px;
}

#genericOverlay p.buttonAlign
{
	color: #999;
	font-size: 0.65em;
	font-weight: bold;
	padding-right: 80px;
	padding-left: 190px;
	padding-top: 0.2em;
}

/* back to page - confirmation screen */

a.backToYourPage
{
	background-image: url(../images/btn_backToYourPage.gif);
	width: 176px;
	height: 23px;
	display: block;
	float: left;
	margin-right: 20px;
}

a.backToYourPage span
{
	position: absolute;
	left: -1000px;
}

/* New pretty paging widget that uses sifr - 25 June 2010 */

ul.prettyPager
{
	list-style-type: none;
	padding: 0 !important;
	margin-left: 0;
	text-align: center;
}

ul.prettyPager li
{
	display: inline;
}

ul.prettyPager li.pretty 
{
	font-size: 1.7em;
	margin-right: -0.25em;
}

ul.prettyPager li a.prev, ul.prettyPager li a.next
{
	width: 23px;
	height: 39px;
	display: inline-block;
	background-image: url(../images/btnPrevNextPP.gif);
	position: relative;
}
ul.prettyPager li a.next { background-position: right top; }
ul.prettyPager li a.prev:hover { background-position: left bottom; }
ul.prettyPager li a.next:hover { background-position: right bottom; }

ul.prettyPager li a span
{
	position: absolute;
	margin-left: -3000px;
}

/* PayPal cart page - Nov 30 2010 */
.selectSecureTrading,
.selectPayPal
{
	border: 0 !important;
	padding: 10px 0px 10px 14px;
	background-color: #e9f3ff;
	margin-bottom: 0.3em;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	margin-right: 60px;
}

input#rdoSecureTrading,
input#rdoPaypal
{
	width: auto !important;
	margin-right: 0.3em !important;
	float: none !important;
	vertical-align: 6px !important;
}

.selectSecureTrading label,
.selectPayPal label
{
	width: 255px !important;
	text-align: left !important;
	float: none !important;
	vertical-align: 11px !important;
	display: inline-block;
	margin-right: 0 !important;
	word-spacing: -0.05em;
}

/* admin multilogin */

.multiLogin { padding: 80px 260px 120px !important; }