/* ------------------------------------------------------------
 * PROJECT        : FHSC Interface Standard
 * FILENAME       : tables.css
 * ------------------------------------------------------------
 * DATE CREATED   : 23 Oct 2007
 * LAST UPDATED   : 06 May 2008
 * ------------------------------------------------------------
 * AUTHOR(S)      : Kevin Scholl (http://www.ksscholl.com/)
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * DATATABLE
 * ------------------------------------------------------------ */
 
.dataTable {
	margin: 0 auto 10px auto;
	border: 1px solid #407BC1;
	border-left: 0;
	background: #FFF;
	width: 100%;
  }
		
.dataTable tr.alt {             /* for use with JQuery */
	background: #ECF2F9;
  }
.dataTable tr.over {            /* for use with JQuery */
	background: #FFEED9;
  }
.dataTable tr.highlight {
	background: #FFD299;
  }
	
.dataTable th,
.dataTable td {
	padding: 5px;
	color: #000;
	vertical-align: top;
  }
	
.dataTable th {
	border-left: 1px solid #407BC1;
	background: #B3CAE6;
	font: bold 62.5%/140% verdana,arial,helvetica,sans-serif;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
  }
.dataTable thead th {
  border-bottom: 1px solid #407BC1;
  }
.dataTable tfoot th,
.dataTable tfoot td {
  border-top: 1px solid #407BC1;
  }
.dataTable th a:link,
.dataTable th a:visited {
	color: #000;
  }
.dataTable th a:hover,
.dataTable th a:active {
	color: #FFF;
  }
	
.dataTable td {
	border-bottom: 1px solid #CFDEEF;
  border-left: 1px solid #407BC1;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	text-align: center;
	vertical-align: top;
  }	
.dataTable tr.lastRow td {      /* for use with JQuery */
	border-bottom: 0;
  }
.dataTable td.alignLeft {
	text-align: left;
  }
.dataTable td.alignRight {
	text-align: right;
  }
.dataTable td span {
	display: none;
  }

.dataTable th.selectionCell,
.dataTable td.selectionCell {
	padding: 0;
	width: 22px;
	vertical-align: middle;
  }
.dataTable td.selectionCell {
	border-bottom: 1px solid #79A2D3;
	background: #5C8FCA;
  }
 
/* ------------------------------------------------------------
 * INFOTABLE
 * ------------------------------------------------------------ */
 
.infoTable {
  clear: both;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CFDEEF;
	background: transparent;
	width: 100%;
  }
		
.infoTable td {
	padding: 4px 10px;
	font: normal 70%/15px verdana,arial,helvetica,sans-serif;
	color: #000;
	text-align: left;
	vertical-align: top;
  }
.infoTable tr.labels td {
	border-top: 1px solid #79A2D3;
	border-bottom: 1px solid #CFDEEF;
	background: #ECF2F9;
	padding: 4px 10px;
	font: bold 62.5%/16px verdana,arial,helvetica,sans-serif;
	text-transform: uppercase;
  }

.infoTable td label.required {
	background: transparent url(../images/icon_required.gif) right center no-repeat;
	padding: 0 12px 0 0;
  }
.infoTable td label img {
  float: left;
  margin: 0 5px 0 0;
	border: 0;
	background: transparent;
	padding: 0;
  }
.infoTable td span.example {
  display: block;
	margin: 5px 0 2px 0;
	color: #999;
  }
.infoTable td span.msgLevelError,
.infoTable td span.msgLevelFatal,
.infoTable td span.msgLevelWarn {
  display: block;
	margin: 5px 0 2px 0;
	font: bold 90%/100% verdana,arial,helvetica,sans-serif;
  }
 
/* ------------------------------------------------------------
 * TABLESORTER
 * ------------------------------------------------------------ */
 
.tablesorter {
	margin: 0 0 10px 0;
	border: 1px solid #407BC1;
	border-left: 0;
	background: #FFF;
	width: 100%;
  }
		
.tablesorter tr.odd {
	background: #ECF2F9;
  }
.tablesorter tr.over {
	background: #FFEED9;
  }
	
.tablesorter th,
.tablesorter td {
	padding: 5px;
	color: #000;
	vertical-align: top;
  }
	
.tablesorter th {
	border-left: 1px solid #407BC1;
	background: #B3CAE6;
	font: bold 62.5%/140% verdana,arial,helvetica,sans-serif;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
  }
.tablesorter thead th {
  border-bottom: 1px solid #407BC1;
  }
.tablesorter tfoot th,
.tablesorter tfoot td {
  border-top: 1px solid #407BC1;
  }
.tablesorter th a:link,
.tablesorter th a:visited {
	color: #000;
  }
.tablesorter th a:hover,
.tablesorter th a:active {
	color: #FFF;
  }

.tablesorter thead tr .header {
	padding: 5px 17px;
	background: #B3CAE6 url(../images/icon_sort.gif) right center no-repeat;
	cursor: pointer;
	}
.tablesorter thead tr .headerSortUp {
	padding: 5px 17px;
	background-image: url(../images/icon_sort_asc.gif);
	}
.tablesorter thead tr .headerSortDown {
	padding: 5px 17px;
	background-image: url(../images/icon_sort_desc.gif);
	}
	
.tablesorter td {
	border-bottom: 1px solid #CFDEEF;
  border-left: 1px solid #407BC1;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	text-align: center;
	vertical-align: top;
  }	
.tablesorter tr.lastRow td {      /* for use with JQuery */
	border-bottom: 0;
  }
.tablesorter td.alignLeft {
	text-align: left;
  }
.tablesorter td.alignRight {
	text-align: right;
  }
.tablesorter td span {
	display: none;
  }

.tablesorter th.selectionCell,
.tablesorter td.selectionCell {
	padding: 0;
	width: 22px;
	vertical-align: middle;
  }
.tablesorter td.selectionCell {
	border-bottom: 1px solid #79A2D3;
	background: #5C8FCA;
  }

/* ------------------------------------------------------------
 * ERROR/FATAL/WARNING
 * ------------------------------------------------------------ */

.errorRow {
	background: #FAEAEA;
	}
.warningRow {
	background: #FFF3E5;
	}