/* -------------
 * Buttons
 * -------------
 */
.button{display:inline-block;position:relative;height:30px;line-height:30px;text-align:center;cursor:pointer;text-decoration:none;font-size:16px;color:#fff;}
.button .ileft,.button  .ileft_off{display:block;margin:0 10px 0 0;padding:0 0 0 10px;height:100%;background:url('elements/button.png') no-repeat left top;}
.button .iright, .button  .iright_off{display:block;width:10px;height:100%;position:absolute;right:0;top:0;background:url('elements/button.png') no-repeat right top;}
.button a{text-decoration:none;color:#fff;}
.button input{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;border:0;background:url('http://bazashin.com.ua/templates/jNice/elements/spacer.gif');cursor:pointer;}

.jNice-gray .button{height:22px;line-height:20px;color:#414f57;font-size:12px;}
.jNice-gray .button a{color:#414f57}
.jNice-gray .button .ileft{background-position:left -30px;}
.jNice-gray .button .iright{background-position:right -30px;}

.jNice-red .button{height:25px;line-height:27px;}
.jNice-red .button .ileft{background-position:left -52px;}
.jNice-red .button .iright{background-position:right -52px;}

.jNice-big-red .button{height:40px;line-height:40px;}
.jNice-big-red .button .ileft{background-position:left -77px;padding-left:15px;margin-right:15px;}
.jNice-big-red .button .iright{background-position:right -77px;width:15px;}

.jNice-red-small .button{height:20px;line-height:20px;font-size:12px;}
.jNice-red-small .button .ileft{background-position:left -117px;}
.jNice-red-small .button .ileft_off{background-position:left -31px;}
.jNice-red-small .button .iright{background-position:right -117px;}
.jNice-red-small .button .iright_off{background-position:right -31px;}


/* -------------
 * teaxarea
 * ------------- */
 .jNiceTareaWrapper{display:inline-block;position:relative;width:100%;}
 .jNiceTarea{border:0;overflow:auto;outline:none !important;}
 .jNiceTareaWrapper textarea{margin:3%;width:96% !important;font-family:myriad,arial;}
 .jNiceTareaWrapper .tl,.jNiceTareaWrapper .tr,.jNiceTareaWrapper .bl,.jNiceTareaWrapper .br{height:5px;width:5px;background:url('elements/input.png');position:absolute;}
 .jNiceTareaWrapper .sl,.jNiceTareaWrapper .sr{width:5px;background:url('elements/tarea.gif');position:absolute;}
 .jNiceTareaWrapper .tl{left:0;top:0;background-position:left top;width:95%;}
 .jNiceTareaWrapper .tr{right:0;top:0;background-position:right top;width:6%;}
 .jNiceTareaWrapper .bl{left:0;bottom:0;background-position:left -25px;width:95%;}
 .jNiceTareaWrapper .br{right:0;bottom:0;background-position:right -25px;width:6%;}
 .jNiceTareaWrapper  .sl{top:5px;bottom:5px;left:0;}
 .jNiceTareaWrapper  .sr{top:5px;bottom:5px;right:0;background-position:right top;}
 
 .jNiceTareaWrapper_hover .tl{background-position:left -30px;}
 .jNiceTareaWrapper_hover .tr{background-position:right -30px;}
 .jNiceTareaWrapper_hover .bl{background-position:left -55px;}
 .jNiceTareaWrapper_hover .br{background-position:right -55px;}
 
 .jNiceTareaWrapper_hover  .sr,.jNiceTareaWrapper_hover  .sl{background-image:url('elements/tarea_a.gif')}
 /* -------------
 * Inputs
 * ------------- */
 
 
 /*default*/
.jNiceInputWrapper {
	height:30px;width:100%;position:relative;
}

.jNiceInputBg {
	height:100%;width:100%;position:absolute;left:0;top:0;
}
.jNiceInputBg .jNiceInputLeft{background:url('elements/input.png') no-repeat left top;margin:0 5px 0 0;height:100%}
.jNiceInputBg .jNiceInputRight{background:url('elements/input.png') no-repeat right top;width:5px;height:30px;position:absolute;right:0;top:0;}
.jNiceInputWrapper_hover .jNiceInputBg .jNiceInputLeft{background-position:left -30px;}
.jNiceInputWrapper_hover .jNiceInputBg .jNiceInputRight{background-position:right -30px;}


.jNiceInputWrapper input {
	position:relative;z-index:2;height:100%;padding:0 5px;border:0;background:url('http://bazashin.com.ua/jNice/elements/spacer.gif');font-size:16px;/*font-family:myriad;*/
	outline:none !important;
}
.jNice-red-small .jNiceInputWrapper {height:22px;}
.jNice-red-small .jNiceInputWrapper input {color:#ffffff;font-size:16px;padding:0 10px;}
.jNice-red-small .jNiceInputBg .jNiceInputLeft{background-position:left -60px;}
.jNice-red-small .jNiceInputBg .jNiceInputRight{background-position:right -60px;}



/* -------------
 * Radios
 * ------------- */
.jRadioWrapper {display:inline-block;z-index: 2;width:12px;margin:0 10px 0 0;}
.jNiceRadio {
	background: transparent url(elements/radio.png) no-repeat left top;
	height: 12px;
	width: 12px;
	margin:1px;
	position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
	
}


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background: transparent url(elements/checkbox_red.png) no-repeat center top;
	height: 12px;
	width: 12px;
	margin:0px;
	position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}
.jNice-gray .jNiceCheckbox{background-image:url('../images/checkbox_gray.png');}
/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */

.jNiceWrapper select {border:none;margin:0;padding:0;min-width:100px}

.jNiceSelectWrapper {
	height: 100%;
	left:0px;top:0px;z-index:3;position:absolute;
	cursor:pointer;
}

.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

.jNiceSelectWrapper .jNiceSelectText {
	height: 100%;
	padding: 0px 10px 0 10px;
	font-size:16px;
	line-height:42px;
	height:42px;
	background:url('elements/select.png');
	overflow:hidden;float:none;position:absolute;z-index:100;
	color:#282626;
}

.jNiceSelectWrapper .jNiceSelectOpen {
	width: 30px;
	height: 42px;
	background: url('elements/select.png') no-repeat right top;
	z-index:100;display:block;position:absolute;right:0px;
}

.jNiceSelectWrapper ul {
	top: 38px;
	font-size:16px;
	background-color: #fff;
	position:absolute;left:0px;list-style:none;display: none;margin:0;overflow-y:auto;z-index:99;min-width: 100%;white-space:nowrap;
	max-height:172px;
}

.jNiceSelectWrapper ul a {
	color:#282626;
	border-color:#cccfcf;
	border-style:solid;
	border-width:0 1px 1px 1px;	
	display:block;padding:0 10px;text-decoration:none;
	line-height:42px;
}

.jNiceSelectWrapper ul a:hover { background:#1794c6;color:#fff; }
.jNiceSelectWrapper ul a.selected {background: #1794c6;color:#fff;}



/*ÊÐÀÑÍÛÉ*/
.jNice-red .jNiceSelectWrapper .jNiceSelectText {padding:0 0 0 18px;font-weight:bold;font-size:26px;color:#fff;}
.jNice-red .jNiceSelectWrapper .jNiceSelectText {background-position:left bottom;}
.jNice-red .jNiceSelectWrapper .jNiceSelectOpen {background-position:right bottom;}
.jNice-red .jNiceSelectWrapper ul {background:#cd100f;}
.jNice-red .jNiceSelectWrapper ul a {border-color:#f53e14;color:#fff;padding:0 10px 0 18px;font-weight:bold;font-size:26px;}


.jNiceFocus {margin:0px;border: dotted 1px #666666; }
.jNiceFocus label{border:0;}

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {display:inline-block;position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}