/* CSS Document */
/* For the form header */
.formHeader{
	height:40px;
	margin:0px;
	font-weight:bold;
	color:#333;
	font-size:12px;
	text-align:right;
	padding-top: 5px;
	padding-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Common form holder */
.formHolder {
	height:auto!important;
	min-height:330px;
	height:330px;
	background-color:#F4F4F4;
	color:#333333;
	padding:5px;
	width: 300px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px dashed #333333;
}

/* Formatting for the error divs */
.formHolder .errorStyle, .formHolder .eSFA
{
	/*visibility:hidden;*/
	display:none;  /* Enable display and disable visibility option if you need a compressed form for error below fields */
	clear:both;
	color:#F00;
	font-size:11px;
	text-align:right;
	width:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

/*This is when you display error using alert box, faced some problems with radio n checkboxes */
.formHolder .eSFA{ 
	height:2px 
}

/* For the labels */
.formHolder label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	width:50%;
	text-align:right;
	color: #333333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	padding-left: 10px;
}

/* For all the input elements */
.formHolder input, .formHolder textarea, .formHolder select, 
.formHolder input:focus, .formHolder textarea:focus, .formHolder select:focus {
	float:right;
	width:40%;
	text-align:left;
	font-size:12px;
	color:#000;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

.1formHolder input, .1formHolder textarea, .f1ormHolder select, 
.1formHolder input:focus, .1formHolder textarea:focus, .1formHolder select:focus {
	float:right;
	width:50%;
	text-align:left;
	font-size:12px;
	color:#000;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}



/* on focus input/select fields */
.formHolder input:focus, .formHolder textarea:focus, .formHolder select:focus {
	border:1px solid #FC0;
	background:#FFF;

	/*width: 120px;*/
}

/* color had to be defined separately for input fields since it gave errors in IE6 */
.formHolder input, .formHolder textarea, .formHolder select {
	background:#FFF;	/* Default background color for input/select fields */
	border:1px solid #7f9db9;	/* Default border color for input/select fields */
	/*width: 120px;*/
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* For the input elements in case of error */
.formHolder input.err, .formHolder select.err, .formHolder textarea.err{
	border:1px solid #F00; 
	background:#FEE
}

/*for std code or country code*/
.formHolder input.std, .formHolder input.countrycode{
	width:11%; 
	margin-right:1%
} 

.formHolder input.countrycode{	
	width:9%
}


/*for landline number after std code*/
.formHolder input.phoneStd{
	width:50%
} 

/*for landline number after country + std i.e. third field*/
.formHolder input.phone{
	width:38%
} 

/*for mobile number after country code*/
.formHolder input.mobileCountry{
	width:53%
}
 
/*for select age or similar size dropdown*/
.formHolder select.age{
	width:90px
}

/*for two select boxes side by side of equal length */
.formHolder select.double{
	width:30%
}

/*for select zipcode or similar size dropdown*/
.formHolder select.zipcode{
	width:120px
}

/* For the submit button i.e. input type image in our case */
.formHolder input.submitBtn{
	border:none;
	background:none;
	width: 154px;
	height: 35px;
	float: right;
}

/*for radio and check boxes*/
.formHolder input.radio{
	float:none;
	width:20px;
	border:none;
	background:none;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*for radio and check box label*/
.formHolder label.radiolabel{
	float:none;
	clear:none;
	margin:0px;
	width:auto
}

.formlines{
	margin:0px;
	padding-top: 5px;
	padding-bottom: 0;
	width: 290px;
	float: right;
	height: auto;
	clear: both;
	padding-left: 0px;
	padding-right: 10px;
}

.formlines1{
	padding-top: 5px;
	padding-bottom: 0;
	width: 290px;
	float: right;
	height: auto;
	clear: both;
}