/* CSS Document */

/*-----------------------------------------------
'	Title: Screen styles for Foyles Bookshop basket login
'	Author: Ehaus Ltd (http://www.ehaus.co.uk/)
'	Copyright: Copyright © W&G Foyles, All rights reserved.
'	Date Created: August 2007
'
'	Updated: 100907 2007
'	Updated By: Joe

STYLES ORDER 

'	common styles
'	header styles
'	fieldset styles
'	form styles
'	text styles
'	login page styles
------------------------------------------------*/

/*common styles */
#orderarea {
	margin: 0 auto;
	}
#orderarea input {
	font-size: 100%;
	}
#orderarea fieldset ul {
	/*list-style: outside;
	font-weight: normal;*/
	list-style: none;
	margin-left: 0.5em;
	}
input.fmsubmit /* livery of sign in panels submit buttons */{
	border: 1px solid #b1b1b1;
	background: #fcfcfc;
	padding: 2px 6px;
	text-align: center;
	cursor: pointer;
	}
.signin-buttons {
	text-align: center;
	}
#orderarea fieldset .formcontent {
	padding: 10px;
	}
#orderarea fieldset .submit-buttons {
	clear: left;
	margin-top: 1em;
	text-align: center;
	}
#orderarea fieldset .submit-buttons input {
	margin: 0.5em 0;
	}
	
/* header styles */
#orderarea fieldset h2 {
	background-color: #fff;
	border: 1px solid #d7d7d9;
	border-width: 0 0 1px;
	padding: 0.1em 10px;
	margin: 0;
	width: auto;
	font-size: 220%;
	}
#orderarea fieldset h3, #orderarea fieldset h4 {
	background-color: none;
	border: 0;
	padding: 0;
	margin: 0 0 0.4em;
	width: auto;
	color: #222;
	font-size: 120%;
	float: none;
	}
#orderarea fieldset h3.warning {
	font-size: 120%;
	line-height: 120%;
	background: #fff;
	color: #c00;
	padding: 0.5em;
	margin: 1em 0 0;
	border: 1px solid #d7d7d9;
	border-width: 1px 0;
	float: none;
	width: auto;
	}
	
/* fieldset styles */
#orderarea form.pword fieldset, 
#orderarea form.cpw fieldset, 
#orderarea form.signout fieldset, 
#orderarea form.time fieldset, 
#orderarea form.regdet fieldset,  
#orderarea form.excluded fieldset {
	width: 400px;
	margin: 0 auto;
	border: 1px solid #D7D7D9;
	background-color: #F7F7F7;
	}
	
/* form styles */	
form.notes /* position 'notes' panel on page */ {
	margin: 0 auto;
	border: 1px solid #D7D7D9;
	background-color: #F7F7F7;
	padding: 5px 5px 8px 5px;
	top: 50%;
	width: 50%;
	}
form.notes .caption  /* set livery of first level captions on 'notes' panel */ {
	display: none;
	background-color: #3366FF;
	border-color: blue;
	border-style: solid;
	border-width: 5px;
	font-size: 90%;
	margin-left: 30%;
	margin-top: 3%;
	color: white;
	}
form.signout p {
	font-size: 120%;
	line-height: 120%;
	text-align: center;
	}
#orderarea form.signout fieldset .formcontent {
	padding: 3em 10px;
	}

/* text styling for spans */
.caption /* color for panel input captions */ {
	width: 100px;
	}
.msgpanelcaption /* more noticable stand alone confirmations for events like exclusion, lock out, sign out etc. */ {
	color: #002762;
	font-weight: bold;
	font-size: 120%;
	padding: 1em 0;
	text-align: center;
	}
.signinwarning /* 'final warning' displays within panels */ {
	color: red;
	font-size: 92%;
	text-align: center;
	}
.errordesc /* mandatory and suspect values warnings */ {
	color: red;
	}
.panelnote /* text (like the '|' separator) between the links at foot of sign in panels */  {
	color: white;
	text-decoration: none;
	}
.mandmark {
	color: black;
	padding-right:3px;
	}	

/* login page styles */
#loginarea {
	width: 52em;
	margin: 0 auto;
	}
#loginarea form.exi {
	float: left;
	}
#loginarea form.reg,
#loginarea form.regadvice {
	float: right;
	}
#loginarea fieldset {
	border: 1px solid #D7D7D9;
	width: 25em;
	background-color: #F7F7F7;
	}
#loginarea fieldset .container {
	min-height: 28em;
	padding-bottom: 1em;
	}
html > #loginarea fieldset .container {
	height: auto;
	min-height: 25em;
	}
#loginarea fieldset h2 {
	text-align: left;
	font-size: 120%;
	line-height: 180%;
	background: #fff;
	padding: 0.5em 0.5em 1em 0.5em;;
	border: 1px solid #d7d7d9;
	border-width: 0 0 1px 0;
	width: auto;
	}
#loginarea fieldset h2 span {
	font-size: 220%;
	display: block;
	}
#loginarea fieldset h3 {
	font-size: 120%;
	line-height: 120%;
	background: #fff;
	padding: 0.5em;
	margin: 1em 0 0 0;
	border: 1px solid #d7d7d9;
	border-width: 1px 0;
	float: none;
	width: auto;
	}
#loginarea fieldset p {
	margin: 0.4em 0.5em;
	}
#loginarea fieldset .signin-button {
	text-align: center;
	}
#loginarea fieldset label {
	padding: 0 0.5em 0 0;
	width: 11em;
	}
#loginarea fieldset .errordesc {
	color: #f00;
	}
#loginarea fieldset .signinwarning {
	text-align: center;
	color: #f00;
	margin: 1em 0.5em 1.2em;
	border-bottom: 1px solid #d7d7d9;
	}
#loginarea fieldset .panelnote {
	text-align: right;
	color: #222;
	}
#loginarea fieldset .ipbox {
	margin: 0.3em 0 0.8em 0;
	width: 20em;
	border: 1px solid #999;
	padding: 2px;
	}
#loginarea fieldset .caption {
	font-weight: bold;
	}