form {
	font-size: 100%;
	text-align: left;
}
form fieldset {
	margin: 0.5em 0 1em 0;
	padding: 0 0 1em 0;
	width: 100%;
}
form fieldset legend {
	border: 0;
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 15px;
	*margin-left: -7px;
	padding: 0 0 3px;
	white-space: normal;
}
legend span {
	display: block;
	width: 461px;
}
.field label,
.field .label {
	float: left;
	margin-right: 1em;
	width: 12em;
}

.introduction {
	font-size: 110%;
	padding-bottom: 1.5em;
}

.field {
	clear: left;
	margin: 0.75em 0;
	padding: 0.2em;
}
.text input,
.textarea textarea,
.password input,
.email input,
.url input,
.decimal input,
.integer input,
.select input {
	border: 1px solid #999;
	color: #333;
	font-size: 100%;
	height: 1.3em;
	padding: 0.2em;
}
.decimal input,
.integer input {
	width: 4em;
}
.textarea textarea {
	height: 7.5em;
	width: 24em;
}
form .field input,
form .textarea textarea {
	background: #fff url(/assets/img/page/forms_fieldbg.gif) repeat-x 0 0;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-top: 1px solid #727272;
	padding: 4px;
	width: 98%;
}
form .textarea textarea {
	margin-bottom: 1em;
}
form .postcode input {
	width: 20%;
}
form .telephone input,
form .mobile input,
form .fax input {
	width: 30%;
}

form .button {
	clear: left;
	float: left;
	margin-left: 13em;
	padding: 0.75em;
}
.field .help {
	color: #888;
	font-size: 0.8em;
	line-height: 1.8em;
	margin-left: 16.25em;
	padding-bottom: 0;
}
.field.required .required,
.introduction .required {
	color: #c12;
}
.field .optional,
.introduction .optional {
	color: #888;
}

.field.error,
.error_summary {
	background: #FFEBEB;
	border: 1px solid #FFCCCC;
	color: #b12;
	margin-left: -1px;
	margin-top: -2px;
	padding: 0.375em;
}
.error_summary p {
	padding: 0;
}
.field.error .errors {
	color: #b12;
	margin-left: 13em;
}

form.form_topaligned .field.error .errors {
	color: #b12;
	margin-left: 2em;
}

.error_summary li {
	list-style: disc;
	margin-left: 2em;
}

.date_dropdowns,
.date_dropdowns div {
	float: left;
}
.date_dropdowns div label {
	color: #888;
	font-size: 0.8em;
	line-height: 1.8em;
}
.date_dropdowns .day {
	width: 4em;
}
.date_dropdowns .month {
	width: 4em;
}
.date_dropdowns .year {
	width: 4em;
}

.checkboxes_widget,
.radios_widget,
.boolean_widget {
	margin-left: 13em;
}
.checkboxes_widget li label,
.radios_widget li label {
	float: none;
}
.boolean_widget li label {
	width: 5em;
}
.checkboxes_widget li label input,
.radios_widget li label input,
.boolean_widget li label input {
	float: none;
	margin-right: 0.5em;
}

/* Right Aligned */
.form_rightaligned .field label,
.form_rightaligned .field .label {
	text-align: right;
}
.form_rightaligned .field .optional,
.form_rightaligned .introduction .optional {
	display: block;
}

/* Top Aligned */
.form_topaligned .field label,
.form_topaligned .field .label {
	display: block;
	float: none;
	line-height: 120%;
	margin-right: 0;
	padding-bottom: 0;
	width: 100%;
}
.form_topaligned .field .help {
	margin-left: 0;
}
.form_topaligned .field {
	margin: 0;
	padding: 0 0 0.5em 0;
}
.form_topaligned .dropdown {
	margin-bottom: 0.7em;
}
.form_topaligned .field .help {
	margin: 0;
}
.form_topaligned .button,
.form_topaligned input.button {
	margin-left: 0;
}

/* Specific Cases */
.checklist_column {
	float: left;
	margin-bottom: 1em;
	width: 140px;
}
.checklist_item {
	display: block;
	padding-bottom: 5px;
}
.form_topaligned .checklist_column .checklist_item label {
	display: inline;
	vertical-align: middle;
}
.form_topaligned .checklist_column .checklist_item input {
	margin-right: 3px;
	vertical-align: middle;
}
.form_topaligned select {
	padding: 2px;
}

form .field ul.radio_list input {
  width: auto;
  border: 0;
  background-color: none;
}

.field ul.radio_list label, .field ul.radio_list .label {
  display: inline;
  width: auto;
}
 
 ul.radio_list li {
  list-style-type: none;
 }

.form_topaligned .fieldrow {
	width: 100%;
	float: left;
	clear: both;
	padding: 0.5em 0;
}
.form_topaligned .field {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.form_topaligned .field input, .form_topaligned .field textarea {
	width: 50%;
}
.form_topaligned .fieldrow .field input, .form_topaligned .fieldrow .field textarea {
	width: 96%;
}
.form_topaligned .fieldrow .field {
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;
	clear: none;
	border: none;
}
form.form_topaligned .field.checkbox.field.fld_flexible_on_travel_dates {
	clear: left;
	padding-left: 1%;
}
form.form_topaligned .field.checkbox label {
	padding-left: 1%;
}
.form_topaligned .fieldrow .field.fld_number_of_adults, 
.form_topaligned .fieldrow .field.fld_number_of_children, 
.form_topaligned .fieldrow .field.fld_number_of_infants {
	width: auto;
}
form.form_topaligned .fieldrow .field.fld_resort_id {
	width: auto;
}


.formbox_03 {
	background: #E3E8F4;
	padding: 2%;
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Mozilla (Firefox) */
	-webkit-border-radius: 10px; /* Webkit (Safari + Chrome) */
	border-radius: 10px; /* W3C */
	margin: 0 0 1.5em 0;
	float: left;
	width: 96%;
}
.formbox_02 {
	background: #DEE5F1;
	padding: 2%;
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Mozilla (Firefox) */
	-webkit-border-radius: 10px; /* Webkit (Safari + Chrome) */
	border-radius: 10px; /* W3C */
	margin: 0 0 1.5em 0;
	float: left;
	width: 96%;
}
.formbox_01 {
	background: #D9E1EF;
	padding: 2%;
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Mozilla (Firefox) */
	-webkit-border-radius: 10px; /* Webkit (Safari + Chrome) */
	border-radius: 10px; /* W3C */
	margin: 0 0 1.5em 0;
	float: left;
	width: 96%;
}

