/*	===============================================================
	Scholastic Book Fairs
	http://www.scholastic.co.uk/bookfairs/

	Type:				Structural Styles
	Build by:			Clearleft
	Original Author:	James Bates
	Author Email:		james.bates@clearleft.com
	Creation Date:		9 May 2007
	============================================================ */
	
	
/*	---------------------------------------------------------------
	USEFUL POSITIONING RULES
	------------------------------------------------------------ */

	/* Clearing floated content rules - taken from
	http://www.positioniseverything.net/easyclearing.html */
	.clearfloat:after, #page:after, #content:after, .started-block:after, form fieldset p:after, .checkboxgroup:after {
    content: " "; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
	}
	
	.clearfloat, #page, #content, .started-block, form fieldset p, .checkboxgroup {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfloat, * html #page, * html #content, * html .started-block, * html form fieldset p, * html .checkboxgroup {height: 1%;}
	.clearfloat, #page, #content, .started-block, form fieldset p, .checkboxgroup {display: block;}
	/* End hide from IE-mac */
	

/*	---------------------------------------------------------------
	SECONDARY NAVIGATION
	------------------------------------------------------------ */
	
	#mainnav { text-transform: uppercase; }
	#mainnav li { font-size: 12px;  }
		
	#secondarynav {
	font-size: 1em;
	float: left;
	width: 15%;
	background-color: #caddfb;
	border-bottom: 1px #a5c0e9 solid;
	margin-right: 3.5%;
	}
	
	#secondarynav li { list-style: none; }
	
	#secondarynav li a {
	display: block;
	background-color: #caddfb;
	border: 1px #a5c0e9 solid;
	border-bottom: 1px #f4f8fe solid;
	padding: 0.6em 0.6em 0.6em 20px;
	background: url("http://images.scholastic.co.uk/images/secnav_bg.gif") no-repeat 0px 0.95em;
	color: #333;
	text-decoration: none;
	}
	
	#secondarynav li a:hover {
	color: #fff;
	border: 1px #8eb5e0 solid;
	background: #8eb5e0 url("http://images.scholastic.co.uk/images/secnav_bg.gif") no-repeat -500px 0.95em;
	}
	
	* html #secondarynav li a {	height: 1%; } /*For IE6*/
	
	/*Current page*/
	#secondarynav li.here a {
	font-weight: bold;
	color: #fff;
	border: 1px #8eb5e0 solid;
	background: #8eb5e0 url("http://images.scholastic.co.uk/images/secnav_bg.gif") no-repeat -500px 0.95em;
	}
	
	

/*	---------------------------------------------------------------
	STRUCTURAL DIVS
	------------------------------------------------------------ */	

	#page {
	clear: both;
	position: relative;
	margin-top: 30px;
	padding: 0 3.5%;
	/*Taken from - http://www.positioniseverything.net/explorer/percentages.html*/
	padding-left: expression(this.parentNode.offsetWidth * 0.035 + 'px');
	}
	
	#content {
	width: 81%;
	margin: 0;
	padding: 0;
	}

	div.inner-l {
	float: left;
	width: 50%;
	display: inline;
	margin: 6px 0;
	}
	
	div.inner-r {
	float: right;
	width: 49%;
	margin: 6px 0;
	}
	
	/*Yellow dark box moved to pages.css*/

	.mainpromo1 li { line-height:20px; margin-left:15px; }
	
	/*Yellow light box moved to pages.css*/
	
	/*Blue dark box*/
	.secondarypromo1 {
	border: 1px #D2E0F4 solid;
	background-color: #e5eefd;
	padding: 18px;
	margin: 0 0 6px 0;
	}
	
	.secondarypromo1 li { line-height:20px; margin-left:15px; }
	
	/*Blue mid box*/
	.secondarypromo2 {
	border: 1px #dde8f7 solid;
	background-color: #ecf2fe;
	padding: 18px;
	margin: 0 0 6px 0;
	}
	
	/*Blue light box*/
	.secondarypromo3 {
	border: 1px #e9f0fa solid;
	background-color: #f2f7fe;
	padding: 18px;
	margin: 0 0 6px 0;
	}


