/* Default styles for forms */
input[type="email"],
input[type="file"],
input[type="password"],
input[type="text"],
select {
	border:1px solid #CCC;
	height:21px;
	background: #FFF url('img1/horizontal_backgrounds.png') repeat-x 0 -317px;
}
select {
	height:23px;
}
textarea {
	border:1px solid #CCC;
	font-size: 100%; /* For Firefox */
}
input.placeholder,
textarea.placeholder {
	color: gray;
}

.input {
	float: left;
}
.input,
.submit {
	margin-bottom: 12px;
	clear:left;
	width: 100%;
}
.input:last-child,
.submit:last-child {
	margin-bottom: 0;
}
.input label {
	float:left;
	width:130px;
	color: #133C7E;
	padding-top:3px;
}
.input img {
	float: right;
	position: relative;
	top: -3px;
}
.required label:after {
	content: '*';
	color: red;
	font-weight: bold;
}

.input input,
.select input {
	float:left;
}
.input input,
.select input,
.input textarea {
	width:222px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 3px;
}
.wide_form textarea,
.wide_form .input .mceEditor {
	clear:left;
	float:left;
	width:100%;
}
.wide_form .textarea label {
	width: auto;
}
.checkbox input[type=checkbox],
.radio input[type=radio] {
	width: auto !important;
	height: 15px;
	float: left;
	margin-right: 1ex;
	border-width: 0;
	background-image: none;
}
.checkbox label,
.radio label {
	width: auto;
	float: none;
}
.radio label:after {
	content: '';
}
.radio div {
	padding-top:3px;
	padding-bottom: 9px;
}
.radio div:last-child {
	padding-bottom: 0;
}
.radio fieldset {
	border: 1px solid #CBCFE4;
	padding:5px;
}
.radio fieldset legend {
	color: black;
}
.radio .error-message {
	margin-left: 0;
}
.checkboxes .input {
	width:55px;
	clear:none;
}
.select .checkbox {
	width:220px;
	float:left;
}
.select .checkbox:nth-child(3) {
	clear:left;
}
.date label {
	width: auto;
}
.date input {
	width: 60px;
}
input[type="submit"],
button {
	cursor: pointer;
}
.submit input {
	background: #EDA90D url('img1/buttons.png') repeat-x 0 -315px;
	margin: 0 5px;
	height: 28px;
	line-height: 28px;
	border: none;
	float: left;
	color: #fff;
	padding: 0 10px;
	border-radius: 4px;
}
.error-message {
	clear: left;
	text-align: left;
	margin-left:130px;
	padding: 4px 0 0 0;
	color: red;
	font-weight: bold;
}

@media screen and (max-width: 405px) {
	.input input,
	.select select,
	.select .select_replacement,
	.input textarea {
		clear: left;
		width: 100%;
	}
	.error-message {
		margin-left: 0;
	}
	.input label {
		width: auto;
	}
}
form > fieldset {
	padding: 10px;
	margin: 0 -10px 15px;
}
.message {
	float:left;
	color: red;
	font-weight: bold;
	padding:0 0 12px 21px;
}
input:focus:not([type="submit"]),
input.changed {
	background: #e0ffff 0 -1082px;
}
.error input:not(:focus):not(.changed) {
	background-color: #FFFFBF;
}
/*
.valid input:not(:focus) {
	background-color: #D0FFC0;
}
*/
.ac_loading, .ajax_loading, .loading {
	background: transparent url('img1/indicator.gif') right center no-repeat !important;
	cursor: progress;
}
.select .select_replacement {
	outline: none;
	float: left;
	position: relative;
}
.select .select_replacement .select_arrow {
	position: absolute;
	width: 15px;
	height: 16px;
	background: url('img1/icons.png') no-repeat 0 -566px;
	right: 3px;
	top: 3px;
}
.select .select_replacement ul {
	list-style:none;
	background:#fff;
	position:absolute;
	border:1px solid #ccc;
	top:22px; left:0;
	overflow:auto;
	z-index:9999;
}
.newListSelHover, .newListSelFocus {
	background-position:0 -22px; cursor:default;
}
.select .select_replacement li {
	font-weight:normal;
	border-left:1px solid #ccc;
	padding-left: 5px;
	padding-right: 5px;
}
.select .select_replacement li.selected {
	background:#D3E1EC;
	color:#000;
}
.select .select_replacement li.hover {
	background:#ccc;
	color:#000;
	cursor:default;
}
.password .checkbox {
	width: auto;
	clear: none;
	margin-top: 3px;
	margin-left: 25px;
}
.password .checkbox label:after {
	content: '';
}
/* Default styles for forms end */
.large_fields .input {
	margin-bottom: 30px;
}
.large_fields .text input,
.large_fields .select input,
.large_fields .password input,
.large_fields .input select {
	background-position: 0 -1082px;
	height: 40px;
}
.large_fields .input input,
.large_fields .input select,
.large_fields textarea {
	font-size: 20px;
	color: #838383;
	width: 420px;
	padding:7px 15px;
}
.large_fields .select .select_replacement .select_arrow{
	background: url('img1/icons_big.png') no-repeat 0 -810px;
	height: 28px;
	width: 28px;
	right: 6px;
	top: 6px;
}
@media screen and (max-width: 480px) {
	.large_fields .input input,
	.large_fields .input select,
	.large_fields textarea {
		font-size: 14px;
	}
}