﻿/* ----- TABLES -----*/

.table
{
    margin: 10px auto;
    border-collapse: collapse;
	table-layout: fixed; /* Prevent unwanted expansion */
	font-size:1.0em;
}
.table caption 
{
    padding: 5px;
    color: #317edc;
    font-weight: bold;
    letter-spacing: -1px;
}
.table thead
{    
}
.table thead th 
{
    color: #3ca8e9;
    background: #fff;
    padding: 2px;
    border-bottom: 2px solid #3ca8e9;
}
.table tfoot 
{
    
}
.table tfoot th 
{
    padding: 0;
    background: #d3dae3;
}
.table tbody 
{
    
}
.table tbody tr {}
.table tbody tr td
{

    background: #fff; /* lighter stripe */
    border-bottom: 1px solid #ddd;
	vertical-align: middle;					/* May want to override */
}
.table tbody tr.alt td {background: #e2ebf0;} /* darker stripe */
.table tbody tr.over td {background: #c6ced2;}
.table tbody tr.highlight.over td, table tbody tr.over td.highlight  {background: #e3e3b5;  /* alt highligh colour */} /* CSS chaining in ie6 doesn't work, ie ALL instances of .highlight will be altered to this new colour instead of JUST instances of .highligh that ALSO have .over class (rolled over) - so override ie6 back to normal highligh colour. (Have moved this next to .highlight definition for convenience). */
body.ie6 .table tbody tr.highlight.over td, body.ie6 table tbody tr.over td.highlight {background: #c6ced2;}
body.ie6 .table tbody tr.highlight td, body.ie6 table tbody tr.over td.highlight  {background: #fff799; /* Revert ie6 .over.highlight definition because ie6 doesn't support CSS chaining. Boo. Not a major problem: rolled over .highlight classes will remain same colour instead of having tint.*/}
.table td 
{
    padding: 2px 4px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
.table table.vertCenter td, table tr.vertCenter td, td.vertCenter 
{
    vertical-align:middle;
}

/* TABLE ROW COLOURS AND LINKS */
.table td a:link, table td a:visited {color: #556269;}
.table tr.red td, 
.table tr.red td a:link, table tr.red td a:visited {color: #c41230;} /* red rows */
.table  tr td.red, 
.table  tr td.red a:link, table  tr td.red a:visited {color: #c41230 !important;} /* red cells */
.table tr.green td, 
.table tr.green td a:link, table tr.green td a:visited {color: #459f37;} /* green rows */
.table tr td.green, 
.table tr td.green a:link, table tr td.green a:visited {color: #459f37 !important;} /* green cells */
.table tr.highlight td, table td.highlight {background: #fff799;} /* match general .highlight class color



/* bootstrap styles begin */

table.table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 10px;
}
.table th, .table td {
  padding: 5px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table thead:first-child tr th, .table thead:first-child tr td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-condensed th, .table-condensed td {
  padding: 2px 3px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
  border-left: 1px solid #ddd;
}
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td, .table tbody tr:hover th {
 background-color: #f5f5f5;
}

