/***********     Validate CSS     ***********/

#templateForm .formArea .red,
#contentArea .red,
#templateMemberForm .formArea .red,
#emailfriendForm .red {
	border: 1px solid #CCC;
}
#search .red {
}
#templateForm .formArea label.red,
#templateMemberForm formArea label.red,
#contentArea label.red,
#emailfriendForm label.red,
#search label.red {
	border: none;
	color: red;
}
.formArea .errorMessage,
#contentArea .errorMessage,
#emailfriendForm .errorMessage,
#search .errorMessage {
	color: red;
	font-size: 0.9em;
	float:left;
	margin:-5px 0 5px 156px;
}
#search .errorMessage {
	float:left;
	margin:-5px 86px 0 0;
}
#emailfriendForm .errorMessage {
	font-size:0.7em;
	margin:-5px 24px 5px 0;
}

/***********     Ajax Validation and Working CSS     ***********/

#templateForm .formArea .isWorking,
#templateMemberForm .formArea .isWorking,
#emailfriendForm .isWorking,
#contentArea .isWorking,
#subscribeForm .isWorking {
	background: url(/images/avatheme/spinner.gif) no-repeat center center;
	float:right;
	margin:-4px -180px;
	padding:20px 0;
	width:16px;
}
#templateMemberForm .formArea .isWorking {
	margin:-42px 155px;
}
#contactForm .isWorking {
	padding:10px 0;
	margin:-26px 145px;
}
#emailfriendForm .isWorking {
	margin:-36px 180px;
}
div #hidden,
.hidden {display:none;}

/*********************************** Shared Form CSS *************************************/
noscript {
	display:block;
	color: red;
	margin:0 0 15px 0;
}
noscript label {
	color:#000;
	margin:0;
}
button.hover {
	color: #888;
}
.formArea a:hover {text-decoration:none;}
#templateContact #bodyarea,
#templateMemberForm #bodyarea {
	clear:both;
	float:none;
	width:768px;
	margin:16px 0 0 0;
}
#templateContact #bodyarea #catColour,
#templateMemberForm #bodyarea #catColour {
	border-top:8px solid #999;
	border-bottom:8px solid #999;	
	padding:0;
}
#templateContact #content,
#templateMemberForm #content {
	clear:both;
	float:none;
}
#templateContact #content h1,
#templateMemberForm #content h1 {
	margin:0;
	padding:12px 0;
	width:280px;
	font-size:1em;
	font-weight:normal;
}
.formArea legend,
#contactForm legend,
#templateMemberForm legend,
#requestForm legend,
#subscribeForm legend,
#registerForm legend {display:none;}
.formArea label,
#contactForm label,
#loginForm label,
#registerForm label,
#subscribeForm label,
#requestForm label,
#registerForm label {
	width:156px;
	display:block;
	clear:both;
	float:left;
	font-weight:bold;
	line-height:1em;
}
.formArea input,
.formArea textarea,
.formArea select,
#contactForm input,
#contactForm textarea,
#contactForm select,
#loginForm input,
#registerForm input,
#registerForm select,
#subscribeForm input,
#requestForm input,
#requestForm input,
#registerForm textarea {
	background:#FFF;
	float:left;
	width:334px;
	min-height:16px;
	border:1px solid #CCC;
	margin:0 0 6px 0;
	font: normal 1.05em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;	
}
.formArea button,
#contactForm button,
#loginForm button,
#logoutForm button,
#registerForm button,
#requestForm button,
#templateForm .formArea button,
#subscribeForm button {
	clear:both;
	width:212px;
	height:32px;
	padding:0 0 8px 30px;
	margin:12px 0 0 156px;
	background:#F9ED43 url(/images/avatheme/arrow-small-blackonyellow.png) 18px 8px no-repeat;
	line-height:20px;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
}
#templateMemberForm .formArea button {float:left;}

/*********************************** Contact Form *************************************/

