/* $Id: ui-field.css 18938 2013-03-21 14:28:15Z andrejchev $ */

@import 'modifier/ui-field_container--black.css';
@import 'modifier/ui-field_container--dark.css';
@import 'modifier/ui-field_container--rounded.css';
@import 'modifier/ui-field_container--half.css';
@import 'modifier/ui-field_container--half.css';
@import 'ui-field_type.css';

/* =ui-field_container
__________________________________*/

.ui-field_container {
	display: block;
	position: relative;
	z-index: 5;
	clear: both;
}

.ui-field_container .ui-field_container-caption {
	display: block;
	height: 1em;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 7px;
	position: relative;
}

.ui-field_container-caption .ui-helper {
	position: absolute;
	top: 0;
	right: 0;
}

.ui-field_container-caption--icon {
	padding-left: 20px;
}
/*TODO: dell this after refactoring */
.ui-field_container-caption--icon .b-tiny-icon,
/*end dell*/
.ui-field_container-caption--icon .b-tiny_icon {
	margin: 0;
	top: -2px;
	left: -3px;
}

.ui-field_container-caption--added {
	margin-top: 9px;
}

.ui-field_container-content {
	display: block;
	position: relative;
}

.ui-field_container-content .ui-clickable-area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.ui-field_container-inner {
	display: block;
	padding: 1px 11px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8%2BPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cpIi8%2BPC9zdmc%2BDQo%3D);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#fff));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.ui-field_container-border {
	display: block;
	background: #55565E url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzRENEY1QyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTY1RSIvPjwvbGluZWFyR3JhZGllbnQ%2BPC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiLz48L3N2Zz4NCg%3D%3D);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#4D4F5C), to(#55565E));
	background: -moz-linear-gradient(top, #4D4F5C, #55565E);
	padding: 1px 11px;
	margin: 0 -10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.ui-field_container-text_container {
	display: block;
	background: #fff;
	padding: 0 10px;
	margin: 0 -10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.ui-field_container-text_container input[type="text"],
.ui-field_container-text_container input[type="password"],
.ui-field_container-text_container select,
.ui-field_container-text_container .ui-field {
	display: block;
	font: 1em Arial, Helvetica, sans-serif;
	color: #2D3038;
	background: #fff;
	border: none;
	padding: 6px 10px 4px;
	margin: 0 -10px;
	height: 20px;
	width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-user-select:text;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0M1QzVDNSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cpIi8%2BPC9zdmc%2BDQo%3D);
	background: -webkit-gradient(linear, 0 0, 0 10%, from(#C5C5C5), to(rgba(255, 255, 255, 0)));
	background: -moz-linear-gradient(top, #C5C5C5, rgba(255, 255, 255, 0) 10%);
}
.ui-field_container-text_container textarea.ui-field {
	height:43px;
	line-height:1.666em;
	resize: vertical;
}

.ui-field_container-text_container input[type="text"].empty {
	color: #a9a9a9 !important;
}

.ui-field_container-content--icon {
	padding: 0 30px 0 0;
}

.ui-field_container-content--icon .right {
	right: 29px;
}

.ui-autocomplete-button {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 21px;
	height: 28px;
	z-index: 1;
	cursor: pointer;
	background: #fff;
	background:none !important;
}

.ui-field_container-content:hover .ui-autocomplete-button,
.open .ui-autocomplete-button {
	background: url(../../../../img/form-elements.png) no-repeat -25px -1578px !important;
}

.ui-autocomplete-button .b-arrow {
	top: 11px;
	right: 4px;
	width: 10px;
	height: 6px;
	background: url(../../../../img/form-elements.png) no-repeat -3px -1590px !important;
}

.ui-field_container-content:hover .ui-autocomplete-button .b-arrow,
.open .ui-autocomplete-button .b-arrow {
	background-position:-13px -1590px;
}

.ui-field_container-content--icon .ui-autocomplete-button {
	right: 32px;
}

/* Errors and warnings */
.ui-field_container--dark .error .ui-field_container-text_container {
	background-position: 0 -403px;
}

.ui-field_container .error input,
.ui-field_container .error input::-webkit-input-placeholder {
	color: #FF4D4D;
}

.ui-field_container .error input:-moz-placeholder {
	color: #FF4D4D;
}

/*TODO 11.11.11 creative placeholder not supported by Opera and IE*/
.ui-field_container .error input:-o-placeholder {
	color: #FF4D4D;
}
.ui-field_container .error input:-ms-placeholder {
	color: #FF4D4D;
}
.ui-field_container--dark .warning .ui-field_container-text_container {
	background-position: 0 -496px;
}

.ui-field_container .warning input,
.ui-field_container .warning input::-webkit-input-placeholder {
	color: #CC9D3E;
}

.ui-field_container .warning input:-moz-placeholder {
	color: #CC9D3E;
}
.ui-field_container .warning input:-o-placeholder {
	color: #CC9D3E;
}
.ui-field_container .warning input:-ms-placeholder {
	color: #CC9D3E;
}
label.ui-field--error {
	font: 1em Arial, Helvetica, sans-serif;

	position:absolute;
	top:3px;
	right:3px;
	bottom:3px;
	left:3px;

	padding: 6px 10px 4px;

	background:#fff;
	color:#CC9D3E;
}


.ui-field_container-content .ui-icon--search_blue {
	top: 0;
	right: -5px;
}

.ui-field_container-content .ui-icon--search_grey {
	top: 5px;
	right: auto;
	left: 6px;
}

.ui-field_container-content .ui-icon--plus {
	top: 3px;
	right: 3px;
}

.ui-field_container-content .ui-icon--minus {
	top: 3px;
	right: 3px;
}

.ui-field_container .ui-field_container-content .ui-field_container-pre_text{
	position: absolute;
	width: 20px;
	top: 10px;
	left: -20px;
	font-weight: bold;
}

.ui-field_container-content .b-icon--reset {
	background: url(../../../../img/selected-list-icons.png) -11px 1px no-repeat !important;
	cursor: pointer;
	top: 5px;
	right: 6px;
}

.ui-field_container-content .b-icon,
.ui-field_container-content .ui-icon {
	background: url(../../../../img/fields-sprite.png) no-repeat;
	width: 12px;
	height: 12px;
	margin: 0;
}

.ui-field_container-text_container .b-loader {
	position: absolute;
	right: 37px;
	top: 7px;
	width: 20px;
	height: 20px;
	display: block;
	overflow: hidden;
	background: none;
}

.ui-field_container-text_container .b-loader i {
	background:url(../../../../img/loader-sprite.png) no-repeat;
	position:absolute;
	width:140px;
	height:20px;
	left:0;
	top:0;
}