/*

 * Form css code

 *

 * Author: Nick Schoonens <nick@marketing-results.com.au>

 * Date: 13/05/2009

 * Version: 1.0

 */



@charset "utf-8";





.form

{

	width:410px;

	background:#f5f5f5;

	margin:20px auto;

	padding: 0;

}

.form.lightblue, .form.green {

	background-color: #e0f1fc;

	border: 1px solid #cdd3ec;

}



.form .form-header {

	font-size:18px;

	font-weight: bold;

	padding: 20px;

	background-color: #dddddd;

	text-align: center;

	color: #333333;

}

.form.lightblue .form-header {

	background-color: #3c55b7;

	background-image: url(images/form-lightblue-header.jpg);

	background-position: left top;

	background-repeat: no-repeat;

	color: #ffffff;

}

.form.green .form-header {

	background-color: #80be37;

	background-image: url(images/form-lightblue-green.jpg);

	background-position: left top;

	background-repeat: no-repeat;

	color: #ffffff;

}



.form .form-inner {

	padding: 20px;

}



.form .form-footer {

	

}



.privacy 

{

	font-size: 0.8em;

	color: #333;

	clear:both;

}





.form-row {

	clear:both;

	float:left;

	margin:0 0 10px;

	width:100%;

}



form label{

	display: block;	

	width: 150px;

	text-align: right;

	padding-right: 10px;

	line-height: 18px;

	font-size: 12px;

	float: left;

	clear: left;

}



form label.error

{

	font-size:10px;

	color:#F00;

	margin:0;

	padding-left:260px;

	clear:both;

	text-align:left;

	display:block;

}





p.required,

form label.required 

{

	font-weight: bold;

}



form input[type="text"],

form textarea, 

form select

{

	padding: 2px;

	font-size: 12px;

	clear: right;

}



form input[type="text"],

form textarea, 

form select,

form .description,

form label.error

{

	width: 200px;

}



form .description,

form label.error

{

	padding-left: 160px;

}



form input.active-item{

	border:2px #0066ff solid	

}



form input.error,

form textarea.error,

form select.error

{

	border: 2px solid #F00;

	color: #F00;

}



form input.required,

form textarea.required,

form select.required

{

	

}





form input.btn-submit{

	background:transparent url(images/btn-submit.png) no-repeat scroll 0 0;

	border:medium none !important;

	display:block;

	font-size:13px;

	height:28px;

	width:170px;

	margin:0 auto !important;

	float:none !important;

	clear:both !important;
	cursor:pointer;

}



form input.btn-submit:hover{

	background-position: 0 -28px;

	padding:0 !important;

	margin:0 auto !important;

}





form .description{

	color: #666666;

	display: block;

	font-size: 9px;

}



.form {

	width:480px;

	border:2px solid #FF0000;

}

.form .form-inner {

	padding:15px;

}

.form label {

	float:none;

	text-align:left;

	width:auto;

}

.form .form-row {

	float:left;

	width:225px;

	clear:none;

	margin-bottom:5px;

}



.form .form-row.street {

	width:100%;

	clear:both;

}

.form .form-row.street #street{

	width:425px;

}

.form .form-row.three {

	width:144px;

}

.form .form-row #city, .form .form-row #state, .form .form-row #zip{

	width:137px

}

.form .description, form label.error {

	padding-left:0;

}

.form .form-header {

	background-color:#EFEFEF;

	color:#000000;

	padding:10px;

}

.form input, .form textarea {

	border:1px solid #dddddd;

}

.form select{
	display:block;
}

.form input[type="text"].required, .form textarea.required {

	/*background-image: url(images/asterisk_red.png);

	background-repeat: no-repeat;

	background-position: 99% 2px;*/

	border:1px solid #bff0b2;

}