/* Just some base styles not needed for example to function */

img { border: none; }


/* Form styles */

#signup
{
	margin: 0px auto;
	width: 610px;
	
}
#signup fieldset	
{
	
	padding: 20px;
	border:1px solid #3696f8;
	margin-top:-30px;
}
	#signup ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#signup li
	{
		margin: 0 0 15px;
		position: relative;
	}
	#signup label, #signup .label
	{
		width: 150px;
		display: inline-block;
		vertical-align:middle;
		font-size:12px;
		margin-top:-6px;
	}
	#signup fieldset input,
	#signup fieldset textarea,
	#signup fieldset select
	{
		background: #fff url(images/ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 370px;
		border: 1px solid #000;
		padding: 3px 26px 3px 3px;
		
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#signup fieldset select		{ width: 285px; padding: 3px; font-size:11px; }
	#signup fieldset #postcode	{ padding: 3px; width: 285px; }
	
#signup fieldset .radchecks input {
	width: auto;
}
#signup fieldset .radchecks label {
	font-size:11px;
	width: auto;
}
		

#signup input::-webkit-input-placeholder	{ color: #a9a9a9; }
#signup input:-moz-placeholder			{ color: #a9a9a9; }

/* Enhanced error styling */
#signup input.error
{
	background-color: pink; 
	background-position: 379px 3px;
	outline: none; 
}
#signup input.required
{
	background-color: #fff; 
	background-position: 379px -29px;
}
#signup input.valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
}
#signup fieldset input:required:valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
	font-size:11px;
}

#signup1
{
	margin: 0px auto;
}
#signup1 fieldset	
{
	
	padding: 20px;
	border:0px solid #ccc;
	margin-top:-30px;
}
	#signup1 ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#signup1 li
	{
		margin: 0 0 15px;
		position: relative;
	}
	#signup1 label, #signup1 .label
	{
		width: 150px;
		display: inline-block;
		vertical-align:middle;
		font-size:12px;
		margin-top:-6px;
	}
	#signup1 fieldset input,
	#signup1 fieldset textarea,
	#signup1 fieldset select
	{
		background: #fff url(images/ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 370px;
		border: 1px solid #d0ccc9;
		padding: 3px 26px 3px 3px;
		
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#signup1 fieldset select		{ width: 285px; padding: 3px; font-size:11px; }
	#signup1 fieldset #postcode	{ padding: 3px; width: 285px; }
	
#signup1 fieldset .radchecks input {
	width: auto;
}
#signup1 fieldset .radchecks label {
	font-size:11px;
	width: auto;
}
		

#signup input::-webkit-input-placeholder	{ color: #a9a9a9; }
#signup input:-moz-placeholder			{ color: #a9a9a9; }

/* Enhanced error styling */
#signup input.error
{
	background-color: pink; 
	background-position: 379px 3px;
	outline: none; 
}
#signup input.required
{
	background-color: #fff; 
	background-position: 379px -29px;
}
#signup input.valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
}
#signup fieldset input:required:valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
	font-size:11px;
}

#signup2
{
	margin: 0px auto;
	width: 610px;
	
}
#signup2 fieldset	
{
	
	padding: 20px;
	border:0px solid #ccc;
	margin-top:-30px;
}
	#signup2 ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#signup2 li
	{
		margin: 0 0 15px;
		position: relative;
	}
	#signup2 label, #signup2 .label
	{
		width: 150px;
		display: inline-block;
		vertical-align:middle;
		font-size:12px;
		margin-top:-6px;
	}
	#signup2 fieldset input,
	#signup2 fieldset textarea,
	#signup2 fieldset select
	{
		background: #fff url(images/ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 370px;
		border: 1px solid #000;
		padding: 3px 26px 3px 3px;
		
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#signup2 fieldset select		{ width: 285px; padding: 3px; font-size:11px; }
	#signup2 fieldset #postcode	{ padding: 3px; width: 285px; }
	
#signup2 fieldset .radchecks input {
	width: auto;
}
#signup2 fieldset .radchecks label {
	font-size:11px;
	width: auto;
}
		

#signup2 input::-webkit-input-placeholder	{ color: #a9a9a9; }
#signup2 input:-moz-placeholder			{ color: #a9a9a9; }