#templateContact #contentArea {
	width:504px;
	margin-right:12px;
	float:left;
}
#contentArea h2 {
	clear:both;
	margin:0;
	padding:12px 0;
}
#contentArea p {
	margin:12px 0;
}
#contactForm {
	width:504px;
	padding:0 0 20px;
	margin:12px 0 0 0;
}
#contactNewsSub {
	display:block;
	clear:both;
	margin:12px 0 0 150px;
	padding:0 0 0 37px;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	background:url(/images/avatheme/arrow-small-blackonwhite.png) 24px center no-repeat;	
}
#templateForm #content {
	padding:16px 12px;
}
#templateForm #content p {
	margin:0;
	line-height:normal;
}
#templateForm #content #info {
	padding:0 0 6px;
	width:420px;
}
#templateForm #content #info p {
	margin:0 0 6px;
}
#templateForm .divider {
	margin:0 0 16px 0;
	background:#999;
}
#templateForm #bodyarea #catColour {
	padding:12px 48px 48px 24px;
}
#templateForm .formArea button {
	clear:none;
	width:156px;
	float:right;
	margin:0 84px 0 0;
	cursor:pointer;
}
#templateForm .formArea button.hover {
	color: #808080;
}
#templateForm .formArea {
	margin:0 0 6px;
}
#templateForm .formArea a {
	float:left;
	margin-left:168px;
	margin-top:-5px;
}


/**********     Form Controllers/Togglers - REMOVE   **********/

#templateForm #formsToggle li a,
#templateForm #formsToggle li a:visited {
	line-height:1.2em;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 12px;
	background:url(/images/avatheme/arrow-small-blackonyellow.png) 0 50% no-repeat;
}
#templateForm #formsToggle ul {margin-bottom:0;}
#templateForm #formsToggle .hideControl {display:none;}

/***********     Login/Registration Form CSS     ***********/

#templateMemberForm #bodyarea {width:516px;}
#templateMemberForm #content h1 {
	padding:12px 0 24px;
}
#loginForm button,
#registerForm button {
	margin:12px 0 6px 156px;
}
#templateMemberForm .formArea .spacer {
	margin:0 0 24px;
}
#templateMemberForm .formArea input.checkbox {
	width:16px;
	margin-top:6px;
	border:none;
}
#templateMemberForm .formArea label.autologin {
	margin:6px 0 0;
}
#templateMemberForm .formArea a.MultiBoxiFrameRegister {display:none;}
#templateMemberForm .formArea a.passwordreminder {
	clear:both;
	float:left;
	margin:12px 0 6px 174px;
	background:url(/images/avatheme/arrow-small-blackonwhite.png) no-repeat scroll 0 3px;
	padding:0 0 0 15px;
}
#registerForm label .normal,
#changePasswordForm label .normal {font-weight:normal;}
#logoutForm button {
	margin: 0;
}
#templateRequest #controls ul {
	margin:0 0 6px;
}
#templateMemberForm .formArea p.final {
	width: 370px;
	margin:12px 0 0;
}

/***********     Send Desktop Book Request Form     ***********/

#templateForm .formArea a.MultiBoxiFrameRequest {display:none;}
#templateRequest .formArea {
	margin:0 0 24px;
}

/***********     Change Details Form   ***********/
#changePasswordForm p {
	margin: 12px 0 6px;
	clear:both;
	width:324px;
}
#templateMemberForm .divider {
	border-bottom:8px solid #999999;
	clear:both;
}
#templateMemberForm .formArea {
	margin:0 0 48px;
}

/***********     Subscribe to Newsletter Form     ***********/

#subscribeForm fieldset.checkboxes,
#subscribeForm fieldset.radioboxes {
	clear:both;
	padding:24px 0 0;
}
#contactForm fieldset.radioboxes {clear:both;}
#subscribeForm input[type="checkbox"],
#subscribeForm fieldset.radioboxes input,
#contactForm fieldset.radioboxes input {
	width:20px;
	margin:0 12px 4px 156px;
	cursor:pointer;
	clear:left;
	border:none;
}
#subscribeForm fieldset.checkboxes label,
#subscribeForm fieldset.radioboxes label,
#contactForm fieldset.radioboxes label {
	clear:none;
	margin-top:2px;
}
#subscribeForm button {
	margin:24px 0 24px 156px;
}
#subscribeForm p {
	position:absolute;
	margin:0;
	width:120px;
}
#contactForm fieldset.radioboxes p {
	margin: 0;
	width:120px;
	position:absolute;
}
#subscribeForm p strong {line-height:1.2em;}
#templateContact #sent {
	display:none;
	font-weight:bold;
}
#subscribeForm .isWorking {
	margin:-60px 110px;
}
#subscribeForm #form_subscribe {
	display: none;
}
#subscribeForm fieldset.checkboxes input.odd {clear:both;}
#subscribeForm fieldset.checkboxes input.even {
	clear:none;
	margin:0 12px 0 0;
}
#subscribeForm fieldset.checkboxes label.even {width:100px;}
#subscribeForm #otherReferrer,
#contactForm #otherReferrer {
	margin-left:188px;
	width:300px;
}