/*
-----------------------------------------------
LINE FORMS CSS
-----------------------------------------------
/*

1. GLOBAL STYLES
-------------------------------------------------------------------
*/

form {
	font-size: 100%;
	text-align: left;
	width: 100%;
	zoom: 1;
}
.field,
legend span,
.error_summary {
	width: 540px; /* Width of form */
}
form fieldset {
	background: transparent;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	width: 100%;
}
form fieldset legend {
	background: none;
	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;
	font-size: 1em;
	padding-bottom: 0;
}
.form_notes  {
	margin-bottom: 1em;
}
.form_notes * {
	padding-bottom: 0.2em;
}
.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,
textarea,
input,
.password input,
.email input,
.url input,
.decimal input,
.integer input,
.select input {
	border: 1px solid #999;
	color: #333;
	font-size: 100%;
	height: 1.2em;
	padding: 0.15em;
}
textarea, input {
	height: auto;
}
.decimal input,
.integer input {
	width: 4em;
}
.textarea textarea {
	height: 7.5em;
	width: 24em;
}
form .field input,
form .textarea textarea,
textarea,
input {
	background: #fff url(/assets/images/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;
	-moz-border-radius: 3px; /* Mozilla */
  -webkit-border-radius: 3px; /* Webkit */
  border-radius: 3px; /* CSS3 */
	padding: 3px;
	width: 50%;
}
form .field input:hover,
form .textarea textarea:hover,
form .field input:focus,
form .textarea textarea:focus {
	background: #fff url(/assets/images/page/forms_fieldbg.gif) repeat-x 0 0;
}
form .field.checkbox input,
form .field.radio input,
form .field.boolean input {
	background: #fff;
	border: 0;
	width: auto;
}
form .textarea textarea {
	margin-bottom: 1em;
}
form .fld_city input {
	width: 40%;
}
form .fld_postcode input {
	width: 20%;
}
form .fld_password input,
form .fld_password_confirm input,
form .fld_password2 input {
	width: 40%;
}
form .telephone input,
form .mobile input,
form .fax input {
	width: 30%;
}

form .button {
	clear: left;
	float: left;
	margin-left: 13em;
	overflow: hidden;
	padding: 0.375em;
}
button,
form input.button,
.submit input,
.button {
	background: #cc0000;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	overflow: visible; /* overflow: visible + width: auto avoids IE adding double padding */
	padding: 3px 5px;
	text-transform: uppercase;
	width: auto;
}
.button button {
	padding: 0;
}
/*
button:hover,
button:focus,
button:active,
form input.button:hover,
form input.button:focus,
form input.button:active,
.submit input:hover,
.submit input:focus,
.submit input:active,
.button:hover,
.button:focus,
.button:active {
	background: #333;
}
*/
.field .help {
	color: #888;
	font-size: 0.8em;
	line-height: 1.8em;
	margin-left: 16.25em;
	padding-bottom: 0;
}
.field .forgotten {
	color: #888;
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.4em;
	padding-bottom: 0.2em;
}
.field.required .required,
.introduction .required {
	color: #c12;
}
.field .optional,
.introduction .optional {
	color: #888;
}
.field.error,
.error_summary {
	color: #b12;
	padding: 0;
}
.field.error input {
	border: 4px solid #b12;
}
.field.error label {
	font-weight: bold;
}
.error_summary {
	margin-bottom: 1em;
}
.error_summary h3 {
	color: #b12;
}
.error_summary p,
.error_summary ul,
.error_summary ol {
	font-size: 1em;
	padding: 0;
}
.field.error .help {
	color: #b12;
	font-size: 0.9em;
}
.field.error .errors {
	color: #b12;
	margin-left: 13em;
}
.field.error .errors {
	font-size: 0.875em;
	font-weight: bold;
}
.error_summary li {
	list-style: disc;
	margin-left: 2em;
}

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

.checkboxes_widget,
.radios_widget {
	margin-left: 13em;
}
.boolean_widget ul,
.radios_widget ul
 {
	list-style: none;
	padding: 0.4em 0;
}

boolean_widget ul li,
.radios_widget ul li
 {
	list-style-type: none;
}

.boolean_widget li {
	display: inline;
}
.boolean_widget li label {
	display: inline !important;
}
.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;
}

.success {
	background: #E2F9E3 url(/assets/images/page/tick.gif) no-repeat scroll 10px 12px;
	border-color: #BCDFBD;
	-moz-border-radius: 4px; /* Mozilla */
  -webkit-border-radius: 4px; /* Webkit */
  border-radius: 4px; /* CSS3 */
	color: #006600;
	display: block;
	margin-bottom: 20px;
	padding: 7px 5px 7px 35px;
	text-align: left;
}
.success h1,
.success h2,
.success h3 {
	color: #006600;
	font-size: 1.313em;
	text-transform: none;
}

.form_error_flash {
	background: #F1D5D7 url(/assets/images/page/cross.gif) no-repeat scroll 10px 12px;
	-moz-border-radius: 4px; /* Mozilla */
  -webkit-border-radius: 4px; /* Webkit */
  border-radius: 4px; /* CSS3 */
	border-color: #BCDFBD;
	color: #BB1122;
	display: block;
	margin-bottom: 20px;
	padding: 7px 5px 7px 35px;
	text-align: left;
}
.form_error_flash h1,
.form_error_flash h2,
.form_error_flash h3 {
	color: #BB1122;
	font-size: 1.313em;
	text-transform: none;
}

/* 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.1em;
	width: 100%;
}
.form_topaligned .field.checkbox label {
	display: inline;
	vertical-align:middle;
}
.form_topaligned .field .help {
	margin-left: 0;
}
.form_topaligned .field {
	margin: 0;
	zoom: 1;
}
.form_topaligned .field.error {
	margin: 0 0 1em 0;
	padding: 0;
}
.form_topaligned .field.error .errors {
	margin-left: 0;
	padding-top: 0.2em;
}
.form_topaligned .field.error .errors li {
	list-style: none;
	margin-left: 0;
}
.form_topaligned .dropdown {
	margin-bottom: 0.7em;
}
.form_topaligned .field .help {
	margin: 0;
}
.form_topaligned .button,
.form_topaligned input.button {
	margin-left: 0;
	padding-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;
	width: auto;
	border: none;
	background: none;
}

.form_topaligned .fld_EmailOptout .radio_list input {
	display:inline;
	width:20px;
	margin-top:5px;
}

.form_topaligned .fld_EmailOptout .radio_list label {
	display:inline;
	width:50px;
	margin-top:5px;
}