/*******************
File:    forms.css
Version: 2.0
Author:  Tom Beynon
Date:    20/04/2009
*******************/

/***********Puffin Book Club Style Sheet************/
/***************Form Styles********************/



/*TAGS
---------------------------------------------------*/

legend{ /*Extra bottom margin added for IE only in IEonly.css CHECK THIS?*/ 
position:relative;
	/*top:-20px;*/
	top:-10px;
	/*height:24px;*/
	font-weight:bold;
	color:#4563af;
	width:100%;	
	padding:0;
	margin:0;
	}

legend span{
	width:726px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:6px;
	display:block;
		-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#000000 url(/siteimages/PUFFIN/H2_gradient2-trans.png) top repeat-x;
	margin-left:-11px;
	margin-right:-20px;
	/*margin-bottom:20px;*/
	margin-bottom:0;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
	
}


h2{
	margin-top:8px;
	font-size:200%;
	color:#ffffff;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	}
	
h2	a
{
	text-decoration:none;
	
	}
		
h2 span
{
	display:block;
	padding-top:8px;
	padding-left:12px;
	padding-bottom:10px;
	padding-right:8px;
	font-weight:bolder;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#1f4197 url(/siteimages/PUFFIN/H2_gradient-trans.png) top repeat-x;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0em 3px rgba(0,0,0,.4);
	margin-bottom:12px;
	vertical-align:middle;
	
	 }



/*UNIVERSAL FORM STYLES
---------------------------------------------------*/

.form {
	clear:both;}
	
.form dt{
	float:left;
	width:180px;
	text-align:right;
	margin-right:12px;
	margin-top:0px;}
.form dd{
	padding-bottom:12px;
	margin-left:192px;}
.form dl{
position:relative;
	margin-top:12px;
	margin-bottom:0px;}

.form.centered dt{
	width:340px;}
.form.centered dd{
	margin-left:352px;}	
	
.form.half dt{
	width:130px;}
.form.half dd{
	margin-left:135px;}

	
#formCentre{
	margin-bottom:24px;}
	
.inputLong{
	width:180px;}
	
.checkbox{
	margin-top:4px;
	border:none;
	width:20px;}

.checkbox input{
	border:none;
	width:20px;}
	
.button{
	border:none;}
	
.bigEntry{
	width:300px;}
	
.undo{
	float:right;
	margin-top:-8px;}
	
.inputVShort{
	width:30px;}
#quickshopForm .inputVShort{
	width:45px;}
	
.nonEditField{
	margin-bottom:12px;}
	

/*BUTTON STYLES
---------------------------------------------------*/
.form.centered .formButton{
	margin-left:352px;}
	
.form.half .formButton{
	margin-left:140px;}

.formButton{
	margin-bottom:16px;
	margin-left:192px;}
	
.rightButton{
	margin-top:6px;}
	
.cancel{
	float:right;
	margin-top:8px;
	margin-right:170px;}

#centreHalf .cancel{
	margin-right:85px;}
	


/*FORM ERROR STYLES
---------------------------------------------------*/

.errorBox{
	font-weight:bold;
	border:2px solid #CE1E1E;
	padding:16px;
	margin-top:16px;
	padding-left:120px;
	background: #FFCCCC url(/siteimages/PUFFIN/puffin-error.jpg) no-repeat left 6px;
	color: #CE1E1E;}
	
.errorBox h3{
	font-size:150%;
	padding-top:0px;}
	
.errorMessage{
	color:#CE1E1E;	}
	
.errorChange input{
	border: 2px solid #CE1E1E;	}
	
label.errorChange{
	color:#CE1E1E;
	font-weight:bold;	}
	
dd.errorChange{
	padding-bottom:4px;}
dd.errorChange img{
	padding-left:0px;}
	
dd img{
	vertical-align:middle;
	margin-top:0px;
	padding-left:4px;}

.showErrorImage{
	display: inline;}



/*SPECIFIC FORM STYLES
---------------------------------------------------*/
	
#login dl{
	margin-top:24px;}
	
#RegistrationPage #mailingPrefs{
	padding-right:6px;}	
#RegistrationPage #mailingPrefs p{
	clear:both;
	width:320px;
	margin-top:-10px;}	
#mailingPrefs #initialMail  dt{
	width:220px;
	margin-bottom:8px;} 
	
#mailingPrefs #initialMail  dl{
	padding-bottom:24px;}	
	
#mailingPrefs{
	background: #ebebeb url(/siteimages/PUFFIN/bulletin.gif) no-repeat top right;}
