﻿/* стили для всех полей ввода 
text
predicate
select
d0
d1
checkbox
*/

fieldset { padding: 4px; margin: 0; border: 1px solid #194869; }
fieldset .inner { position: relative; padding: 0px 100px 0px 12px; 
	background-color: #FFF;
	border: 1px solid #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	zoom: 1;
}

fieldset input { border: medium none;
	font-family: Lucida Sans Unicode,Arial;
	font-size: 1.5em;
	width: 100%;
	height: 22px;
	/*line-height: 22px;*/
	padding: 6px 0px; margin: 0px;
	color: #4C5A6B;
	background-color: #fff;
	outline: none;
}
* html fieldset input { height: 34px; }


fieldset.big .inner { height: 60px; }
fieldset.big input { font-size: 2.5em; height: auto; line-height: 1; padding: 0px; width: 353px; }
fieldset.big .control { top: 0.75em; }

fieldset.hover { cursor: pointer;  }
fieldset.hover input { cursor: pointer;  }

fieldset .tip { position: absolute; }
fieldset .side { right: 3em; top: 10px; _top: 12px; width: auto; line-height: 1.5; }
fieldset .bottom { left: 1em; bottom: 0.75em; line-height: 1.2; }



fieldset .control { position: absolute; display: block; right: 0.5em; top: 0.5em; width: 24px; height: 24px; 
	overflow: hidden; cursor: pointer;  }
fieldset .control img { position: absolute; top: 0; left: 0; /*width: 96px; height: 48px;*/ display: block; }
fieldset .control:hover img { top: -24px; }

fieldset .delete img { background-color: #3DAFFF; }
fieldset .delete:hover img { background-color: #3DAFFF !important; }

/*
fieldset .browse img { / *background-image: url('input-browse.png');* / }
fieldset .browse:hover img { }*/

fieldset .error_tip { color: #000; line-height: 1.5; 
	position: relative; padding: 0.25em 0 0 1em; 
	background: transparent url('/images/fields/error.gif') no-repeat 0 9px;
}
/*fieldset .error_tip i { position: absolute; top: 6px; left: -12px;
	width: 6px; height: 6px; 
	line-height: 1px;
	background-color: #ff3559;  }
*/
.select, .predicate { position: relative; zoom: 1; /*z-index: 100;*/ }
.expanded { z-index: 100; }

.pad { position: absolute; left: 0px; width: 100%; z-index: 1000; background-color: #3DAFFF; color: #000; }
.pad .inner { padding: 2px 5px 5px; zoom: 1; }
.pad .inner .scroll { height: 282px; overflow-y: scroll; overflow-x: hidden; position: relative; }
.pad table { background-color: #FFF; width: 100%; border-collapse: separate !important; }
.pad td {
	border: 1px solid #FFF;
	padding: 9px 6px !important; 
	/height: 28px;
	_height: 36px;
	vertical-align: middle;
	line-height: 1;
	}
.pad td div { position: relative; padding-right: 3em; /zoom: 1; }
.pad tr.hover { background-color: #3DAFFF; cursor: pointer;  }
.pad tr td.current { color: #3DAFFF; }
.pad tr.hover td.current { color: #FFF; }

.pad .color { color: #00afe8; }
.pad .hover .color { color: #fff; }
.pad .code { position: absolute; right: 0px; top: 0.5em; _top: 0.25em; /*text-align: right; display: block;*/ }
.predicate .pad small { font-size: 1.5em; line-height: 1; }		/* это на сайте есть, потом удалить */




.text .tip { color: #4C5A6B; /*#67798f*/ }

.text .hover { border-color: #3DAFFF !important; }
.text .active { border-color: #3DAFFF !important; background-color: #3DAFFF !important; }
.text .active input { color: #000; }
.text .error { background-color: #FFDC80; border-color: #FFDC80; }
.text .setted .inner { border-color: #215E8A; background-color: #194869; }
.text .setted .inner input { background-color: #194869; color: #FFF; }
.text .setted .delete img { left: -24px; }

.not_required .inner { border-color: #143A54 !important; background-color: #143A54 !important; }
.not_required .inner input { background-color: #143A54 !important; color: #FFF !important; }

.active .inner { 	background-color: #FFF !important; border: 1px solid #FFF !important; }
.active .inner input { background-color: #FFF !important; color: #000 !important; }
.error .inner { border-color: #FFF !important; background-color: #FFF !important; }
.error .inner input { background-color: #FFF !important; color: #000 !important; }

.select .tip { color: #4C5A6B; }
.select .pad td { /*font-size: 1.5em; */}
.select .hover { border-color: #3DAFFF !important; }
.select .active { border-color: #3DAFFF !important; background-color: #3DAFFF !important; }
.select .active .inner { border-color: #FFF !important; background-color: #FFF !important; }
.select .active .inner input { background-color: #FFF !important; color: #000 !important; cursor: pointer;  }
.select .hover .control { display: block !important; }
.select .hover .control img { top: -24px; }
.expanded .browse img { top: -24px; left: -24px; }
.expanded .hovpad .browse img { top: 0px; left: -24px; }
.select .error { background-color: #FFDC80; border-color: #FFDC80; }
.select .setted .inner { border-color: #215E8A; background-color: #194869; }
.select .setted .inner input { background-color: #194869; color: #FFF; }
.select .setted .control { display: none; }


/*.predicate .hover .control img { top: 0px !important; }
.predicate .setted .control img { left: -24px; background-color: #215E8A; }
.predicate .control:hover { top: -24px !important; background-color: red; }*/
.predicate .tip { color: #4C5A6B; }	/*67798F*/
.predicate .example { color: #3DAFFF; text-decoration: underline; cursor: pointer;  }
.predicate .setted .control img { background-color: #215E8A; }




.d0 .active .delete img,
.d1 .active .delete img
.d2 .active .delete img,
.d3 .active .delete img{ left: 0px; }

.d0 .error .delete img,
.d1 .error .delete img
.d2 .error .delete img,
.d3 .error .delete img { left: -48px; }

.d0 .setted .delete img,
.d1 .setted .delete img,
.d2 .setted .delete img,
.d3 .setted .delete img { left: -48px; }

.d0 .active .inner,
.d1 .active .inner,
.d2 .active .inner,
.d3 .active .inner { background-color: #FFF !important; }

.d0 .active .inner input,
.d1 .active .inner input,
.d2 .active .inner input,
.d3 .active .inner input { background-color: #FFF !important; color: #A8BAC6 !important; }

.d0 .error,
.d1 .error,
.d2 .error,
.d3 .error { background-color: #FFDC80; border-color: #FFDC80; }

.d0 .inner { border-color: #0DD9FF; background-color: #194869; }
.d0 .inner input { background-color: #194869; color: #0DD9FF; }
.d0 .hover { border-color: #0DD9FF }
.d0 .active { border-color: #0DD9FF !important; background-color: #0DD9FF !important; }
.d0 .error .inner { border-color: #0DD9FF; background-color: #0DD9FF; }
.d0 .error .inner input { background-color: #0DD9FF; color: #000; }
.d0 .setted .inner { border-color: #0DD9FF; background-color: #0DD9FF; }
.d0 .setted .inner input { background-color: #0DD9FF; color: #000; }
.d0 .delete img { left: -24px; background-color: #0DD9FF; }
.d0 .delete:hover img { top: -24px; background-color: #0DD9FF; }

.d1 .inner { border-color: #FF8433; background-color: #194869; }
.d1 .inner input { background-color: #194869; color: #FF8433; }
.d1 .hover { border-color: #FF8433; }
.d1 .active { border-color: #FF8433 !important; background-color: #FF8433 !important; }
.d1 .error .inner { border-color: #FF8433; background-color: #FF8433; }
.d1 .error .inner input { background-color: #FF8433; color: #000; }
.d1 .setted .inner { border-color: #FF8433; background-color: #FF8433; }
.d1 .setted .inner input { background-color: #FF8433; color: #000; }
.d1 .delete img { left: -24px; background-color: #FF8433; }
.d1 .delete:hover img { top: -24px; background-color: #FF8433; }

.d2 .inner { border-color: #77E60B; background-color: #194869; }
.d2 .inner input { background-color: #194869; color: #77E60B; }
.d2 .hover { border-color: #77E60B; }
.d2 .active { border-color: #77E60B !important; background-color: #77E60B !important; }
.d2 .error .inner { border-color: #77E60B; background-color: #77E60B; }
.d2 .error .inner input { background-color: #77E60B; color: #000; }
.d2 .setted .inner { border-color: #77E60B; background-color: #77E60B; }
.d2 .setted .inner input { background-color: #77E60B; color: #000; }
.d2 .delete img { left: -24px; background-color: #77E60B; }
.d2 .delete:hover img { top: -24px; background-color: #77E60B; }

.d3 .inner { border-color: #C79EFF; background-color: #194869; }
.d3 .inner input { background-color: #194869; color: #C79EFF; }
.d3 .hover { border-color: #C79EFF; }
.d3 .active { border-color: #C79EFF !important; background-color: #C79EFF !important; }
.d3 .error .inner { border-color: #C79EFF; background-color: #C79EFF; }
.d3 .error .inner input { background-color: #C79EFF; color: #000; }
.d3 .setted .inner { border-color: #C79EFF; background-color: #C79EFF; }
.d3 .setted .inner input { background-color: #C79EFF; color: #000; }
.d3 .delete img { left: -24px; background-color: #C79EFF; }
.d3 .delete:hover img { top: -24px; background-color: #C79EFF; }


.setted .tip { color: #A3B6C3 !important; }
.not_required .tip { color: #A3B6C3 !important; }

/* Checkbox */
.checkbox { position: relative; /*height: 48px;*/ cursor: pointer; cursor: hand; }
.checkbox fieldset { position: absolute; top: 0px; left: 0px; }
.checkbox fieldset .inner { width: 34px; height: 34px; overflow: hidden; padding: 0px; }
.checkbox fieldset .inner { *width: 36px; *height: 36px; }
.checkbox fieldset .inner img { display: none; }

.checkbox p { line-height: 1; margin: 0px; color: #FFF; }
.checkbox p { font-size: 1em; padding: 0px 0 12px 36px; }
.checkbox p.big { font-size: 1.5em; padding: 15px 0 15px 50px; }


.checkbox .hover { border-color: #3DAFFF !important; }
.checkbox .setted .inner img { display: block; }


.checkbox span { position: absolute; top: 0px; left: 0; width: 24px; height: 24px;
	background-attachment: scroll; background-color: transparent; background-repeat: no-repeat;
	background-image: url( '/images/fields/checkbox_tick_small.png' ); background-position: 0 0;
}
.checkbox span.setted { background-position: 100% 0px; }

/*
.checkbox { position: relative; width: auto; padding: 0 0 0 30px; margin: 0.75em 1em 0.75em 0;
	cursor: pointer; 
	min-height: 24px; _height: 24px; /zoom: 1; }
.checkbox span { position: absolute; top: 0px; left: 0; width: 24px; height: 24px;
	background-image: url( '/images/results/filters/frames.png' ); background-position: 0 -24px; }
.checkbox.selected span { background-position: 100% -24px; }
.checkbox p { padding: 0.25em 0; margin: 0px; color: #FFF; }
*/
/*
#authorization .checkbox,
#registration .checkbox,
#datainput .checkbox { height: auto; }
*/
