/**********/
/* SELECT */
/**********/

.NFSelect select {
	filter: alpha(opacity=0); 
	opacity:.0;
}

.NFSelectLeft {
	float:left;
	width:3px;
	height:25px;
	background:url(../img/comun/niceform/select-left.png) no-repeat 0 0;
	vertical-align:middle;
}

.NFSelectRight {
	height:25px;
	background:url(../img/comun/niceform/select-right.png) no-repeat 100% 0;
	font:12px/21px Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-top: 2px;
}

.NFSelectTarget {
	position: absolute;
	color:#666666;
}

.NFFocus .NFSelectLeft {
	background:url(../img/comun/niceform/select-left-focus.png) no-repeat 0 0;
}

.NFFocus .NFSelectRight {
	background:url(../img/comun/niceform/select-right-focus.png) no-repeat 100% 0;
}

.NFFocus .NFSelectTarget {
	position: absolute;
	color:#000;
}

.NFDisable .NFSelectLeft {
	background:url(../img/comun/niceform/select-left-disabled.png) no-repeat 0 0;
}

.NFDisable .NFSelectRight {
	background:url(../img/comun/niceform/select-right-disabled.png) no-repeat 100% 0;
}

.NFDisable .NFSelectTarget {
	position: absolute;
	color:#666666;
}

/***************/
/* MULTISELECT */
/***************/

.NFMultiSelect select {border:0; background:none; margin:0;font-size:13px;color:#666666;}
.NFMultiSelect select:focus {border:0; background:none; margin:0;font-size:13px;color:#000;}
.NFMultiSelect option {height:19px; color:#666666;}


.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(../img/comun/niceform/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(../img/comun/niceform/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}

.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-bl.png) no-repeat 0 0;}

.NFMultiSelectLeft {float:left; padding-bottom:5px; width:3px; height:25px; background:url(../img/comun/niceform/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectRight {margin-left: 3px; padding-bottom:5px; padding-right:3px; padding-bottom:0; background:url(../img/comun/niceform/textarea-r-off.png) repeat-y 100% 0;}


.NFFocus .NFMultiSelectTop {background:url(../img/comun/niceform/textarea-tr-focus.png) no-repeat 100% 0;}
.NFFocus .NFMultiSelectBottom {background:url(../img/comun/niceform/textarea-br-focus.png) no-repeat 100% 0;}

.NFFocus .NFMultiSelectTopLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-tl-focus.png) no-repeat 0 0;}
.NFFocus .NFMultiSelectBottomLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-bl-focus.png) no-repeat 0 0;}

.NFFocus .NFMultiSelectLeft {background:url(../img/comun/niceform/textarea-l-off-focus.png) repeat-y 0 0;}
.NFFocus .NFMultiSelectRight {background:url(../img/comun/niceform/textarea-r-off-focus.png) repeat-y 100% 0;}
.NFFocus .NFMultiSelectRight option {color:#000;}


.NFDisable .NFMultiSelectTop {background:url(../img/comun/niceform/textarea-tr-disabled.png) no-repeat 100% 0;}
.NFDisable .NFMultiSelectBottom {background:url(../img/comun/niceform/textarea-br-disabled.png) no-repeat 100% 0;}

.NFDisable .NFMultiSelectTopLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-tl-disabled.png) no-repeat 0 0;}
.NFDisable .NFMultiSelectBottomLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-bl-disabled.png) no-repeat 0 0;}

