/* FORMS */
div.form								{ margin: 10px auto;}
div.form form							{ margin: 0 auto;}
div.form table							{ width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 15px;}
div.form table th						{ width: 25%; text-align: right; font-weight: normal; padding: 4px; padding-right: 5px; vertical-align: top;}
div.form table td						{ width: 75%; padding: 2px; vertical-align: top;}
div.form table td div.hint				{ font-size: 11px; color: #999999; padding-bottom: 4px; font-style: italic;}
div.form div.subtitle					{ margin-bottom: 12px; font-size: 16px; color: #888888; letter-spacing: -0.01em; line-height: 1em; height: 1%; border-bottom: 1px solid #cccccc; padding-bottom: 2px; height: 1%;}


/* ICON BUTTONS */
div.form table input.add_it				{ width: 15px; height: 14px; background: url(ecommerce_img/contents/icons/add_it.gif) top left no-repeat transparent; border: none; cursor: pointer;}
div.form table input.delete				{ width: 13px; height: 18px; background: url(ecommerce_img/contents/icons/trash_mini.gif) top left no-repeat transparent; border: none; cursor: pointer;}
/**/

div.form table tr.f_textfield td input		{ width: 99%; }

div.form table tr.f_statichtml td			{}

div.form table tr.f_integer td input		{ width: 15%; text-align: right; padding-right: 3px;}

div.form table tr.f_numeric td input		{ width: 15%; text-align: right; padding-right: 3px;}

div.form table tr.f_currency td input		{ width: 15%; text-align: right; padding-right: 3px;}

div.form table tr.f_email td input				{ width: 99%;}

div.form table tr.f_password td input			{ width: 99%;}

div.form table tr.f_textarea td textarea		{ width: 99%; height: 100px;}

div.form table tr.f_select td select			{ width: 100%; } /* para SELECT y SELECT LISTS*/

div.form table tr.f_checkbox td					{ padding-top: 4px;}
div.form table tr.f_checkbox td input			{ background: transparent; border: 0; margin: 1px 0 0 0;}

div.form table tr.f_checkboxset td ul			{ margin: 0; padding: 0; list-style: none;}
div.form table tr.f_checkboxset td ul li		{ margin: 0; padding: 0; margin-bottom: 4px;}
div.form table tr.f_checkboxset td ul li input	{ background: none; border: none; margin: 1px 4px 0 0;}


div.form table tr.f_lookup td input				{ width: 25%; float: left;}
div.form table tr.f_lookup td br				{ display: none;}
div.form table tr.f_lookup td select			{ width: 74%; float: right;}

div.form table tr.f_date td input				{ background-color: transparent; width:67px; text-align: center !important; }
div.form table tr.f_date td input.button		{ width:16px; height:16px; margin-left:2px; padding:0; background: url(ecommerce_img/contents/icons/calendar_button.gif) no-repeat bottom right transparent; border: none; text-align: left; }

div.form table tr.f_daterange td span.from		{ padding-right: 20px; font-style: italic;}
div.form table tr.f_daterange td span.to		{ font-style: italic;}
div.form table tr.f_daterange td span input		{ background-color: transparent; width:67px; text-align: center !important; font-style: normal;}
div.form table tr.f_daterange td input.button	{ width:16px; height:16px; margin-left:2px; padding:0; background: url(ecommerce_img/contents/icons/calendar_button.gif) no-repeat bottom right transparent; border: none; text-align: left; }

div.form table tr.f_file_single	td div.current_file					{ padding-right: 20px; padding-bottom: 6px; line-height: 1.6em; font-weight: bold;}
div.form table tr.f_file_single	td div.current_file a				{ float: left;}
div.form table tr.f_file_single	td div.current_file a img			{ border: none;}
div.form table tr.f_file_single	td div.current_file input.delete	{ float:left; margin: 0; margin-left: 5px;}
div.form table tr.f_file_single	td div.new_file						{ padding-bottom: 10px;}
div.form table tr.f_file_single	td div.hint							{ clear: both; padding-bottom: 12px;}

div.form table tr.f_data_list	td ul								{ padding: 0; margin: 0; margin-left: 15px; list-style: square;}
div.form table tr.f_data_list	td ul li 							{ margin-bottom: 7px;}
div.form table tr.f_data_list	td ul li input.delete				{ margin: 0; margin-left: 7px;}
div.form table tr.f_data_list	td div.new_data_item input.textfield			{ width: 85%;}
div.form table tr.f_data_list	td div.new_data_item textarea.textarea			{ width: 85%; height: 60px;}
div.form table tr.f_data_list	td div.new_data_item input.add_it				{ margin-left: 1px; }

div.form table tr.f_doublelistbox td div.not_added,
div.form table tr.f_doublelistbox td div.middle,
div.form table tr.f_doublelistbox td div.added,
div.form table tr.f_doublelistbox td div.sort					{ float: left; height: 1%; margin-right: 2px;}

div.form table tr.f_doublelistbox td div.not_added div.title,
div.form table tr.f_doublelistbox td div.added div.title		{ font-size: 11px; color: #333333; padding-left: 3px; margin-bottom: 1px; font-style: italic;}

div.form table tr.f_doublelistbox td div.not_added,
div.form table tr.f_doublelistbox td div.added				{ width: 41%;}
div.form table tr.f_doublelistbox td div.middle				{ width: 7%; text-align: center; padding-top: 15px;}
div.form table tr.f_doublelistbox td div.sort				{ width: 5%; text-align: center; padding-top: 15px;}

div.form table tr.f_doublelistbox select					{ width: 100%;}
div.form table tr.f_doublelistbox div.middle input.button	{ width: 75%; padding: 0 1%; margin: 0 auto; margin-bottom: 2px; font-size: 10px; display: block; letter-spacing: -2px;}
div.form table tr.f_doublelistbox div.middle input.all		{ color: #B0B0B0; }
div.form table tr.f_doublelistbox div.sort input.button		{ width: 75%; padding: 0 1%; margin: 0 auto; margin-bottom: 2px; font-size: 10px; display: block; letter-spacing: -2px;}

div.form table tr.f_text td span		{ font-weight: bold;}

/* FORM ERROR STATES */
div.form table tr.f_error	th			{ color: #CC0000; }
div.form div.error_msg					{ color:#CC0000; margin-bottom: 10px; text-align: center;}


/* Actions */
div.actions_right									{ text-align: right; margin-bottom: 10px; height: 1%}
div.actions_right span.input_item					{ margin: 0 0 0 18px; }
div.actions_right span.input_item span.label		{ margin: 0 3px 0 0; }
div.actions_right span.input_item select			{ /*color:;*/}
div.actions_right span.input_item select:hover, 
div.actions_right span.input_item select:focus		{ /*color:;*/}
div.actions_right input.button						{ margin-left: 5px;}
div.actions_right a									{ margin: 0 5px; font-weight: bold;}

div.actions_left									{ text-align: left; margin-bottom: 10px; height: 1%}
div.actions_left span.input_item					{ margin: 0 10px 0 0; }
div.actions_left span.input_item span.label			{ margin: 0 3px 0 0; }
div.actions_left span.input_item select				{ /*color:;*/}
div.actions_left span.input_item select:hover, 
div.actions_left span.input_item select:focus		{ /*color:;*/}
div.actions_left input.button						{ margin-right: 7px;}
div.actions_left a									{ margin: 0 5px; font-weight: bold;}

div.actions_center									{ text-align: center; margin-bottom: 10px; height: 1%}
div.actions_center span.input_item					{ margin: 0 9px 0 9px; }
div.actions_center span.input_item span.label		{ margin: 0 3px 0 0; }
div.actions_center span.input_item select			{ /*color:;*/}
div.actions_center span.input_item select:hover, 
div.actions_center span.input_item select:focus		{ /*color:;*/}
div.actions_center input.button						{ margin: 0 2px;}
div.actions_center a								{ margin: 0 5px; font-weight: bold;}