/*****************************************************************************
 * Main screen CSS file.
 *
 *
 * Revision History
 * ----------------
 *	2008-01-21	jdp	created
 *
 *****************************************************************************/

/* 1. initial setup - lots of generics */
/* 1a. HTML generics */
* {
	padding: 0;
	margin: 0;
}	
html, body {
	text-align: center;
	background: #FFFFFF;
	color: #999999;
}

a { color: #999999; }
a:visited,
a:hover,
a:active {}

img {
	display: block;
	border: 0;
}

h1 {}
h2 { font-size: 1.6em; margin: 0 0 1em 0; text-align: left; }
h3 { font-size: 1.2em; margin: 1.5em 0 0.7em 0; }
h4 { font-size: 1em; margin: 1em 0 0.5em 0; font-weight: bold; }

ul { list-style: none outside; }
li { }

p { margin-bottom: 1em; }


/* because EM and STRONG are /not/ semantically the same as I and B, and should /not/ be used as such - sorry */
em { font-style: normal; }
strong { font-weight: normal; }

/* 1b. generic styles */
.hide { display: none; }
.offScreen { 
	position: absolute;
	left: -5000px;
	width: 1px;
}
.help { cursor: help; }	
.smallText { font-size: 0.8em; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }
.mandatory { color: #FFFFFF; }

abbr { color: #FFFFFF; }

.fir { display: block; text-indent: -5000px; text-decoration: none; font-size: 1px; }


/* 2. Wrapper styles */
#wrapper {
	width: 640px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #000;
}

/* 3. header pane and login */
#headerPane {
	height: 70px;
	border-bottom: 1px solid #000;
	background: url('/a/img/i10/headerRptr.gif') repeat-y top left;
}
	/* 3a. actual header */
	h1 { margin: 0 0 0 20px; }
	h1 a {
		display: block;
		height: 70px;
		width: 68px;
		background: url('/a/img/i10/identity.gif') no-repeat 0 0;
	}
	
/* 5. Content page—again, we have some templates */
#keepMeUpdatedForm { background: #2c2c2c; border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 10px 20px; color: #999999; font-size: 0.95em;}

h2#keepMeUpdated { margin: 1px 0; background: url(/a/img/i10/keepMeUpdated.gif) no-repeat 0 0; display: block; width: 640px; height: 36px;}
h2#keepMeUpdated a { background: url(/a/img/i10/keepMeUpdated.gif) no-repeat 0 0; display: block; width: 640px; height: 36px; }


/* 6. footer pane */
#footerPane { background: #fff; text-align: left; height: 30px; width: 640px; margin: 0 auto; padding: 0; font-size: 0.91em; color: #999999; }
	#footerPane p.url { text-align: right; padding: 8px 20px 0 0; background: url(/a/img/i10/footerBg.gif) no-repeat 0 0; margin: 0; height: 38px; heigh\t: 30px;}
	#footerPane p.url a { margin-right: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
	
ul#errorList {
	border: 1px solid #1a1a1a;
	margin-bottom: 10px;
	background: #ffb4b3;
	background: #1c1c1c url(/a/img/i10/error_delete.png) no-repeat 10px 10px;
	padding: 10px 5px 10px 5px;
}
ul#errorList li {
	margin-left: 35px;
	color: #8a8a8a;
}

p.larger { 
	font-size:1.2em;
}

input#fldPostcode5 {
	width: 65px;
	float: left;
}
span#qasAddressButton {
	margin-left:5px;
}
span#qasAddressButton.input {
	padding-top:2px;
	float: left;
	margin-bottom: 5px;
}