table.details
{
  margin: 0 0 1.5em 0;
  border-collapse: collapse;
  
  background-color: #f2f2f2;
  border: 1px solid #ddddde;
  font-size: 0.875em;
}

table.details th, table.details td
{
  padding: 0.3em 2em 0.3em 0.3em;
}

table.details tbody th
{
  background-color: #AECFD6;
  border-left: 1px solid #338697;
  
  padding-right: 1em;
  
  text-align: left;
  font-weight: normal;
}

table.details tbody tr:first-child th
{
  border-top: 1px solid #338697;
}

table.details tbody tr:last-child th
{
  border-bottom: 1px solid #338697;
}

table.details tbody tr.odd td
{
  background-color: #fafafa;
}

table.details tbody tr.odd th
{
  background-color: #b8d9e0;
}


table.list
{
  margin: 1em 0 1.5em 0;
  border-collapse: collapse;
  width: 100%;
  
  background-color: #F2F2F2;
  border: 1px solid #ddddde;

  font-size: 0.875em;
}

table.list th, table.list td
{
  padding: 0.3em;
}

/* does not work in IE 6/7 (works in IE 8+ and other browsers): */
table.list thead { border: 1px solid #338697; }
/* semi-graceful fallback for IE 6/7: */
table.list { border-top: 1px solid #338697; }
table.list thead th { border-bottom: 1px solid #338697; }

table.list thead th
{
  padding-right: 1em;
  
  background-color: #AECFD6;

  
  text-align: left;
  font-weight: bold;
}

table.list tbody td
{
  font-size: 0.85em;
}

table.list tbody td.actions
{
  padding-right: 1em;
  text-align: right;
}

table.list tbody tr.odd td
{
  background-color: #fafafa;
}