/* FORMS IDE */
div.forms-ide-actions-bar		{padding:10px; background:#eee; border:1px solid #aaa; margin-bottom:5px; }
div.forms-ide-actions-bar a		{text-decoration:none; }

table.forms-ide-table		{border:1px solid #aaa; background:#eee; }
table.forms-ide-table thead td	{border-bottom:1px solid #aaa; padding:5px; text-align:center; }
table.forms-ide-table tbody td	{padding:10px; }


td.forms-ide-components		{border-right:1px solid #aaa; background:#fff; padding:3px;}
td.forms-ide-components div.forms-ide-component-icon
	{border:1px solid #fff; cursor:pointer; float:left; width:75px; height:30px; text-align:center; padding:5px 5px; font-size:10px; }
td.forms-ide-components div:hover.forms-ide-component-icon {border:1px solid #aaa; }
td.forms-ide-components div:hover.forms-ide-component-icon > div	{font-weight:bold; }

td.forms-ide-form			{border-right:1px solid #aaa; background:#fff; font-size:10px; }
td.forms-ide-form li.component	{border:5px solid #fff; padding:5px; margin:0px 0px 10px 0px; cursor:pointer; list-style:none; }
td.forms-ide-form li.component-none	{border:5px solid transparent; padding:10px; margin:0px 0px 10px 0px; cursor:pointer; list-style:none; }
td.forms-ide-form li:hover.component	{border:5px solid #f00; }
td.forms-ide-form li.selected	{border:5px solid #f00; }
td.forms-ide-form li.ui-sortable-helper	{border:5px solid #fff; }
div.hover					{background:#fff; border:5px solid #000; }

td.forms-ide-properties		{background:#fff; }
td.forms-ide-properties table tbody td {padding:3px 0px; }


/* FORMS COMPONENTS */
input.sqf-date			{width:100px !important;}
td.preview				{padding:5px; background:#eee; border:1px dotted #aaa; }


/* Para la agrupacion de componentes */
table div.datagrid-section-title { width:100%; height:20px; background:orange; text-align:center; font-size:10px; clear:both; cursor:pointer; padding-top:5px; font-weight:bold; border:1px solid #000; }
table div.datagrid-section-content {width:200px; font-size:10px; display:none;}