/**
 * Etnas Css Framework - CSS TABLES
 *
 * A syntax CSS Framework.
 * This stylesheet contains a set of predefinied styles tables.
 *
 * @project Etnas CSS Framework
 * @version 2.0
 * @author Etnas
 * @2010
 * @Creative Commons 3.0
 */


/* SORTABLE TABLE
--------------------------------------------------------------------------- */
.sortable 														{ border:1px solid #C6D5E1; font-family:verdana sans-serif; font-size:12px; width:100%; }
.sortable th 													{ background:url(../images/tablesorter/grid3-hrow.gif) repeat-x bottom #F9F9F9; color:#000; font-size:10px; line-height:24px; padding-left:5px; padding-right:10px; text-align:left; cursor:pointer; border-right:1px solid #C6D5E1; }
.sortable th h3 											{ font-size:10px; padding:6px 8px 8px; }
.sortable td 													{ padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; font-size:10px; }
.sortable .head h3 										{ background:url(../images/tablesorter/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; }
.sortable .desc,
.sortable .asc 												{ /*background:url(../images/tablesorter/header-selected-bg.gif)*/ }
.sortable .desc h3 										{ background:url(../images/tablesorter/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; }
.sortable .asc h3 										{ background:url(../images/tablesorter/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px; }
.sortable .head:hover,
.sortable .desc:hover,
.sortable .asc:hover 									{ text-decoration:underline; }
.sortable .evenrow td 								{ background:#fff; }
.sortable .oddrow td 									{ background:#ecf2f6; }
.sortable .adviserow td 							{ background:#F06; }
.sortable td.evenselected 						{ background:#ecf2f6; }
.sortable td.oddselected 							{ background:#dce6ee; }
.controls 														{ width:101%; margin:8px auto; height:20px; }
.perpage 															{ float:left; width:33%; }
.perpage select 											{ float:left; font-size:11px; }
.perpage span 												{ float:left; margin:2px 0 0 5px; }
.navigation 													{ float:left; text-align:center; width:30%; }
.navigation img 											{ cursor:pointer; }
.text 																{ float:right; padding-right:25px; text-align:right; width:33%; }


/* TEST TABLE
--------------------------------------------------------------------------- */
.test_table 													{ border:1px solid #E2E2E2; padding:1px; width:100%; }
.test_table tr td label								{ font-size:11px; display:inline; }
.test_table tr td 										{ vertical-align:middle; padding-left:5px; font-size:13px; /* border-bottom:1px solid #E9E9E9; */ }
.test_table tr td.key_table 					{ background-color:#EAF5FB; border-bottom:1px solid #DDD; border-right:1px solid #E9E9E9; color:#666666; text-align:right; width:220px; font-family:Arial, Helvetica, sans-serif;padding:9px 14px; font-size:13px; }
.test_table tr td.key_table2 					{ background-color:#F6F6F6; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; color:#666666; font-weight:bold;  text-align:left; width:100px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:13px; padding-right:5px; padding-bottom:15px; }
.test_table tr td input,
.test_table tr td textarea						{ background-color:#F9F9F9; border:1px solid #CCC; padding:3px 0; font-size:11px;}


/* SPECIAL TABLES
--------------------------------------------------------------------------- */
.special_table 												{ width:100%; border:1px solid #D0D0D0; color:#555; font-family:Tahoma, Geneva, sans-serif; font-size:10px; line-height:25px; padding:1px; background-color:#CCC; }
.special_table thead tr th 						{ background:#F9F9F9 url(../images/tablesorter/grid3-hrow.gif) repeat-x scroll 0 bottom; border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0; height:30px !important; padding:0 3px;}
.special_table thead tr th.action_row	{ width:40px;}
.special_table td span,
.special_table th span 								{ padding:0 4px; vertical-align:middle; }
.special_table tbody tr 							{ background-color:#FFF;}
.special_table tbody tr.odd 					{ background-color:#F9F9F9;}
.special_table tbody tr:hover 				{ background-color:#EFEFEF;}
.special_table tbody tr td 						{ border-bottom:1px dotted #ccc; color:#666; padding:0 3px; vertical-align: top; }
.special_table tbody tr td a					{ margin:0; padding:0; font-size:11px;}
.special_table tbody tr td img				{ padding-top:3px; cursor:pointer;}


/* DATATABLE
--------------------------------------------------------------------------- */
.datatable,#dbtable_container														{ border-left:1px solid #AED0EA; border-right:1px solid #AED0EA; border-collapse:separate; background-color: #FFF; }
.datatable .correct_position					{ margin-right:25px; }
.datatable .correct_position_small		{ margin-right:5px; }
.datatable .field,
.datatable .no_field									{ border:none;	background:transparent;	padding:2px 0 2px 1px;	width:100%;	line-height:0.5em;	margin:1px 0; color:#444; font-size:10px; }
.datatable .field.focused							{ border:2px solid #dfdfdf; padding:1px 0;	background:#fff url('../images/layout/bg_input.gif') repeat-x;	width:90%; line-height:0.5em;	margin:0;	outline:none; font-style:italic; }
.datatable .cell_saved								{	background: url('../images/icons/check.gif') no-repeat right 50%; }
.datatable .cell_error								{	background: url('../images/icons/delete_2.png') no-repeat right 50%; }
.datatable .cell_question							{	background: url('../images/icons/pencil.gif') no-repeat right 50%; }
.datatable tbody tr td 								{ vertical-align: top; }
.datatable select											{ border:1px solid #CCC !important; padding:0 !important; margin:0 !important; }