/**
 * Estilos para formatação dos diversos componentes da tabela 
*/
/* A tabela em si */
TABLE.dataTable {
  font-size: 10px;
  border: Solid 2px #dfdfdf;
  width: 97%;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* A primeira linha da tabela (cabeçalho) */
TR.dataTableHeaderRow {
font-size: 12pt;
padding-top: 2px;
padding-bottom: 2px;
border-width: 1px;
background-color: #e8e8e8;
}
TR.dataTableControlRow {
background-color: white;
}
/* A primeira linha de uma coluna (cabeçalho). Possui um atributo 'colName' */
TH.dataTableHeaderCellTitle {
text-align: center;
font-size: 12px;
padding: 2px;
color: #000000;
}
TH.dataTableHeaderControlCell {
padding: 5px;
}
A.dataTableHeaderCell, A.dataTableHeaderCell:link,
A.dataTableHeaderCell:visited, A.dataTableHeaderCell:active, A.dataTableHeaderCell:hover {
color: #FFFFFF;
text-decoration: none;
}

a.colHeaderButton{
margin-left: 2px;
margin-right: 2px;
}

/* Botões presentes na coluna de título. Possui um atributo 'btnAction' */
a.dataTableHeaderButton {
  padding-left: 2px;
  padding-right: 2px;
}

/* Uma linha de dados nas listagem tabeladas */
TR.dataTableRow {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* Distinção entre linhas ímpares (odd) e pares (even) */
TR.dataTableOddRow {
  background-color: #ffffff;
  border-bottom:2px solid #dfdfdf;
}
TR.dataTableEvenRow {
  background-color: #ffffff;
  border-bottom:2px solid #dfdfdf;
}
TR.dataTableFooterRow {
}
TD.dataTableFooterRow {
  text-align: center;
  padding: 3px;
}

/* Uma célula da tabela com dados. Possui um atributo 'colName' */
TD.dataTableCell {
  text-align: center;
  vertical-align: middle;
}
TR.dataTableRow:hover {
  background: #f1f2f3;
}

/* Mensagem de sumário da tabela (qtde de items e páginas, ou "nao encontrados") */
DIV.dataTableSummary {
  text-align: center;
  background-color: #f9f9f9;
  border-top: Solid 0px #C1D1E1;
  font-size: 10px;
  padding-top: 25px;
  padding-bottom: 0px;
}

/* Lista de liks para acesso às páginas */
DIV.dataTablePages {
  text-align: center;
  background-color: #f9f9f9;
  border: Dashed 0px #C1D1E1;
  padding-top: 10px;
  padding-bottom: 4px;
}

/* Comandos sobre a tabela */
DIV.dataTableActions {
  text-align: center;
  background-color: #f9f9f9;
  padding-top: 10px;
  padding-bottom: 0px;
}
label.dataTableActionLabel {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  margin-left: 10px;
  margin-right: 10px;
}

/* SPAN ou LINK representando uma página de resultado */
A.dataTablePageLink,
  A.dataTablePageLink:link,
  A.dataTablePageLink:visited,
  A.dataTablePageLink:active
{
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}
A.dataTablePageLink:hover {
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
}
/* dataTablePage possui diversas variações: */
.dataTablePageLink_First {
}
.dataTablePageLink_Prior {
}
.dataTablePageLink_Current {
  font-size: 13px;
  color: #000000;
}
.dataTablePageLink_Next {
}
.dataTablePageLink_Last {
}

a.dataAction, a.dataAction:visited, a.dataAction:active {
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
}
a.dataAction:hover {
  background-color: #000000;
  color: white;
}

span.dataTableCheckActions {
color: red;
font-style: italic;
}