/* Tables Layout */
.xar-table {border:2px solid #ccc;}

.xar-table caption {
    background:transparent;
    font-size:1.2em;
    font-weight:bold;
    padding:0 0 .5em 0;
    text-align:right;
    text-transform:uppercase;
}

/*
.xar-table caption {
  position: absolute;
  left: -999em;
}
*/

.xar-table thead,
.xar-table tfoot {
    background:#ddd;
    font-weight:bold;
    height:30px;
	letter-spacing: 0.08em;
}

.xar-table tbody tr  {background: #e3e3e3;}
    
.xar-table tr.xar-odd,
.xar-table tr.odd {background:#f6f6f6;} /* Sortable */ 
/* A sortable table is build from the scratch, so up to now we don't have default classes. */

.xar-table tbody tr:hover {
	background:#e3f1f8;
	cursor:pointer;
}

.xar-table tbody td:first-child {font-weight:bold;}

.xar-table th,
.xar-table td {padding: 0.4em 0.6em;}

.xar-table td { 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
}

.xar-table th {border: 1px solid #ccc;}

/* Sortable */

/* A sortable table is build from the scratch, so up to now we don't have default classes. */
/* In default tables we define a row header. */

.xar-table-sort thead th a {	
    color:#333;
	display: block;
	position: relative;
}

.xar-table-sort thead th a,
.xar-table-sort thead th a:active  {outline: none;}

.xar-table-sort th.ui-table-desc a {background: url(../xarimages/icons/sorted-asc.png) right center no-repeat;}

.xar-table-sort th.ui-table-asc a {background: url(../xarimages/icons/sorted-desc.png) right center no-repeat;}

.xar-table-sort th.ui-table-desc a:hover,	
.xar-table-sort th.ui-table-desc a:active,	
.xar-table-sort th.ui-table-desc a:focus, 
.xar-table-sort thead th a:hover,	
.xar-table-sort thead th a:active,	
.xar-table-sort thead th a:focus {background: url(../xarimages/icons/sorted-asc.png) right center no-repeat;}

.xar-table-sort th.ui-table-asc a:hover, 
.xar-table-sort th.ui-table-asc a:active, 
.xar-table-sort th.ui-table-asc a:focus{background: url(../xarimages/icons/sorted-desc.png) right center no-repeat;}

/* Fixing Tables in Forms */
.xar-form .xar-table {width:100%;} /* K.P. @todo do we have tables not placed in fieldsets? */

.xar-form > fieldset .xar-table {
    margin-right:0;
    margin-left:0;
    margin-bottom:1.4em; 
}

.xar-form > fieldset .xar-table > caption {
	position: absolute;
	left: -999em;
} /* We use the legend as visual caption. */


.xar-table td > input {margin-top:0;} /* Override base whitespace setting. */