/*** LAYOUTS ***/

.form-frame {
	background: #f8f8f8;
	border: 1px solid #c7c7c7;
	padding: 10px;
	margin-bottom: 20px;
}

.form-frame-profile-pages {
	text-align: left;
}

.form-frame-profile-pages h4 {
	text-align: center;
}

.form-frame-profile-pages .field {
	display: inline-block;
}

.form-column {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	width: 480px;
}

.form-column:last-child {
	margin-right: 0;
}

h4 input + label {
	font-weight: normal;
	margin: 0;
	margin-left: 10px;
}

h4 > * {
	vertical-align: middle;
}

/*** FIELD ***/

.field {
	margin: auto;
	margin-bottom: 2px;
	padding: 3px 20px;
	width: 600px;
	text-align: left;
}

.field.search-field {
	width: auto;
	text-align: center;
}

.field.field-has-errors {
	color: #D8000C;
	background: #FFBABA;
	padding: 4px 19px;
	border: 1px solid;
}

.field > * {
	vertical-align: top;
}

.field > span {
	display: inline-block;
	margin-top: 3px;
}

.field label {
	width: 150px;
	text-align: right;
	margin: 3px 10px 3px 0;
}

.field.big-label {
	width: 620px;
}

.field.big-label label {
	width: 250px;
}

.field.small-input {
	width: 340px;
}

.field.big-label.small-input {
	width: 440px;
}

.field.checkbox-field {
	width: 230px;
}

.field.checkbox-field label {
	width: 120px;
}

/*** INPUTS ***/

.field select,
.field textarea,
.field .radio-container,
.field input[type=text],
.field input[type=password],
.field input[type=file] {
	display: inline-block;
	width: 280px;
}

.field.search-field select,
.field.search-field textarea,
.field.search-field .radio-container,
.field.search-field input[type=text],
.field.search-field input[type=password],
.field.search-field input[type=file] {
	width: auto;
}

.field.field-nolabel select,
.field.field-nolabel textarea,
.field.field-nolabel .radio-container,
.field.field-nolabel input[type=text],
.field.field-nolabel input[type=password],
.field.field-nolabel input[type=file] {
	display: block;
	width: auto;
	margin: auto;
}

.field.small-input select,
.field.small-input textarea,
.field.small-input .radio-container,
.field.small-input input[type=text],
.field.small-input input[type=password],
.field.small-input input[type=file] {
	width: 100px;
}

.field textarea {
	height: 72px;
}

.field .radio-container {
	text-align: left;
	margin-top: 3px;
}

.field .radio-container > * {
	vertical-align: middle;
}

.field .radio-container label {
	width: auto;
	text-align: left;
	margin: 0 15px 0 3px;
	font-weight: normal;
}

.field input[type=radio],
.field input[type=checkbox] {
	display: inline-block;
	margin-top: 6px;
}

h4 input[type=radio],
h4 input[type=checkbox],
.field .radio-container input[type=radio],
.field .radio-container input[type=checkbox] {
	margin: 0;
	vertical-align: middle;
}

/*** ERRORS ***/

.field-error-list {
	margin: 5px;
	margin-left: 160px;
	text-align: left;
	font-weight: bold;
}

.field.big-label .field-error-list {
	margin-left: 260px;
}

/*** BUTTONS ***/

.form-buttons {
	margin: 20px;
}

.form-frame + .form-buttons {
	margin-top: 0;
}

.form-buttons input {
	margin: 0 10px;
}