/*	---------------------------------------------------------------
	GENERIC TYPOGRAPHY RULES
	------------------------------------------------------------ */	
	
	h1 {margin: 0 0 0.6em 0;}
	#content p {margin: 0 0 1em 0;}
		
		
/*	---------------------------------------------------------------
	GENERIC FORM STYLING
	------------------------------------------------------------ */	
	
	form fieldset {
	position: relative;
	border: 1px #ccc solid;
	margin: 1em 0;
	}

	form fieldset p {
	margin: 0;
	padding: 0 0 0 1em;
	font-weight: bold;
	}
	
	form fieldset h2 {
	padding: 0 0 0 1em;
	}
		
	form label, form span.label {
	float: left;
	width: 120px; /*Set space between label & input*/
	\width: 130px;
	w\idth: 120px;
	padding-right: 10px;
	clear: both;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	}
	
	form input:focus, form textarea:focus {
	color:#333;
	background-color: #fffdda;
}
	
	form select, form input.radio, form input.checkbox, form input.submit {
  	width: auto;
	}
	
	form#addressform .required label {
	width: auto;
	float: none;
}
	
	div.formfootbuttons {
	text-align: right;
	}
	
	#person_prefix, #person_given_name, #person_surname, #person_job_title, #email_email, #email_email_confirmation, #student_student_number, #person_password, #person_password_confirmation, #person_username { float:left;}
	
	#student_studies_end_month, #student_studies_end_year { float:left; width:100px; margin-right:10px;}
	medium checkinput number shownote
	
	
/*	---------------------------------------------------------------
	BOOKFAIR'S GLOBAL ELEMENTS
	------------------------------------------------------------ */
	
	.floatright	{float: right;}
	.floatleft	{float: left;}
	
	p.small { font-size: 0.9em; }
	
	.info {
	background: url("http://images.scholastic.co.uk/images/icon_info.gif") no-repeat 0 0;
	padding-left: 30px;
	min-height: 26px;
	}
	
	* html .info {height: 26px;}
		
	.email-address {
	background: url("http://images.scholastic.co.uk/images/icon_mail.jpg") no-repeat 0 2px;
	padding-left: 24px;
	min-height: 11px;
	}
	
	.tel-number {
	background: url("http://images.scholastic.co.uk/images/icon_tel.jpg") no-repeat 0 0;
	padding-left: 24px;
	min-height: 20px;
	line-height: 20px;
	}