#mailingPrefs dt{
	float:left;
	width:80px;
	text-align:right;
	margin:0px;
	margin-top:2px;}
#mailingPrefs dd{  /*bottom padding adjustec in ieonly.css*/
	width:10px;
	float:left;
	padding-bottom:12px;
	margin-left:2px;
	margin-right:22px;}
#mailingPrefs dd img{
	padding-top:6px;}
#mailingPrefs  p{
	padding-bottom:4px;}
	
#mailOptions dd{
	margin-right:32px;}
	
#selectPrefs {
	margin-top:16px;
	margin-bottom:16px;
	padding-right:6px;
	padding-bottom:4px;
	border: 1px dashed #666666;
	text-align:right;}
#selectPrefs span{
	font-weight:bold;
	float:left;
	padding-top:14px;
	padding-left:12px;}
	
#mailOptions{
	text-align:right;
	padding-top:12px;
	padding-left:6px;
	margin-left:6px;
	margin-top:4px;
	border-top: 1px dashed #666666;}	
#mailOptions p{
	clear:both;
	text-align:left;}	
#mailOptions dl{
	padding-bottom:32px;}

#confirmReg{
	clear:both;
	text-align:right;}
#confirmReg dl{
	margin-top:0px;
	float:left;}
#confirmReg dt{
	padding-top:3px;
	float:none;
	text-align:left;
	width:700px;}
#confirmReg dd{
	float:left;
	margin-left:10px;
	margin-right:4px;}
#confirmReg .rightButton{
	margin-top:0px;}
	
#postcodeLookup{
	font-weight:bold;
	border-bottom: 1px dashed #666666;}
#postcodeSelect{
	width:90%;
	margin-left:auto;
	text-align:center;
	margin-right:auto;}
	
.longList li{
	width:100%;
	float:left;
	clear:both;
	padding-top:10px;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom: 1px dashed #666666;}
.editForm {
	margin-top:18px;}
.longList dt{
	margin-right:8px;
	float:left;
	text-align:right;
	width:180px;
	font-weight:bold;}
.longList dd {
	padding-bottom:8px;
	margin-left:190px;}
.longList dd .undo{
	float:right;
	margin-top:-14px;}
.longList dd a .sideButton {
	margin-left:4px;}
	
.longList input{
	margin-top:-4px;
	margin-bottom:4px;}
.longList select{
	margin-top:-4px;
	margin-bottom:4px;}
	
.longList span{
	display:block;
	width:450px;}
	
	
.rightOptions{
	margin-top:6px;
	text-align:right;
	float:right;
	width:240px;
	margin-right:100px;
	}
	
	
#accountYourSchools .rightOptions{
	margin-top:0px;
	margin-bottom:6px;  /*set to 0 in ieonly.css*/
	}

.rightOptions.left{
	text-align:left;}
.rightOptions li{
	border:none;
	display:inline;}
	

.addressInfo{
	width:450px;
	text-align:left;
	float:left;	}
.addressInfo li{
	display:inline;}	



.addressLine{
	width:100%;
	float:left;
	clear:both;
	padding-top:10px;
	padding-bottom:6px;
	border-bottom: 1px dashed #666666;}
	


#quickshopProduct{
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px dashed #666666;
	border-top: 1px dashed #666666;
	height:100px;
	}
	
#quickshopProduct h3{
	padding:0px;	}
	
#quickshopProduct .author{
	padding-bottom:8px;}
	
#quickshopProduct .productInfo{
	width:auto;}
	
#quickshopAdded{
	color:#999999;
	}
	
#quickshopAdded ul{
	padding-right:12px;
	height:272px; /*height chaned in ieonly.css*/
	overflow:scroll;}
	
#quickshopAdded li{
	margin-top:4px;
	margin-bottom:4px;
	padding:4px;
	border-bottom: 1px dashed #666666;}
	
#quickshopAdded ul span{
	margin-left:8px;
	display:block;
	float:right;}
	
#quickshopAdded strong{
	font-weight:normal;}
	
#quickshopAdded #listHead{
	font-weight:bold;
	border-bottom: 1px solid #999999;}
	
#quickshopAdded #listHead strong{
	font-weight:bold;}
	
	
#parent{
	background: url(/siteimages/PUFFIN/puffin-parent.jpg) no-repeat right 18px;
	padding-right:150px;	}
	
#school{
	background: url(/siteimages/PUFFIN/puffin-school.jpg) no-repeat right 18px;
	padding-right:130px;	}



#leftHalf dd span
{
display:none;

}

#rightHalf dd span
{
display:none;

}