.NFDisable .NFMultiSelectLeft {background:url(../img/comun/niceform/textarea-l-off-disabled.png) repeat-y 0 0;}
.NFDisable .NFMultiSelectRight {background:url(../img/comun/niceform/textarea-r-off-disabled.png) repeat-y 100% 0;}
.NFDisable .NFMultiSelectRight option {color:#666666;}


/***************************/
/* INPUT TEXT + CALENDARIO */
/***************************/

.NFText input {border:0; background:none; margin:0;font-size:13px;color:#666666;padding: 2px 0 0 0;}
.NFText input:focus  {border:0; background:none; margin:0;font-size:13px;color:#000;padding: 2px 0 0 0;}


.NFTextLeft {
	float:left;
	width:3px;
	height:25px;
	background:url(../img/comun/niceform/input-left.png) no-repeat 0 0;
	vertical-align:middle;
}

.NFTextRight {
	height:25px;
	background:url(../img/comun/niceform/input-right.png) no-repeat 100% 0;
	font:12px/21px Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-top: 2px;
	padding-right: 3px;
}

.NFTextRightCalendario {
	height:25px;
	background:url(../img/comun/niceform/calendar.png) no-repeat 100% 0;
	font:12px/21px Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-top: 2px;
	/*padding-right: 26px;*/
	cursor:pointer;
}

.NFCalendarioTarget {
	position:absolute; 
	background-color:#fff; 
	/*margin-left:-3px;*/
	/*margin-top:5px; */
	z-index:9999; 
	border: 1px solid #aeaeae;
	width:187px;
	overflow:hidden;
	margin-left: 1px;
    margin-top: -1px;
}

.NFTextRightFile {
	height:25px;
	background:url(../img/comun/niceform/file.png) no-repeat 100% 0;
	font:12px/21px Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-top: 2px;
	padding-right: 3px;
}


.NFTextFileTarget {
	position: absolute;
	color:#666666;
}

.NFFocus .NFTextLeft {
	background:url(../img/comun/niceform/input-left-focus.png) no-repeat 0 0;
}

.NFFocus .NFTextRight {
	background:url(../img/comun/niceform/input-right-focus.png) no-repeat 100% 0;
	font:12px/21px Arial, Helvetica, sans-serif;
}

.NFFocus .NFTextRightCalendario {
	background:url(../img/comun/niceform/calendar-focus.png) no-repeat 100% 0;
}

.NFFocus .NFTextRightFile {
	background:url(../img/comun/niceform/file-focus.png) no-repeat 100% 0;
}

.NFFocus .NFTextFileTarget {
	color:#000;
}



.NFDisable .NFTextLeft {
	background:url(../img/comun/niceform/input-left-disabled.png) no-repeat 0 0;
}

.NFDisable .NFTextRight {
	background:url(../img/comun/niceform/input-right-disabled.png) no-repeat 100% 0;
}

.NFDisable .NFTextRightCalendario {
	background:url(../img/comun/niceform/calendar-disabled.png) no-repeat 100% 0;
}

.NFDisable .NFTextRightFile {
	background:url(../img/comun/niceform/file-disabled.png) no-repeat 100% 0;
}

.NFFocus .NFTextFileTarget {
	color:#666666;
}

.NFTextRightFile input {
	filter: alpha(opacity=0); 
	opacity:.0;
	cursor:pointer;
}



/**************************/
/* INPUT CHECKBOX + RADIO */
/**************************/

.NFCheck input {
	filter: alpha(opacity=0); 
	opacity:.0;
	padding-top: 2px;
	cursor:pointer;
}

.NFCheck {
	cursor:pointer;
	float:left;
	width:20px;
	height:19px;
	border:1px solid transparent;
	background:url(../img/comun/niceform/checkbox.png) no-repeat 0 0;
	z-index:2;
}

.NFFocus_NFCheck {
	background:url(../img/comun/niceform/checkbox-focus.png) no-repeat 0 0;
}


.NFDisable_NFCheck {
	background:url(../img/comun/niceform/checkbox-disabled.png) no-repeat 0 0;
}

.NFRadio input {
	filter: alpha(opacity=0); 
	opacity:.0;
	padding-top: 2px;
	cursor:pointer;
}

.NFRadio {
	cursor:pointer; 
	float:left;
	display:block; 
	width:20px; 
	height:19px; 
	border:1px solid transparent; 
	background:url(../img/comun/niceform/radio.png) no-repeat 0 0; 
	z-index:2;
}

.NFFocus_NFRadio {
	background:url(../img/comun/niceform/radio-focus.png) no-repeat 0 0; 
}

.NFDisable_NFRadio {
	background:url(../img/comun/niceform/radio-disabled.png) no-repeat 0 0; 
}

.NFh {background-position:0 100%;}

/************/
/* TEXTAREA */
/************/

.NFTextArea textarea {border:0; background:none; margin:0;font-size:13px;color:#666666;}
.NFTextArea textarea:focus {border:0; background:none; margin:0;font-size:13px;color:#000;}

/* NORMAL */
.NFTextAreaTop, .NFTextAreaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextAreaTop {background:url(../img/comun/niceform/textarea-tr.png) no-repeat 100% 0;}
.NFTextAreaBottom {background:url(../img/comun/niceform/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}

.NFTextAreaTopLeft, .NFTextAreaBottomLeft {width:5px; height:5px;}
.NFTextAreaTopLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-tl.png) no-repeat 0 0;}
.NFTextAreaBottomLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-bl.png) no-repeat 0 0;}

.NFTextAreaLeft {float:left; padding-bottom:5px; width:3px; height:25px; background:url(../img/comun/niceform/textarea-l-off.png) repeat-y 0 0;}
.NFTextAreaRight {margin-left: 3px; padding-bottom:5px; padding-right:3px; padding-bottom:0; background:url(../img/comun/niceform/textarea-r-off.png) repeat-y 100% 0;}

/* FOCUS */
.NFFocus .NFTextAreaTop, .NFTextAreaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFFocus .NFTextAreaTop {background:url(../img/comun/niceform/textarea-tr-focus.png) no-repeat 100% 0;}
.NFFocus .NFTextAreaBottom {background:url(../img/comun/niceform/textarea-br-focus.png) no-repeat 100% 0; margin-bottom:5px;}

.NFFocus .NFTextAreaTopLeft, .NFTextAreaBottomLeft {width:5px; height:5px;}
.NFFocus .NFTextAreaTopLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-tl-focus.png) no-repeat 0 0;}
.NFFocus .NFTextAreaBottomLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-bl-focus.png) no-repeat 0 0;}