/*	---------------------------------------------------------------
	HOMEPAGE TEMPLATE
	------------------------------------------------------------ */	
	
	body.home #banner {
	height: 200px;
	background: url("http://www.scholastic.ie/bookfairs/images/banners/jurassic-banner.jpg") no-repeat 0 0;
	padding: 0;
	border: 1px #fff solid;
	}
	
	body.home #banner h1, body.home #banner p { text-indent: -9999px; }
	
	/*Getting started box*/
	body.home #getstart h3 {
	height: 21px;
	width: 224px;
	text-indent: -9999px;
	}
	
	body.home .started-block {
	clear: both;
	margin-bottom: 20px;
	}
	
	body.home .started-block img {
	float: left;
	}
	
	body.home .started-block h4 {
	font-size: 1.2em;
	margin-bottom: 0.3em;
	}
	
	body.home #content .started-block h4, body.home #content .started-block p {
	margin-left: 140px;
	}
	
	body.home #inner-wrap { clear: both; }
	body.home .secondarypromo2 { padding: 3%;}
	
	/* Manage your current fairs */
	
	body.home #managefairs h3 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/onYellow_WelcometoyourOrgToolkit.gif") no-repeat 0 0;
	height: 21px;
	width: 306px;
	text-indent: -9999px;
}
	/* Your fairs */
	
	body.home #yourfairs h3 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/clear_YourBookFairs.gif") no-repeat 0 0;
	height: 17px;
	width: 134px;
	text-indent: -9999px;
}
	
	/* Manage Your fairs */
	body.home #manageyourfairs {
	/*red new sticker*/
	background:#ecf2fe url("http://bookfairs.scholastic.co.uk/images/bookfairs/homepage/sticker_new.gif") no-repeat right top;
	}

	body.home #manageyourfairs h3 {
	background: url("/bookfairs/images/headings/steps_to_a_successful.gif") no-repeat 0 0;
	height: 21px;
	width: 274px;
	text-indent: -9999px;
	}
	body.home #manageyourfairs fieldset {
	border: none;
	}

	/* Plan a New Book Fair ! */
	body.home #plananewbookfair h3 {
	background: url("http://images.scholastic.co.uk/images/bookfairs/titles/plan_a_new_book_fair.gif") no-repeat 0 0;
	height: 17px;
	width: 192px;
	text-indent: -9999px;
	}

	
	/*What is box*/
	body.home #shop, body.home #whatis, body.home #queries {
	width: 43%;
	\width: 49%;
	w\idth: 43%;
	float: left;
	height: 11.5em;
	}
	
	body.home #whatis { float: right;}
	
	/*Toolkit login*/
	body.home #toolkit h3 {
	background: url("http://images.scholastic.co.uk/images/titles/toolkit_login.gif") no-repeat 0 0;
	height: 21px;
	width: 202px;
	text-indent: -9999px;
	}
	
	body.home #toolkit fieldset { border: none; }
	body.home #toolkit fieldset p { margin-bottom: 0.2em; }
	body.home #toolkit input { float: none;}
	
	/*New to scholastic box*/
	body.home #new h3 {
	background: url("http://images.scholastic.co.uk/images/titles/new_to_scholastic.gif") no-repeat 0 0;
	height: 21px;
	width: 164px;
	text-indent: -9999px;
	}
	
	body.home #new #text {
	float: left;
	width: 48%;
	}
	
	body.home #new #button {
	float: right;
	width: 48%;
	text-align: center;
	}
	
	/*Commission shop*/
	body.home #shop h4 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/bluegrad_CommissionShop.gif") no-repeat 0 0;
	height: 20px;
	width: 155px;
	text-indent: -9999px;
	}
	
	/*What is a book fair*/
	body.home #whatis h4 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/bluegrad_Whatis.gif") no-repeat 0 0;
	height: 20px;
	width: 155px;
	text-indent: -9999px;
	}

	/*Any queries*/
	body.home #queries h4 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/bluegrad_Anyqueries.gif") no-repeat 0 0;	
	height: 20px;
	width: 155px;
	text-indent: -9999px;
	}


/*	---------------------------------------------------------------
	LOGIN TEMPLATE
	------------------------------------------------------------ */	
	
	/* moved to pages.css so it can be shared sitewide */