/* Enhanced error styling */
#signup2 input.error
{
	background-color: pink; 
	background-position: 379px 3px;
	outline: none; 
}
#signup input.required
{
	background-color: #fff; 
	background-position: 379px -29px;
}
#signup input.valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
}
#signup fieldset input:required:valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
	font-size:11px;
}
#signup3 fieldset	
{
	
	padding: 20px;
	border:0px solid #ccc;
	margin-top:-30px;
	margin-left:-20px;
}
	#signup3 ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#signup3 li
	{
		margin: 0 0 15px;
		position: relative;
	}
	#signup3 label, #signup3 .label
	{
		width: 150px;
		display: inline-block;
		vertical-align:middle;
		font-size:12px;
		margin-top:-6px;
	}
	#signup3 fieldset input,
	#signup3 fieldset textarea,
	#signup3 fieldset select
	{
		background: #fff url(images/ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 370px;
		border: 1px solid #d0ccc9;
		padding: 3px 26px 3px 3px;
		
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#signup3 fieldset select		{ width: 285px; padding: 3px; font-size:11px; }
	#signup3 fieldset #postcode	{ padding: 3px; width: 285px; }
	
#signup3 fieldset .radchecks input {
	width: auto;
}
#signup3 fieldset .radchecks label {
	font-size:11px;
	width: auto;
}
		

#signup3 input::-webkit-input-placeholder	{ color: #a9a9a9; }
#signup3 input:-moz-placeholder			{ color: #a9a9a9; }

/* Enhanced error styling */
#signup3 input.error
{
	background-color: pink; 
	background-position: 379px 3px;
	outline: none; 
}
#signup3 input.required
{
	background-color: #fff; 
	background-position: 379px -29px;
}
#signup3 input.valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
}
#signup3 fieldset input:required:valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
	font-size:11px;
}
#signup4 fieldset	
{
	
	padding: 20px;
	border:0px solid #ccc;
	margin-top:-30px;
	margin-left:-20px;
}
	#signup4 ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-left:20px;
	}
	#signup4 li
	{
		margin: 0 0 15px;
		position: relative;
	}
	#signup4 label, #signup4 .label
	{
		width: 150px;
		display: inline-block;
		vertical-align:middle;
		font-size:12px;
		margin-top:-6px;
	}
	#signup4 fieldset input,
	#signup4 fieldset textarea,
	#signup4 fieldset select
	{
		background: #fff url(images/ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 370px;
		border: 1px solid #d0ccc9;
		padding: 3px 26px 3px 3px;
		
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#signup4 fieldset select		{ width: 285px; padding: 3px; font-size:11px; }
	#signup4 fieldset #postcode	{ padding: 3px; width: 285px; }
	
#signup4 fieldset .radchecks input {
	width: auto;
}
#signup4 fieldset .radchecks label {
	font-size:11px;
	width: auto;
}
		

#signup4 input::-webkit-input-placeholder	{ color: #a9a9a9; }
#signup4 input:-moz-placeholder			{ color: #a9a9a9; }

/* Enhanced error styling */
#signup4 input.error
{
	background-color: pink; 
	background-position: 379px 3px;
	outline: none; 
}
#signup4 input.required
{
	background-color: #fff; 
	background-position: 379px -29px;
}
#signup4 input.valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
}
#signup4 fieldset input:required:valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
	font-size:11px;
}
#signup5
{
	margin: 0px auto;
	width: 610px;
	
}
#signup5 fieldset	
{
	
	padding: 20px;
	border:0px solid #ccc;
	margin-top:-30px;
	margin-left:-20px;
}
	#signup5 ol
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-left:20px;
	}
	#signup5 li
	{
		margin: 0 0 15px;
		position: relative;
	}
	#signup5 label, #signup5 .label
	{
		width: 150px;
		display: inline-block;
		vertical-align:middle;
		font-size:12px;
		margin-top:-6px;
	}
	#signup5 fieldset input,
	#signup5 fieldset textarea,
	#signup5 fieldset select
	{
		background: #fff url(images/ico_validation.png) 379px 24px no-repeat;
		display: inline-block;
		width: 370px;
		border: 1px solid #d0ccc9;
		padding: 3px 26px 3px 3px;
		
		-moz-transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#signup5 fieldset select		{ width: 285px; padding: 3px; font-size:11px; }
	#signup5 fieldset #postcode	{ padding: 3px; width: 285px; }
	
#signup5 fieldset .radchecks input {
	width: auto;
}
#signup5 fieldset .radchecks label {
	font-size:11px;
	width: auto;
}
		

#signup5 input::-webkit-input-placeholder	{ color: #a9a9a9; }
#signup5 input:-moz-placeholder			{ color: #a9a9a9; }

/* Enhanced error styling */
#signup5 input.error
{
	background-color: pink; 
	background-position: 379px 3px;
	outline: none; 
}
#signup5 input.required
{
	background-color: #fff; 
	background-position: 379px -29px;
}
#signup5 input.valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
}
#signup5 fieldset input:required:valid
{ 
	background-color: #fff;
	background-position: 379px -61px;
	font-size:11px;
}