/* CUERPO DEL FORM GENERICO */
.dff				{ height: 1%;}
.dff .clear,
.dff .gfCl,
.dff .wCl,
.dff .whCl		{ clear: both; font-size: 0; line-height: 0; height: 0;}
.dff .gfCl,
.dff .wCl			{ display: none;}
.dff form			{ margin: 0; padding: 0;}
/*.dff input, */.dff select, .dff textarea	{ padding: 0;}
.dff ul, ol		{ margin: 0; padding: 0; margin-left: 1.5em; list-style: square;}
.dff ol			{ list-style: decimal; margin-left: 0;}
.dff li			{ margin: 0; padding: 0; list-style: square;}
.dff ol li		{ list-style: decimal; margin-left: 1.8em;}
.dff table		{ width: 100%; border-collapse: collapse; border-spacing: 0; }
.dff th, .dff td	{ vertical-align: top;}

	.dff				{ font-size: 11px;}
	.dff *			{ font-family: Arial, Helvetica, sans-serif;}
	.dff .wHint		{ font-size: 11px; color: #888888;}
	.dff .warning_msg	{ color: #EB0000; padding: 5px; background-color: #FFC;}
		/* normal input elements */
	.dff input, .dff select, .dff textarea					{ font-size: 11px; border: 1px solid #bbbbbb; text-indent: 2px; }
	.dff input:hover, .dff select:hover, .dff textarea:hover	{ border: 1px solid #666666;}
	.dff input:active, .dff select:active, .dff textarea:active{ border: 1px solid #FFCF57;}
	.dff input:focus, .dff select:focus, .dff textarea:focus	{ border: 1px solid #FFCF57;}
		/* button elements */
	.dff input.button, .dff button			{ border: 1px solid #333333; border-color: #eeeeee #666666 #666666 #eeeeee; text-align: center; cursor: pointer; text-indent: 0; background: url(img_forms/bck_button.gif) top repeat-x #c8c8c8; }
	.dff input.button:hover, .dff button:hover	{ border: 1px solid #333333; border-color: #ffffff #333333 #333333 #ffffff;}
	.dff input.button:active, .dff button:active{ border: 1px solid #333333; border-color: #333333 #ffffff #ffffff #333333;}
		/* button_accept_changes */
	.dff input.button_accept_changes			{ color: #18730b; font-weight: bold; background: url(img_forms/bck_button_accept_changes.gif) left top no-repeat #e4e4e4;}
	.dff input.button_accept_changes:hover		{ color: #18730b; }
	.dff input.button_accept_changes:active	{ color: #18730b; }
		/* button_cancel_changes */
	.dff input.button_cancel_changes			{ color: #EB0000; background: url(img_forms/bck_button_cancel_changes.gif) left top no-repeat #e4e4e4;}
	.dff input.button_cancel_changes:hover		{ color: #EB0000; }
	.dff input.button_cancel_changes:active	{ color: #EB0000; }
	
	.dff .gfTitle				{ font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px solid #cccccc; }

/* ACTIONS AREAS */
.dff .gfWrap		{ margin-bottom: 1em; padding: 1em 0.9em 0.4em 1em; background-color: #f5f5f5;}
.dff .fActions		{ position: relative; height: 1%; }
.dff .fButtons		{ position: relative;}
.dff .fButtons input.button		{ margin-left: 2px; padding: 0.3em 0.3em; }
.dff .fButtons input.button_accept_changes,
.dff .fButtons input.button_cancel_changes	{ padding-left: 22px;}

/* Subtitles */
.dff .gfTitle			{ margin-bottom: 1em; }
.dff.fView .gfTitle		{ position: relative; width: 100%;}

/* RLinks */
.dff.fView .gfTitle .rlinks		{ position: absolute; right: 0; bottom: 2px; }
.dff.fView .gfTitle .rlinks ul	{ margin: 0; padding: 0; list-style: none; }
.dff.fView .gfTitle .rlinks ul li	{ font-size: 11px; margin: 0; padding: 0; list-style: none; display: inline; float: left; margin-left: 8px; padding-left: 8px; border-left: 1px solid #cccccc;}
.dff.fView .gfTitle .rlinks ul li.rl_01	{ border-left: none; }

/* Warning Msgs */
.dff .warning_msg			{ margin-bottom: 1em; }
.dff .warning_msg .wm_wrap	{ }
.dff .warning_msg .wm_wrap .wm_cont	{ }
.dff .warning_msg.top		{ }
.dff .warning_msg.bottom		{ display: none;}

/* Columns' widths */
.dff .gfTbl_2 .tCol			{ width: 50%;}
.dff .gfTbl_3 .tCol			{ width: 33.33%;}
.dff .gfTbl_4 .tCol			{ width: 25%;}
.dff .gfTbl_5 .tCol			{ width: 20%;}
.dff .gfTbl_6 .tCol			{ width: 16.66%;}

/* wWrap de todo widget */
.dff .wWrap				{ margin-right: 1.2em;}
.dff .gfTbl_1 .tCol1 .wWrap	{ margin-right: 0.5em;}
.dff .gfTbl_2 .tCol2 .wWrap	{ margin-right: 0.5em;}
.dff .gfTbl_3 .tCol3 .wWrap	{ margin-right: 0.5em;}
.dff .gfTbl_4 .tCol4 .wWrap	{ margin-right: 0.5em;}
.dff .gfTbl_5 .tCol5 .wWrap	{ margin-right: 0.5em;}
.dff .gfTbl_6 .tCol6 .wWrap	{ margin-right: 0.5em;}
.dff .tVert .wWrap			{ padding-bottom: 2em; }
.dff .tHor  .wWrap			{ padding-bottom: 1em; height: 1%; }
.dff .tHor .wCl			{ display: block;}

/* wLab */
.dff .wLab		{ font-weight: bold; color: #9090d6;}
.dff .tVert .wLab	{ padding-bottom: 0.1em; }
.dff .tHor  .wLab	{ width: 31%; float: left; text-align: right; padding-top: 0.2em; }
.dff .wView .wLab	{ padding-top: 0; }

/* ERROR state in wLab */
.dff .f_error .wLab	{ color: #eb0000 !important;}

/* "wInp" */
.dff .wInp		{ position: relative;}
.dff .tHor  .wInp	{ width: 66.5%; float: right; }
/* Hints */
.dff .wHint		{ padding: 0.1em;}
.dff .wView .wHint	{ display: none;}
.dff .wView .whCl	{ display: none;}

/* WIDGETS */
.dff .f_textfield input	{ width: 100%; display: block;}
.dff .f_username input	{ width: 100%; display: block;}
.dff .f_password input	{ width: 100%; display: block;}
.dff .f_email input		{ width: 100%; display: block;}
.dff .f_url input		{ width: 100%; display: block;}
.dff .f_integer input	{ width: 8em; text-align: right; padding-right: 3px; text-indent: 0; display: block;}

.dff .f_numeric input	{ width: 8em; text-align: right; padding-right: 3px; text-indent: 0; }
.dff .f_numeric .before	{ display: inline-block; margin-right: 4px; }
.dff .f_numeric .after	{ display: inline-block; margin-left: 4px; }

.dff .f_currency input	{ width: 8em; text-align: right; padding-right: 3px; text-indent: 0; }
.dff .f_currency .before	{ display: inline-block; margin-right: 4px; }
.dff .f_currency .after	{ display: inline-block; margin-left: 4px; }

.dff .f_textarea textarea	{ width: 100%; display: block; height: 120px;}

.dff .f_select select	{ width: 100%; display: block; }

.dff .f_doublelistbox .dbl_filtering	{ padding-bottom: 0.6em;}
.dff .f_doublelistbox .dbl_filtering table	{ border-collapse: collapse; border-spacing: 0;}
.dff .f_doublelistbox .dbl_filtering table input	{ width: 100%; }
.dff .f_doublelistbox .dbl_filtering table select	{ width: 97%; }
.dff .f_doublelistbox .dbl_filtering table.dbl_ajax .select	{ width: 70%; padding-left: 2%;}
.dff .f_doublelistbox .dbl_lists_area	{ height: 1%;}
.dff .f_doublelistbox .dbl_not_added	{ float: left; margin-right: 0.4%; width: 46.5%;}
.dff .f_doublelistbox .dbl_sortable .dbl_not_added	{ width: 44%;}
.dff .f_doublelistbox .dbl_middle		{ float: left; margin-right: 0.4%; width: 5%; text-align: center; padding-top: 1.4em;}
.dff .f_doublelistbox .dbl_added		{ float: left; width: 46.5%;}
.dff .f_doublelistbox .dbl_sortable .dbl_added	{ width: 43.95%; margin-right: 0.4%;}
.dff .f_doublelistbox .dbl_sort		{ float: left; width: 5%; text-align: center; padding-top: 1.3em;}
.dff .f_doublelistbox .dbl_lists_area select	{ width: 100%; display: block; }
.dff .f_doublelistbox .dbl_lists_area .button	{ width: 100%; padding: 0; margin-bottom: 2px; font-size: 10px; display: block; cursor: pointer; font-family: Arial, Helvetica, sans-serif;}
.dff .f_doublelistbox .dbl_not_added.dbl_searching select		{ background-image: url(img_forms/ico_loading.gif); background-position: center center; background-repeat: no-repeat;}
.dff .f_doublelistbox td .dbl_title,
.dff .f_doublelistbox .dbl_lists_area .dbl_title	{ height: 1.3em; font-style: italic; padding: 0 0 0 0.1em; color: #666666;}
.dff .tVert .f_doublelistbox.wEdit .wInp	{ padding-top: 0.4em;}
.dff .tHor .f_doublelistbox.wEdit .wInp	{ padding-top: 0.2em;}

.dff .f_datalist ul li 	{ padding-bottom: 0.4em;}
.dff .f_datalist ul li input.delete	{ margin: 0 0 0 0.3em; padding: 0; width: 14px; height: 13px; background: url(img_forms/ico_delete.gif) right bottom no-repeat transparent; border: none; cursor: pointer;}
.dff .f_datalist div.new_data_item		{ position: relative; padding-right: 23px; padding-top: 0.2em; height: 1%;}
.dff .f_datalist div.new_data_item .title	{ height: 1.3em; font-style: italic; padding: 0 0 0 0.1em; color: #666666;}
.dff .f_datalist div.new_data_item input.textfield	{ width: 100%; display: block; }
.dff .f_datalist div.new_data_item textarea.textarea	{ width: 99.8%; display: block; height: 80px;}
.dff .f_datalist div.new_data_item input.add_it		{ position: absolute; right: 0; bottom: 2px; width: 16px; height: 16px; padding: 0; background: url(img_forms/ico_add_it.gif) right bottom no-repeat transparent; border: none; cursor: pointer;}
.dff .tVert .f_datalist.wEdit .wInp	{ padding-top: 0.6em;}

.dff .f_checkboxset ul.col	{ margin: 0; list-style: none; width: 46%; margin-right: 2%; float: left; padding-top: 0.3em;}
.dff .f_checkboxset ul.last	{ margin-right: 0; }
.dff .f_checkboxset ul li	{ list-style: none; padding-bottom: 0.6em; position: relative; }
.dff .f_checkboxset ul li input	{ margin: 0; padding: 0; background: none; border: none; position: absolute; display: block; height: 14px; width: 14px;}
.dff .f_checkboxset ul li label	{ padding-left: 19px; }
.dff .f_checkboxset .wHint	{ padding-top: 0;}

.dff .f_date input	{ width: 7em; text-align: center; text-indent: 0;}
.dff .f_date input.button	{ width: 16px; height: 16px; margin: 0 0 -0.1em 0.2em; padding: 0; background: url(img_forms/calendar_button.gif) no-repeat bottom right transparent; border: none; }

.dff .f_daterange.wEdit span.from	{ padding-right: 15px;}
.dff .f_daterange span input	{ width: 7em; text-align: center; text-indent: 0;}
.dff .f_daterange input.button	{ width: 16px; height: 16px; margin: 0 0 -0.1em 0.2em; padding: 0; background: url(img_forms/calendar_button.gif) no-repeat bottom right transparent; border: none; }

.dff .f_lookup .wWrap	{ position: relative;}
.dff .f_lookup .input	{ width: 9.7em; position: absolute; left: 0;}
.dff .f_lookup .input input		{ width: 100%; display: block;}
.dff .f_lookup .input.searching input	{ background-image: url(img_forms/ico_loading.gif); background-position: right center; background-repeat: no-repeat;}
.dff .f_lookup .select	{ padding-left: 10em; }
.dff .f_lookup .select select		{ width: 100%;}
.dff .tVert .f_lookup.wEdit .wInp	{ padding-top: 0.5em;}

.dff .f_radiogroup ul	{ margin: 0; padding: 0; list-style: none; padding-top: 0.3em;}
.dff .f_radiogroup ul li		{ margin: 0; padding: 0; padding-top: 1px; margin-left: 2px; list-style: none; margin-bottom: 0.6em; position: relative; float: left;}
.dff .f_radiogroup ul li input	{ margin: 0; padding: 0; background: none; border: none; position: absolute; left: 0; top: 1px;}
.dff .f_radiogroup ul li label	{ margin-left: 19px; display: block; }
.dff .f_radiogroup .wHint	{ padding-top: 0;}

.dff .f_captcha img		{ float: left;}
.dff .f_captcha input	{ width: 2.5em; font-size: 27px; float: left; margin-left: 4px; text-align: center; }



/*.dff .f_fileupload				{ }
.dff .f_fileupload .fu_existing		{ }*/
.dff .f_fileupload .fu_existing_cont		{ position: relative; float: left;}
.dff .f_fileupload .fu_existing_cont     .fu_existing_title	{ padding-right: 8px;}
.dff .f_fileupload .fu_existing_cont.img .fu_existing_title	{ float: left; }
/*.dff .f_fileupload .fu_existing_cont     a.fu_file		{ }*/
.dff .f_fileupload .fu_existing_cont.img a.fu_file.fu_img	{ float: left; }
.dff .f_fileupload a.fu_delete			{ position: absolute; right: -21px; top: 0; display: block; width: 14px; height: 13px; background: url(img_forms/ico_delete.gif) right bottom no-repeat transparent; text-indent: -9999px; overflow: hidden; }
/*.dff .f_fileupload .fu_new			{ }
.dff .f_fileupload .fu_new_cont		{ }
.dff .f_fileupload .fu_new span.fu_entry	{ }*/
.dff .f_fileupload .fu_new span.fu_cancel	{ padding-left: 5px; }
/*.dff .f_fileupload .fu_new span.fu_cancel a.fu_cancel	{ }*/
.dff .f_fileupload.wView .fu_cont		{ }
.dff .f_fileupload.wView .fu_cont .fu_file		{ }
.dff .f_fileupload.wView .fu_cont .fu_file.fu_img	{ }


/*
PARA FILE UPLOAD MULTIPLE
	.dff .f_fileupload ul, .dff .f_fileupload ol	{ margin-left: 0;}
	.dff .f_fileupload ul li					{ list-style: square; margin-bottom: 0.3em;}
	.dff .f_fileupload ol li					{ margin-left: 2em; margin-bottom: 0.3em;}
	.dff .f_fileupload li.only				{ margin: 0; list-style: none;}
	.dff .f_fileupload div.current_file		{ font-weight: bold; padding-bottom: 0.3em;}
	.dff .f_fileupload div.current_file a img	{ border: 4px solid #ebebeb; margin-bottom: -0.2em}
	.dff .f_fileupload div.current_file input.delete	{ width: 14px; height: 13px; padding: 0; background: url(img_forms/ico_delete.gif) right bottom no-repeat transparent; border: none; margin: 0 0 0 0.5em; cursor: pointer;}
*/