/*	---------------------------------------------------------------
	FAIRS TIMELINE
	------------------------------------------------------------ */	
		
	#timeline-title {
	background-color: #7094B7;
	color: #fff;
	margin: 0;
	padding: 0.3em 0; 
	text-align: center;
	font-weight: normal;
	}
	
	#timeline {
	height: 80px;
	background: url("http://images.scholastic.co.uk/images/timeline/tl_rpt.jpg") repeat-x 0 0;
	margin-bottom: 1em;
	}
	
	#timeline li {
	float:left;
	display: inline;
	width: 11%;
	list-style: none;
	}
	
	#timeline li a {
	display: block;
	height: 80px;
	text-indent: -9999px;
	}
	
	#timeline li#tl1 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_1.jpg") repeat-x 50% 0;}
	#timeline li#tl2 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_2.jpg") repeat-x 50% 0;}
	#timeline li#tl3 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_3.jpg") repeat-x 50% 0;}
	#timeline li#tl4 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_4.jpg") repeat-x 50% 0;}
	#timeline li#tl5 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_5.jpg") repeat-x 50% 0; border-left: 1px #DCE5EE solid;}
	#timeline li#tl6 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_6.jpg") repeat-x 50% 0;}
	#timeline li#tl7 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_7.jpg") repeat-x 50% 0; border-left: 1px #DCE5EE solid;}
	#timeline li#tl8 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_8.jpg") repeat-x 50% 0;}
	#timeline li#tl9 a {background: url("http://images.scholastic.co.uk/images/timeline/tl_9.jpg") repeat-x 50% 0;}
	
	#page #timeline li a:hover {background-position: 50% -80px;}
		
	/*Before section*/
	ul.before#timeline li#tl1 a, ul.before#timeline li#tl2 a, ul.before#timeline li#tl3 a, ul.before#timeline li#tl4 a {background-position: 50% -160px;}
	ul.before#timeline li#tl1 a:hover, ul.before#timeline li#tl2 a:hover, ul.before#timeline li#tl3 a:hover, ul.before#timeline li#tl4 a:hover {background-position: 50% -240px;}

	/*During section*/
	ul.during#timeline li#tl5 a, ul.during#timeline li#tl6 a {background-position: 50% -160px;}
	ul.during#timeline li#tl5 a:hover, ul.during#timeline li#tl6 a:hover {background-position: 50% -240px;}

	/*After section*/
	ul.after#timeline {background: url("http://images.scholastic.co.uk/images/timeline/tl_rpt.jpg") repeat-x 0 -80px;}
	ul.after#timeline li#tl7 a, ul.after#timeline li#tl8 a, ul.after#timeline li#tl9 a {background-position: 50% -160px;}
	ul.after#timeline li#tl7 a:hover, ul.after#timeline li#tl8 a:hover, ul.after#timeline li#tl9 a:hover {background-position: 50% -240px;}
	
	#page ul.before#timeline li.selected a, #page ul.during#timeline li.selected a, #page ul.after#timeline li.selected a {background-position: 50% -320px; cursor: default;}
	

/*	---------------------------------------------------------------
	CURRENT FAIRS
	------------------------------------------------------------ */	
		
	body.fairs #essentials h2 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/onYellow_TheEssentials.gif") no-repeat 0 0;
	height: 21px;
	width: 124px;
	margin-top: 0;
	text-indent: -9999px;
	}
	
	body.fairs #essentials img { float: right; }
	body.fairs #essentials h4 { margin: 1.3em 0 0.6em 0; }
	body.fairs #essentials p { margin: 0; }
	body.fairs #essentials li { list-style-type: none; margin-bottom: 0.5em; }
	
	body.fairs #salesandpayments h3 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/blue_BookFairPayments.gif") no-repeat 0 0;
	height: 20px;
	width: 200px;
	margin-top: 0;
	text-indent: -9999px;
	}
	
	body.fairs #tellushowitwent h3 {
	background: url("http://bookfairs.scholastic.co.uk/images/bookfairs/titles/blue_Tellushowitwent.gif") no-repeat 0 0;
	height: 20px;
	width: 200px;
	margin-top: 0;
	text-indent: -9999px;
	}
	
	/* Changed the following style to left-align everything for the 'Fairs saes and payments' and 
	'Tell us how it went' sections. This is because the current requirements have changed from the initial design. */
	
	body.fairs #salesandpayments h3, body.fairs #salesandpayments p, body.fairs #tellushowitwent h3, body.fairs #tellushowitwent p {
	margin-left: 0px;
	}
	
