/* ====== Text Input ====== */

.jq-text-input {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0 0 0 5px;
	background: url('../images/forms/select.png') 0 -58px no-repeat;
}

.jq-text-input_block {
	display: block;
	overflow: hidden;

	//zoom: 1; /* IE 7 fix */
}

	.jq-text-input .inner {
		display: block;
		height: 22px;
		padding: 7px 5px 0 0;
		line-height: 0;
		background: url('../images/forms/select.png') 100% -87px no-repeat;
	}

		.jq-text-input .inner .form-error {
			right: 5px;
			top: 5px;
			bottom: 5px;
			height: auto;
		}

	.jq-text-input.search .inner {
		padding: 7px 95px 0 37px;
	}

	.jq-text-input.search .ico-32x32_loupe {
		position: absolute;
		top: 7px;
		left: 15px;
	}

	.jq-text-input.search .b-btn-4 {
		position: absolute;
		top: -3px;
		right: -4px;
		line-height: 26px;
	}

	.jq-text-input input {
		width: 100%;
		padding: 0;
		margin: 0;
		vertical-align: middle;
		font: 12px Tahoma, Arial, sans-serif;
		color: #cbc6b6;
		border: 0;
		background: none;
	}

/* ====== end Text Input ====== */

/* ====== Text Input Big ====== */

.jq-text-input-big {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0 0 0 5px;
	background: url('../images/forms/input-big.png') 0 0 no-repeat;
}

.jq-text-input_block {
	display: block;
	overflow: hidden;

	//zoom: 1; /* IE 7 fix */
}

	.jq-text-input-big .inner {
		display: block;
		height: 45px;
		padding: 7px 10px 0 5px;
		line-height: 0;
		background: url('../images/forms/input-big.png') 100% -52px no-repeat;
	}

		.jq-text-input-big .inner .form-error {
			right: 5px;
			top: 5px;
			bottom: 5px;
			height: auto;
		}

	.jq-text-input-big.search .inner {
		padding: 7px 95px 0 37px;
	}

	.jq-text-input-big.search .ico-32x32_loupe {
		position: absolute;
		top: 7px;
		left: 15px;
	}

	.jq-text-input-big.search .b-btn-4 {
		position: absolute;
		top: -3px;
		right: -4px;
		line-height: 26px;
	}

	.jq-text-input-big input {
		width: 100%;
		padding: 0;
		margin: 0;
		vertical-align: middle;
		font: 21px Tahoma, Arial, sans-serif;
		color: #ffffff;
		border: 0;
		background: none;
		height: 38px;
		line-height: 38px;
	}

/* ====== end Text Input Big ====== */


/* ====== Textarea ====== */

.jq-textarea {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 5px;

	//zoom: 1; /* IE 7 fix */
}

	.jq-textarea__tl,
	.jq-textarea__tr,
	.jq-textarea__bl,
	.jq-textarea__br {
		position: absolute;
		width: 5px;
		height: 5px;
		background: url('../images/forms/textarea-corners.png') no-repeat;
	}

	.jq-textarea__tl {
		top: 0;
		left: 0;
		background-position: 0 0;
	}

	.jq-textarea__tr {
		top: 0;
		right: 0;
		background-position: 100% 0;
	}

	.jq-textarea__bl {
		bottom: 0;
		left: 0;
		background-position: 0 100%;
	}

	.jq-textarea__br {
		bottom: 0;
		right: 0;
		background-position: 100% 100%;
	}

	.jq-textarea__l,
	.jq-textarea__r {
		position: absolute;
		width: 5px;
		top: 5px;
		bottom: 5px;
		background: url('../images/forms/textarea-lr.png') repeat-y;
	}

	.jq-textarea__l {
		left: 0;
		background-position: 0 0;
	}

	.jq-textarea__r {
		right: 0;
		background-position: 100% 0;
	}

	.jq-textarea__t,
	.jq-textarea__b {
		position: absolute;
		height: 5px;
		left: 5px;
		right: 5px;
		background: url('../images/forms/textarea-tb.png') repeat-x;
	}

	.jq-textarea__t {
		top: 0;
		background-position: 0 0;
	}

	.jq-textarea__b {
		bottom: 0;
		background-position: 0 100%;
	}

	.jq-textarea__cont {
		display: block;
		position: relative;
		overflow: hidden;
		background: url('../images/forms/textarea-bg.png');
	}

		.jq-textarea__cont textarea {
			overflow: hidden;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			font: 12px Tahoma, Arial, sans-serif;
			color: #cbc6b6;
			border: 0;
			background: none;
			resize: none;
		}

		.form-error {
			position: absolute;
			right: 0;
			top: 0;
			border-left: 2px solid #F00;
			width: 0;
			overflow: hidden;
			height: 100%;
		}

/* ====== end Textarea ====== */


/* ====== Checkbox ====== */

.jq-checkbox {
	position: relative;
	width: 22px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
	background: url('../images/forms/checkbox.png') no-repeat;
}

.jq-checkbox.checked {
	background-position: 0 -18px;
}

	.jq-checkbox.checked span {

	}

.jq-checkbox.focused {

}

.jq-checkbox.disabled {
	opacity: 0.55;

	//filter: alpha(opacity=55); /* IE 7 fix */
}

/* ====== end Checkbox ====== */


/* ====== Radio ====== */

