.table
{
/*border-collapse : separate;
  border-spacing  : 1px;*/
  border-collapse : separate;
  border-spacing  : 0;
  border          : 1px solid #aaa;
  border-top      : 1px solid #777;
  font-size       : 1.0em;
  font-weight     : normal;
  margin          : 0 0 1.0em 0;
  position        : relative;
}

.table tr,
.table td
{
  border          : 1px solid #aaa;
  border-style    : none;
}

.table thead,
.table tbody,
.table tfoot,
.table thead tr,
.table tbody tr,
.table tfoot tr
{
  margin          : 0;
  padding         : 0;
}

.table thead tr
{
  background-color : #444;
  background-repeat: repeat-x;
  color            : #fff;
  font-family      : Arial, Tahoma, Verdana, Sans-Serif;
  font-size        : 1.1em;
  font-weight      : bold;
  height           : 24px;
  line-height      : 24px;
}
.table thead th
{
  margin          : 0;
  padding         : 0 8px;
  position        : relative;
  text-align      : left;
  vertical-align  : middle;
  white-space     : nowrap !important;
}
.table thead th.sort {
  padding-right   : 32px; /* make room for the sort icon */
}
.table thead a
{
  color           : #fff  !important;
  display         : block !important;
  margin          : 0;
  padding         : 0;
  position        : relative;
  text-decoration : none  !important;
  width           : 100%  !important;
}
.table thead a:hover {
  text-decoration : underline !important;
}
.table thead img
{
  border          : none !important;
  margin          : 0 0 0 6px;
  padding         : 0;
  position        : absolute;
  top             : 0;
}

.table tfoot tr
{
  background-color: #eee;
  color           : #333;
  font-family     : Arial;
  font-size       : 1.0em;
}
.table tfoot th
{
  border-top      : 1px solid #aaa;
  font-weight     : bold;
  margin          : 0;
  padding         : 3px 12px;
  text-align      : left;
}

.table tbody tr.alt {
  background-color: #e7e7e7;
}
.table tbody tr.selected,
.table tbody tr.highlight
{
  background-color: #ffffd8 !important;
}
.table tbody tr {
  font-size       : 1.0em;
}
.table tbody button,
.table tbody input,
.table tbody select,
.table tbody textarea
{
/*font-size       : 0.8em; TODO: Why?*/
}
.table tbody td
{
  margin          : 0;
  padding         : 3px 12px;
}

/*
 *
 */
.table.layout
{
  border          : none;
  margin          : 0;
}