/*	---------------------------------------------------------------
	TRANSACTIONAL STYLES
	------------------------------------------------------------ */	
		
	body.transactional fieldset {
	padding: 20px;
	background-color: #fafafa;
	}
	
	body.transactional form fieldset p { margin: 0.6em 0; }
	body.transactional form fieldset p.returnerror { color:#900; }
	
	* html body.transactional form fieldset p.returnerror {
	padding-bottom: 3.8em; /*For IE6*/
	}
	
	body.transactional form fieldset p input {
	float:none;
	width: 20em;
	}
	
	body.transactional form fieldset p input.checkbox, body.transactional form fieldset p input.submit {
	width: auto;
	}
	
	body.transactional form fieldset p input.medium { width: 10em; }
	
	body.transactional form fieldset p input.short { width: 6em; }
	body.transactional form fieldset p input.tiny { width: 3em; }
	
	body.transactional form fieldset p select {
	float: none;
	display: inline;
	margin: 0 4px 0 0;
	}
	
	#cash_report_school_funds_taken_gbp, #cash_report_ccd_taken_gbp, #cash_report_cash_taken_gbp, #cash_report_commission_taken_gbp {height:15px;}
	
	body.transactional form label, body.transactional form span.label {
	width: 12em; /*Set space between label & input*/
	\width: 15em;
	w\idth: 12em;
	padding-right: 3em;
	}
	/*
	label .error {
	margin: 1em 0 0 15em;
	display: block;
	width: 300%;
	border: 1px #E6C0C0 solid;
	background-color: #fff;
	font-weight: bold;
	color:#900;
	padding: 10px;
	}
	
	* html label .error {
	position: absolute;
	left: 16.7em;
	height: 1.5em;
	margin: 2em 0 0 0;
	width: 300%;
	}
	*/
	
form fieldset span.total {
	font-weight: bold;
	text-transform: uppercase;
}

.javascriptEnabled label .callout a {
	display:none;
}
	
.javascriptEnabled label .callout {
	position: absolute;
	left: 35.5em;
	width: 13.5em;
	margin-top: -15px;
	background: url(http://images.scholastic.co.uk/images/calloutline.gif) repeat-x 0 25px;
}

label .callout span {
	display: block;
	float: right;
	border: 1px #E6C0C0 solid;
	padding: 0.25em 0.25em 0.25em 0.5em;
	width: 10em;
	font-size: 0.91em;
	line-height:1.2em;
}

label .callout .note {
	color:#333;
	background-color: #fffdda;
}

label .callout .error {
	color:#c00;
	background-color: #fff;
}


label .callout strong {
	display: block;
	font-weight: bold;
}

	#footnotes ol {
	margin-left: 23px;
}

.javascriptEnabled #Calculate {
	visibility: hidden;
	width: 0px;
}

.javascriptEnabled #footnotes {
	display: none;
}	
	form p span.formnote {
	font-size: 0.8em;
	font-weight: normal;
	}
	
	body.transactional fieldset h4 {
	float: left;
	width: 13em;
	font-weight: normal;
	}
	
	div.checkboxgroup { margin: 0.6em 0 0.6em 15em; }
	
	div.checkboxgroup p {
	float: left;
	clear: none;
	display: inline;
	line-height: 100%;
	padding-right: 2em;
	white-space: nowrap;
	}
	
	body.transactional div.checkboxgroup p input  {
	float: left;
	clear: right;
	margin: 0 0.4em 0 0;
	width: auto;
	}
	
	body.transactional div.checkboxgroup p label {
	line-height: 100%;
	padding: 0;
	clear: none;
	width: auto;
	}
	
	body.transactional #youneedtopay {
	background: url("http://images.scholastic.co.uk/images/transactional/you_need_to_pay.jpg") no-repeat 0 0;
	height: 26px;
	margin-top: 0;
	text-indent: -9999px;
	}
	
	body.transactional #green-total {
	background: url("http://images.scholastic.co.uk/images/transactional/green_pound.jpg") no-repeat 0 50%;
	color: #687535;
	font-size: 1.3em;
	padding-left: 18px;
	}

	span.billing-block {
	display: block;
	margin-left: 15em;
	padding: 15px;
	border: 1px #ccc solid;
	background-color: #fff;
	}
	
	body.transactional  fieldset#paymenttotal {
	background: #FFFDDA url("http://images.scholastic.co.uk/images/transactional/paymentstotal.jpg") no-repeat 0 50%;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	}
	
	body.transactional  fieldset#commissiontotal {
	background: #FFFDDA url("http://images.scholastic.co.uk/images/transactional/commission_balance.jpg") no-repeat 0 50%;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	}
	
	body.transactional  fieldset#commissiontotal span.label, body.transactional  fieldset#paymenttotal span.label {
	text-indent: -9999px;
	}
	
	body.transactional span.commissiontotalamount {
	display: block; /*Added for IE6*/
	color: #690;
	font-size: 1.5em;
	line-height: 2.8em;
	}
		
	div.rate-item {
	width: 40%;
	float: left;
	margin: 0 4% 2px 0;
	}	
	
	
