/*
  xtable.css
  mike foster, cross-browser.com
*/  

/* xTable - static elements */

table.xTable, table.xTable caption, table.xTable thead, table.xTable tr, table.xTable tr th, table.xTable tr td {
  margin: 0;
  padding: 0;
}
table.xTable {
  border-collapse: collapse;
  text-align: center;
  background: #FFF;
}
table.xTable caption {
  padding: 3px 10px;
  font-size: larger;
  font-weight: bold;
  color: #FFF;
  background: #BF8660;
  border: 1px solid #596380;
}
table.xTable thead {
  background: #CFD4E6;
}
table.xTable tr th {
  color: #000;
  font-weight: bold;
}
table.xTable tr td, table.xTable tr th {
  padding: 6px 10px;
  border: 1px solid #596380;
  text-align: center;
}

/* xTable - dynamically-created elements */

div.xtRoot { /* overall container */
  position: relative;
  height: 350px;
  border: 1px solid #596380;
  visibility: hidden;
  overflow: hidden;
  padding: 0;
  background: #596380;
}
div.xtFzRow, div.xtFzCol { /* frozen row and col containers */
  position:absolute;
  overflow: hidden;
  padding: 0;
  border: 1px solid #596380;
  background: transparent;
}
div.xtFzRow {
  z-index: 2;
}
div.xtFzCol {
  z-index: 1;
}
div.xtFRInner, div.xtFCInner {  /* frozen row and col inner containers, for simulated scrolling */
  position: absolute;
  overflow: hidden;
  margin:0;
  padding:0;
  background:transparent;
}
div.xtFRCell, div.xtFCCell { /* the individual cells in the frozen row and col */
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #CFD4E6;
  border: 1px solid #596380;
}
table.xtCellTbl { /* the table in each cell, for vertical text alignment */
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
table.xtCellTbl tr {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
table.xtCellTbl td {
  margin: 0;
  padding: 2px;
  color: #000;
  font-weight: bold;
}
div.xtTblCon { /* container for the original table */
  position: absolute;
  overflow: scroll;
  padding: 0;
  z-index: 3;
  border: 1px solid #596380;
  background: transparent;
}
div.xtCaption { /* caption container */
  position: absolute;
  overflow: hidden;
  padding: 3px 10px;
  font-size: larger;
  font-weight: bold;
  color: #FFF;
  background: #BF8660;
  border: 1px solid #596380;
  text-align: center;
}