/*##############################################
# Signup form V2 (Account form)
# sf.css
# Copyright 2006 steve.clarke@skymarket.co.uk
# http://www.skymarket.co.uk
##############################################*/ 

#formContainer {
	padding-top: 16px;
	padding-bottom: 16px;
	width: 588px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #e6e9ef;
	border-top: 1px solid #FFFFFF;
	text-align: center;
}


/* Field structure */

.fieldset {
	padding-bottom: 4px;
	text-align: left;
}

label {
	float: left;
	display: block;
	margin-right: 4px;
	width: 150px;
	text-align: right;
} 

fieldset {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 567px;
	border: 2px solid #173d66;
	padding: 4px 4px 4px 4px;
}

#optionsFieldset {
	text-align: center;
}

fieldset legend {
	padding-bottom: 8px;
	font-size: 12pt;
	font-weight: bold;
	color: #173d66;
}

input, textarea {
	padding-left: 4px;
	width: 180px;
	border: 1px solid #1c5180;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-image: url('images/fieldback.gif');
}

select {
	border: 1px solid #1c5180;
	font-size: 10px;
}

#f_intcode {width: 40px;}

.infoboxPersonal, .infoboxAccount, .infoboxPromo {
	position: absolute;
	right: 8px;
	padding: 4px 4px 4px 4px;
	width: 142px;
	border: 2px solid #173d66;
	background-color: #f9fafb;
	text-align: center;
}

.infoboxError {
	/*position: absolute;*/
	border: 2px solid red;
	color: red;
}

.reqAsterixError {
	font-weight: bold;
	color: red;
}

#infoboxPersonalDField, #infoboxAccountDField, #infoboxPromoDField {
	font-weight: bold;
}

.requiredFieldText {
	display: none;
	padding-bottom: 4px;
	font-weight: bold;
	color: red;
	text-align: center;
}

#globalErrorDiv {
	margin-left: auto;
	margin-right: auto;
	padding: 8px 8px 8px 8px;
	width: 450px;
	border: 4px solid red;
	text-align: center;
}

#globalMessageDiv {
	margin-left: auto;
	margin-right: auto;
	padding: 8px 8px 8px 8px;
	width: 300px;
	border: 4px solid black;
	text-align: center;
}

.bottomCheckDiv {
	width: 431px;
	text-align: right;
}

.checkbox {
	border: 0px;
}

#tosCheckDiv {
	text-align: center;
}

/* Fields */
.fieldPhoneNo {width: 90px;}
#f_postcode {width: 90px;}


#t_additionalInfo {
	width: 250px; 
	height: 100px;
}

#enterButtDiv {
	padding-bottom: 10px;
}

.fieldError {
	border: 1px solid red;
	color: red;
}

.fieldErrorText {
	font-weight: bold;
	color: red;
}

.fieldErrorText a:link, .fieldErrorText a:active, .fieldErrorText a:hover, .fieldErrorText a:visited,  {
	font-weight: bold;
	color: red;
}

#c_otherServices, #c_compServices, #c_tos {width: 14px;}

#thankyouDiv {
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	padding: 8px 8px 8px;
	border: 2px solid #173d66;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #e6e9ef;
}


/* Postcode lookup */
#f_postcodeLookup {width: 65px;}
#addressSelectField {text-align: left;}

#enterPostcodeText {
	padding-top: 11px;
	margin-left: -31px;
}

#pclookupContainer {
	position: relative;
	margin-left: 30px;
	width: 344px;
	height: 39px;
	background-color: #dbf791;
	border: 1px solid black;
}

#inputAddressText {
	padding-bottom: 4px;
	text-align: left;
}
#addressOptionsDiv {
	padding-bottom: 4px;
	text-align: left;
}

#findAddressDiv {
	display:inline;
	margin-left: 10px;
}

#postcodeLookupFields {
	margin-bottom: 5px;
}

#findAddressButt {
	top: 7px;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.hide {display:none;}