/*	---------------------------------------------------------------
	TELL US HOW IT WENT
	------------------------------------------------------------ */	
	
	body.tellushow .formfootbuttons{
	text-align: left;
	margin-top: 1em;
	}

	#content div.rate-item p{
	line-height: 1em;
	margin: 0.6em 0;
	}	

	body.tellushow h2{
	margin-top: 2em;
	clear: both;
	}
	
	
	/*Stars rating styles*/
	.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {
	background: url("http://images.scholastic.co.uk/images/star.gif") left -1000px repeat-x;
	}
	
	.star-rating {
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	background-position: left top;
	float: left;
	}
	
	.star-rating li {
	display: inline;
	}

	.star-rating a, .star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
	}

	.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
	}

	.star-rating a.one-star		{ width:20%; z-index:6; }
	.star-rating a.two-stars	{ width:40%; z-index:5; }
	.star-rating a.three-stars	{ width:60%; z-index:4; }
	.star-rating a.four-stars	{ width:80%; z-index:3; }
	.star-rating a.five-stars	{ width:100%; z-index:2; }

	.star-rating .current-rating {
	z-index:1;
	background-position: left center;
	}

	body.tellushow label { margin: 0 3em 0 0.6em; }	

	body.tellushow #additionalComments {
	width: 60%;
	height: 10em;
	}
	
	