.NFFocus .NFTextAreaLeft {float:left; padding-bottom:5px; width:3px; height:25px; background:url(../img/comun/niceform/textarea-l-off-focus.png) repeat-y 0 0;}
.NFFocus .NFTextAreaRight {margin-left: 3px; padding-bottom:5px; padding-right:3px; padding-bottom:0; background:url(../img/comun/niceform/textarea-r-off-focus.png) repeat-y 100% 0;}

/* DISABLED */
.NFDisable  .NFTextAreaTop, .NFTextAreaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFDisable  .NFTextAreaTop {background:url(../img/comun/niceform/textarea-tr-disabled.png) no-repeat 100% 0;}
.NFDisable  .NFTextAreaBottom {background:url(../img/comun/niceform/textarea-br-disabled.png) no-repeat 100% 0; margin-bottom:5px;}

.NFDisable .NFTextAreaTopLeft, .NFTextAreaBottomLeft {width:5px; height:5px;}
.NFDisable .NFTextAreaTopLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-tl-disabled.png) no-repeat 0 0;}
.NFDisable .NFTextAreaBottomLeft {background:#f2f2e6 url(../img/comun/niceform/textarea-bl-disabled.png) no-repeat 0 0;}

.NFDisable .NFTextAreaLeft {float:left; padding-bottom:5px; width:3px; height:25px; background:url(../img/comun/niceform/textarea-l-off-disabled.png) repeat-y 0 0;}
.NFDisable .NFTextAreaRight {margin-left: 3px; padding-bottom:5px; padding-right:3px; padding-bottom:0; background:url(../img/comun/niceform/textarea-r-off-disabled.png) repeat-y 100% 0;}