.jq-radio {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
	background: url('../images/forms/radio.png') no-repeat;
}

.jq-radio.checked {
	background-position: 0 -18px;
}

	.jq-radio.checked span {

	}

.jq-radio.focused {

}

.jq-radio.disabled {
	opacity: 0.55;

	//filter: alpha(opacity=55); /* IE 7 fix */
}

/* ====== end Radio ====== */


/* ====== File ====== */

.jq-file__wrap {
	display: block;
}

	.jq-file__field {
		padding: 0 0 0 5px;
		background: url('../images/forms/select.png') 0 -58px no-repeat;
	}

		.jq-file__field-inner {
			display: block;
			height: 24px;
			padding: 5px 5px 0 0;
			background: url('../images/forms/select.png') 100% -87px no-repeat;
		}

	.jq-file__button {
		width: 126px;
		height: 28px;
		margin: 0 0 0 5px;
	}

		.jq-file__button-inner {
			width: 100%;
			height: 100%;
			background-position: 0 0;
			background-repeat: no-repeat;
		}

		.jq-file__button:hover .jq-file__button-inner {
			background-position: 0 -28px;
		}

		.jq-file__button input {
			cursor: pointer;
		}

/* ====== end File ====== */


/* ====== Select ====== */

.jq-selectbox {
	padding: 0 0 0 5px;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
	background: url('../images/forms/select.png') 0 0 no-repeat;
}

	.jq-selectbox .select {
		width: 185px;
		height: 29px;
		font: 12px/26px Tahoma, Arial, sans-serif;
		color: #cbc6b6;
		background: url('../images/forms/select.png') 100% -29px no-repeat;
	}

.jq-full-select > .jq-selectbox {
	width: 100%;
	padding: 0;
}

	.jq-full-select > .jq-selectbox .select {
		float: none !important;
		width: auto;
		margin: 0 0 0 5px;
	}

.jq-selectbox.opened {
	background-position: 0 -58px;
}

	.jq-selectbox.opened .select {
		background-position: 100% -87px;
	}

	.jq-selectbox .select:hover {

	}

	.jq-selectbox .select:active {

	}

	.jq-selectbox.focused .select {

	}

	.jq-selectbox.disabled,
	.jq-selectbox.disabled .select {
		opacity: 0.55;

		//filter: alpha(opacity=55); /* IE 7 fix */
	}

		.jq-selectbox .select .text {
			display: block;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	.jq-selectbox .trigger {
		position: absolute;
		top: 0;
		right: 0;
		width: 34px;
		height: 100%;
	}

		.jq-selectbox .trigger .arrow {
			position: absolute;
			top: 11px;
			right: 12px;
			overflow: hidden;
			width: 14px;
			height: 7px;
			background: url('../images/forms/select-arr-down.png') no-repeat;
			opacity: 0.7;

			//filter: alpha(opacity=70); /* IE 7 fix */
		}

		.jq-selectbox:hover .arrow {
			opacity: 1;

			//filter: alpha(opacity=100); /* IE 7 fix */
		}

		.jq-selectbox.opened .arrow {
			opacity: 0;

			//filter: alpha(opacity=0); /* IE 7 fix */
		}

		.jq-selectbox.disabled .arrow {
			opacity: 0.3;

			//filter: alpha(opacity=30); /* IE 7 fix */
		}

		.jq-selectbox .dropdown {
			top: 29px;
			width: 188px;
			margin: 0;
			padding: 0;
			font: 12px/29px Tahoma, Arial, sans-serif;
			background: #3c3c3c;
		}

		.jq-full-select > .jq-selectbox .dropdown {
			width: 100%;
		}

			.jq-selectbox ul {
				margin: 0;
				padding: 0;
			}

				.jq-selectbox li {
					padding: 0 5px;
					color: #cbc6b6;
				}

				.jq-selectbox li:hover,
				.jq-selectbox li.selected {
					background: #545454;
				}

				.jq-selectbox li.disabled {
					color: #AAA;
				}

				.jq-selectbox li.disabled:hover {
					background: none;
				}

				.jq-selectbox li.optgroup {
					font-weight: bold;
				}

				.jq-selectbox li.optgroup:hover {
					background: none;
					cursor: default;
				}

				.jq-selectbox li.option {
					padding-left: 15px;
				}

.jq-select-multiple {
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	font: 14px/18px Arial, Tahoma, sans-serif;
	cursor: default;
}

.jq-select-multiple.focused {
	border: 1px solid #5794BF;
}

.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}

	.jq-select-multiple ul {
		margin: 0;
		padding: 0;
	}

		.jq-select-multiple li {
			padding: 3px 9px 4px;
			list-style: none;
		}

		.jq-select-multiple li:first-child {
			border-radius: 3px 3px 0 0;
		}

		.jq-select-multiple li:last-child {
			border-radius: 0 0 3px 3px;
		}

		.jq-select-multiple li.selected {
			background: #08C;
			color: #FFF;
		}

		.jq-select-multiple li.disabled {
			color: #AAA;
		}

		.jq-select-multiple.disabled li.selected,
		.jq-select-multiple li.selected.disabled {
			background: #CCC;
			color: #FFF;
		}

		.jq-select-multiple li.optgroup {
			font-weight: bold;
		}

		.jq-select-multiple li.option {
			padding-left: 25px;
		}

/* ====== end Select ====== */