/*	---------------------------------------------------------------
	HOLD A FAIR
	------------------------------------------------------------ */		
	
	body.holdafair h2 { margin-top: 0; }
	body.holdafair fieldset { padding: 0; border: none; }
	body.holdafair form fieldset p { margin: 0.6em 0; }
	body.holdafair form fieldset p input { float:none; width: 30%; }
	
	body.holdafair form fieldset p select {
	float: none;
	display: inline;
	margin: 0 4px 0 0;
	}
	
	body.holdafair form label, body.holdafair form span.label {
	width: 12em; /*Set space between label & input*/
	\width: 15em;
	w\idth: 12em;
	padding-right: 3em;
	}
	
	body.holdafair div.cal-wrap {
	border: 1px #CADDFB solid; background-color: #fff; padding: 3px;
	float: left;
	width: 30%;
	margin-right: 2%;
	clear: right;
	}
	
	div.cal-wrap td div {
	cursor: pointer;
	cursor:hand;
}
	
	* html body.holdafair div.choosedate {
	width: 94.6%; /*For IE6*/	
	}
	
	body.holdafair p.cal-intro{ margin: 0 0 1.5em 0; }
	
	body.holdafair div#cal-control{
	float: right;
	width: 30%;
	text-align: right;
	}
	
	body.holdafair div#cal-control img {
		margin-left: 8px;
		cursor: pointer;
		cursor:hand
	}
	
	body.holdafair div.cal-wrap h4 {
	background: #9CC3EB url("http://images.scholastic.co.uk/images/cal_bg.jpg") repeat-x left bottom;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0.3em;
	}
	
	body.holdafair table.cal		{ border-collapse: collapse; width: 100%; background-color: #fff; font-size: 1em; text-align: center; }
	body.holdafair table.cal th		{ border: none; font-weight: bold; color:#333; background-color: #fff; padding: 0.3em; }
	body.holdafair table.cal td		{ border: 1px #CADDFB solid; color: #666; padding: 0.3em; }
	body.holdafair table.cal td.we	{ background-color: #FFFFCC; }
	
	p.cal-foot {clear: both; text-align: right;
	padding-top: 1.5em;}
	form p.cal-foot label {
	 float: none;
	 width: auto;
}
	p.cal-foot input{vertical-align: middle;}
	
	
	
/*	---------------------------------------------------------------
	MANAGE YOUR ACCOUNT & PAST FAIRS
	------------------------------------------------------------ */		
		
	table.summarytable {
	width: 100%;
	border-collapse: collapse;
	}
	
	table.summarytable td {
	width: 14.2%; /*100/number of cols keeps columns even*/
	border: 1px #ccc solid;
	padding: 0.6em;
	background-color: #fff;
	}
	
	.summarytable thead td {
	background-color: #69c; color: #fff; font-weight: bold; vertical-align: top;
	}
	
	.summarytable td.st-so, .summarytable td.st-fn, .summarytable td.st-sa {font-weight: bold;}
	
	#page #content .summarytable td a		{text-decoration: underline;}
	#page #content .summarytable td a:hover	{text-decoration: none;}
	
	.summarytable td.st-ow a {
	background: url("http://images.scholastic.co.uk/images/icon_mail.jpg") no-repeat 0 3px;
	padding-left: 20px;
	min-height:11px;
	}
	
	* html .summarytable td.st-ow a {padding-bottom: 2px;} /*For IE6*/
	
	.summarytable td.st-ce, .summarytable td.st-vr {
	font-weight: bold;
	background-color:#ffc;
	}
	
	body.pastfairs .summarytable td.st-ce {color: #690;}
	
	.summarytable td.st-tl {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #999;
	background-color: transparent;
	border: none;
	}
	
	.summarytable td.st-to {
	font-size: 1.5em;
	background-color:#ffc;
	color:#690;
	font-weight: bold;
	}
	
	body.youraccount #accountnav ul#subnavtabs {
	background-color: #fff;
	}

	body.youraccount #accountnav ul.tabs li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display: inline; /*Added for IE6*/
	}
	
	body.youraccount #accountnav ul.tabs li a {
	display:block;
	padding:5px 10px;
	float:left;
	margin-right:2px;
	position:relative;
	text-decoration: none;
	z-index:5;
	background:#EBF1FC;
	border: 1px #DCE3EE solid;
	color: #555555;
	}
	
	body.youraccount #accountnav ul#subnavtabs li a.here {
	background-color:#E2EBFA;
	border:1px #CDD7E6 solid;
	border-bottom:1px #E2EBFA solid;
	font-weight: bold;
	}

	body.youraccount div.secondarypromo1 {
	position: relative;
	top: -1px;
	}


/*	---------------------------------------------------------------
	CASH REPORT FORM
	------------------------------------------------------------ */	
	
	body.cashreport .inner-l {
	border: 1px #ccc solid;
	background-color: #fafafa;
	width: 74%;
	\width: 80%;
	w\idth: 74%;
	padding: 3%;
	margin-top: 0;
	}
	
	body.cashreport .inner-r {
	width: 14%;
	\width: 18%;
	w\idth: 14%;
	border: 1px #e9d841 solid;
	background-color: #fffdda;
	padding: 2%;
	margin: 0 0 6px 0;
	}

	body.cashreport .what-to-do {
	border: 1px #e9d841 solid;
	background-color: #fffdda;
	padding: 2%;
	margin: 0 0 6px 0;
	text-align: left;
	}
	
	body.cashreport .what-to-do ul {
	margin: 2em;
	}

	body.cashreport h2 { margin: 0 0 1em 0; }
	
	body.cashreport h4 {
	margin: 0 0 0.6em 0;
	color: #336699;
	}
	
	body.cashreport p {
	line-height: 120%;
	font-size: 1em;
	}
	
	body.cashreport .inner-r ul {
	list-style-position: inside;
	margin-bottom: 0.6em
	}
	
	body.cashreport table.summarytable { margin-bottom: 2em }
	
	body.cashreport td.value {
	text-align: right;
	font-weight: bold;
	}
	
	body.cashreport td.total { color: #690; }
	
	body.cashreport tr.totalrow {
	font-size: 1.3em;
	background-color: #FFFFCC;
	}
	
	body.cashreport tr.totalrow td.value  { background-color: #FFFFCC; }
	
	body.cashreport tr.totalrow td.legend {
	background-color: #fafafa;
	border: none;
	color: #333;
	}
	
	body.cashreport div.formfootbuttons { width: 90%; } /* was 80% */
	div.formfootbuttons #printbut {
		float: left;
		display: none; /* only show if js enabled */
	}
	body.javascriptEnabled div.formfootbuttons #printbut {
		display: block;
		cursor: hand;
		cursor:pointer;
	}

	/* for online invoice */
	table.invoice_details     {  width: 100%;  }	
	table.invoice_details tr  {  text-align: left; width: 50%;  }
	table.invoice_details td  {  border: 0; width: 50%;  }

	
.printonly {
	display: none;
}

/*	---------------------------------------------------------------
	STATIC PAGES
	------------------------------------------------------------ */	

	.inner-box { padding: 1em; border:1px solid #E9D841; margin-bottom:1em;	height:auto;}
	.theme, .book { padding: 1em; border:1px solid #fff; margin-bottom:1em; height:auto; background-color:#fff; clear:left;}
	.theme h2 {margin-top:2em;} 
	.book h2 {margin-top:0.5em;} 
	.theme img, .book img { margin: 0 20px 20px 0; float: left; }
	.book-offer {  background-color:  #f00; color: #fff; letter-spacing: 0.1em; border: 1px solid #DC143C; text-transform: uppercase; padding:5px; font-style: bold; }
	.book-offer>a:link { color: yellow; }
	.greyline { background-color : #ccc; color : #ccc; height : 1px; border : 0 solid #ccc;	border-top-width : thin; margin:20px 0; float:left; clear:left; width:100%; }
	.more { text-align: right; }
	.contactbox { padding:15px 1em; float:left; clear: left;}
	.contactbox img { margin-right: 5px; float:left; }
	.contactbox h4, .contactbox p { margin-left: 5px; float:left; width: 15em; }

	.bullet li { margin-left:15px; line-height:18px; padding-bottom: 1.2em; }
	.bullet-indent li {margin-left:25px; line-height:18px; }

	.placeholder {
	background-color: #b3b3b3;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	margin: 1em 1em 1em 0;
	}
	
	.static-image {
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	margin: 2px;
	padding: 2px;margin-right: 20px;
	}
	
	.right {
	float: right;
	}

	.left {
	float: left;
	}

	div.book_talk_notes { clear: both; padding: 2em 0; }
	.book_talk_notes img {
	margin-left: 0px;
	float: left;
	margin-right: 3em; }
	.book_talk_notes h3 { padding: 0.25em 0; margin: 0 1em;  }

	/* book talk notes on cases pages*/
	div.book { margin-right: 250px; }
	.book_talk_note { float: right; width: 115px; font-size: x-small; margin-left: 10px; }


	.bookfair_steps li { font-size: medium;  margin-left: 3em;  padding: 0.5em 0; }


	.flash {
	margin: 5px 0;
	padding: 0;
	width:100%;
	}
	
	.downloadable-yellow li {
	background: transparent url("http://images.scholastic.co.uk/images/bookfairs/arrow-yellow-bg.gif") no-repeat;
	margin-left:15px;
	padding-left:10px;
	list-style:none;
	}
	
	.downloadable li {
	background: transparent url("http://images.scholastic.co.uk/images/bookfairs/arrow.gif") no-repeat;
	line-height:20px;
	margin-left:15px;
	padding-left:10px;
	list-style:none;
	}


	.selected_cell {
	background-color: lightyellow;
	font-weight: bold;
	color: black;
	}

	/* tell_everyone */
	.sidebar { margin: 0; margin-left: 2em; padding: 0; float: right; background-color: #E5EEFD; border: 1px solid #7094B7;  }
	.sidebar h3 { text-align: center; margin: 1em 0 0 0;  padding: 0;}
	.sidebar ul  { list-style: none; text-align: center; margin: 0;  padding: 0;  }
	.sidebar li { margin: 0; padding: 1em; }

	.top-tip { padding: 0; background-color: #FF99FF; color: #660066; border:1px solid #660099; margin: 1em 2em;  height: auto; margin-left: 0; width: 80%; }
	.top-tip h2 { background-color:#660066; color: #fff; font-size: large; text-transform: uppercase;  text-align: center; padding: 0; padding; 1em 0; margin: 0; }
	.top-tip>blockquote { line-height: 1.4em; padding: 1em; font-size: medium;   }
	.top-tip>cite { padding: 2em; }


	/* look great */
	.side_theme {  clear: both; margin-bottom: 2em;  }
	.bullet_tight { padding-bottom: 0.25em; line-height: 1.1em; margin-left: 1em; }