/* CSS Document */
/* For the form header */
.formHeader{
	height:40px; 
	margin:0px; 
	font-weight:bold; 
	color:#333; 
	font-size:12px; 
	text-align:left;
	background-color:#C60; 
	padding:5px 5px 0 5px
}

/* Common form holder */
.formHolder {
	width:300px;
	margin:0 auto; 
	height:auto !important; 
	min-height:330px; 
	height:330px; 
	color:#333; 
	padding:5px
}

/* 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:left; 
	width:60%; 
	margin:0px 0px 2px 26%;
}

/*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:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	clear:both; 
	float:left;
	width:35%; 
	text-align:right;
	margin:2px 10px 0px 0px;
	
}

/* For all the input elements */
.formHolder input, .formHolder textarea, .formHolder select, 
.formHolder input:focus, .formHolder textarea:focus, .formHolder select:focus {
	width:50%; 
	float:none;
	text-align:left; 
	margin:3px 0px 0px 0px; 
	font-size:11px; 
	padding:1px 0px;
	color:#807e7f
}

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

/* color had to be defined separately for input fields since it gave errors in IE6 */
.formHolder input, .formHolder textarea, .formHolder select {
		/* Default background color for input/select fields */
	border:1px solid #777576;	/* Default border color for input/select fields */
}


/* 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:35%
} 

/*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{
	width:129px; 
	border:none; 
	background:none;
	
}

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

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

/* added for mandatory note */
.mandatoryNotes{width:230px; float:right; text-align:right; font-size:10px; padding-right:40px;}
.mandatoryNotes-01{width:230px; float:left; text-align:left; font-size:10px;  line-height:15px;}
.red{color:#C10D11;}
.formHolder input.bookBtn{
	width:129px; 
	border:none; 
	background:none;
	float:none;
	}