body {
  background: url('../images/background.jpg');
  font-family: Arial, Tahoma, Helvetica;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

h2 {
  color: #333333;
  font-size: 16px;
}

form h2 {
  background: #E2F1E8;
  margin: 0;
  padding: 0.4em;
}

/**
 * DIVs de layout
 */
div#principal {
  background: url('../images/backgroundFaixa.jpg') repeat-x;
  background-position: 0 8px;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#titulo {
  margin: 0;
  padding: 0;
  padding-top: 28px;
}

div#topoConteudo {
  background: url('../images/bgTopo.jpg') repeat-x;
  height: 110px;
  margin: 0;
  padding: 5px 5px 0 5px;
}

div#topoConteudo div#loginInfo {
  background: url('../images/bgLoginInfo.jpg') no-repeat;
  float: right;
  height: 100px;
  margin: 0;
  padding: 10px 2px 0 10px;
  width: 400px;
}

div#conteudoConteiner {
  background: #FFFFFF;
  margin: 0;
  padding: 0;
}

div#conteudoConteiner div#menu {
  background: url('../images/bgToolBar.png') no-repeat;
  color: #FFFFFF;
  height: 42px;
  margin: 0;
  padding: 0;
}

div#rodapeBorda {
  background: url('../images/bgRodapeBorda.jpg') no-repeat;
  clear: both;
  height: 15px;
  line-height: 1%;
  margin: 0;
  padding: 0;
}

div#rodape {
  margin: 0;
  padding: 0;
}

div#conteudo {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 790px;
}

div#agendamentoTool {
  float: left;
  margin: 0;
  padding: 4px 0 0 10px;
}

div.centralizado {
  margin: 0;
  padding: 0;
  text-align: center;
}

div.bordaTopoInner {
  background: url('../images/bgTopoInner.gif') no-repeat;
  height: 10px;
  margin: 0;
  padding: 0;
}

div.bordaTopoInner {
  background: url('../images/bgRodapeInner.gif') no-repeat;
  clear: both;
  height: 10px;
  margin: 0;
  padding: 0;
}

div.innerConteudo {
  background-color: #E2F1E8;
  margin: 0;
  padding: 0 10px;
  width: 760px;
}

div#conteudoConteiner div.separaTopo {
  margin-top: 10px;
  padding-top: 5px;
}
/**
 * LOGIN
 */
div#principalLogin {
  margin: 0;
  padding: 0;
}

div#conteudoLogin {
  position: absolute;
  left: 50%;
  margin-left: -231px;
  margin-top: -199px;
  padding:0;
  text-align: left;
  top: 50%;
  width: 462px;
  height: 298px;
}

div#conteudoLogin h1 {
  color: #FFFFFF;
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
}

span.credito {
  color: #CCCCCC;
  font-size: 11px;
  margin: 0;
  margin-left: 20px;
  padding: 0;
}

span.credito a {
  color: #CCCCCC;
  text-decoration: none;
}

div#conteudoLogin span.credito a:hover {
  text-decoration: underline;
}

div#loginConteiner {
  background: url('../images/bgLogin.png') no-repeat;
  height: 252px;
  padding: 10px 10px 0 10px;
  width: 462px;
}

div#loginConteiner p {
  margin: 0;
}

div#loginConteiner form#loginForm {
  position: relative;
  left: 50%;
  margin: 0;
  margin-left: -102px;
  padding: 0;
  width: 204px;
}

div#loginConteiner form#loginForm table th {
  text-align: right;
}

div#loginConteiner img.logomarca {
  border: none;
  margin: 4px;
}

/**
 * ELEMENTOS
 */
.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.leftAlign {
  text-align: left;
}

.rightAlign {
  text-align: right;
}

.dataAtual {
  color: #006600;
  font-weight: bold;
}

.spacer {
  clear: both;
  height: 1px;
  line-height: 1%;
  margin: 0;
  padding: 0;
}

form.withBorder {
  border: #F6F6F6 solid 1px;
}

p.formActions {
  margin: 10px;
  padding: 0;
  text-align: right;
}

div.padding {
  padding: 10px;
}

div#titulo h1 {
  color: #FFFFFF;
  font-size: 18px;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: right;
}

div#tituloTool {
  background: url('../images/bgTitulo.jpg') no-repeat;
  height: 41px;
  padding: 0 0 0 10px;
}

div#tituloTool h1 {
  color: #004785;
  font-size: 18px;
}

div#topoConteudo img.logo {
  float: left;
  margin: 0;
  padding: 0;
}

div#topoConteudo div#loginInfo p {
  margin: 0.2em;
}

div#agendamentoTool img#trigger_agendarData {
  margin-top: -4px;
  vertical-align: top;
}

div#agendamentoTool form {
  margin: 0;
  padding: 0;
}

div#agendamentoTool form input.data {
  border: #006600 solid 1px;
}

div#agendamentoTool form input.data:focus {
  background-color: lightyellow;
}

input.data {
  border: #006600 solid 1px;
}

input.data:focus {
  background-color: lightyellow;
}

div#agendamentoTool form td,
div#agendamentoTool form th {
  padding: 0.4em 0;
}

form#pesquisaTool {
  display: inline;
  margin: 0;
  padding: 0;
}

form#pesquisaTool img#trigger_agendarData {
  margin-top: -4px;
  vertical-align: top;
}

form#pesquisaTool input.data {
  border: #006600 solid 1px;
}

form#pesquisaTool input.data:focus {
  background-color: lightyellow;
}

form#pesquisaTool td,
form#pesquisaTool th {
  padding: 0.4em 0;
}

form#documentoTool {
  display: inline;
  margin: 0;
  padding: 0;
}

form#documentoTool img#trigger_agendarData {
  margin-top: -4px;
  vertical-align: top;
}

form#documentoTool td,
form#documentoTool th {
  padding: 0.4em 0;
}


div#menu {
  
}

div#menu ul {
  float: right;
  list-style: none;
  margin: 0 25px 0 0;
  padding: 0;
}

div#menu ul li {
  display: inline;
}

div#menu ul li a {
  color: #FFFFFF;
  display: block;
  float: left;
  /*height: 42px;*/
  padding: 0 20px 0 25px;
  margin: 14px 0 10px 0;
  text-decoration: none;
}

div#menu ul li a.toolCadastroAdmissional {
  background: url('../images/iconeFuncionarios.png') no-repeat;
  background-position: center left;
}

div#menu ul li a.toolConsultaPesquisar {
  background: url('../images/iconePesquisar.png') no-repeat;
}

div#menu ul li a.toolDocumentos {
  background: url('../images/iconeDocumentos.png') no-repeat;
}

div#tituloTool ul.tituloAcoes {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#tituloTool ul.tituloAcoes li {
  display: inline;
}

div#tituloTool ul.tituloAcoes li a {
  color: #004785;
  display: block;
  float: left;
  font-size: 18px;
  margin: 10px 0 10px 0;
  padding: 0 20px 0 30px;
  text-decoration: none;
}

div#tituloTool ul.tituloAcoes li a.historico {
  background: url('../images/iconeHistorico.png') no-repeat;
  background-position: center left;
}

div#tituloTool ul.tituloAcoes li a.admissional {
  background: url('../images/iconeAdmissional.png') no-repeat;
  background-position: center left;
}

div#tituloTool ul.tituloAcoes li a.imprimir {
  background: url('../images/iconeImprimir24x24.png') no-repeat;
  background-position: center left;
}

div#tituloTool ul.tituloAcoes li h1 {
  display: block;
  float: left;
  margin: 10px 0 10px 0;
  padding: 0 20px 0 25px;
  width: 232px;
}

.row0 { background-color: #FFFFFF; }
.row1 { background-color: #F6F6F6; }

div#ajaxLoader {
  text-align: center;
}

/**
 * INPUTS
 */
input.textField {
  border: #2C9962 solid 1px;
}

input.textField:focus {
  background-color: lightyellow;
}

select.comboBox {
  border: #2C9962 solid 1px;
}

select.comboBox:focus {
  background-color: lightyellow;
}

select {
  border: #2C9962 solid 1px;
}

select:focus {
  background-color: lightyellow;
}

input.btnExcluirSelecionados {
  background: url('../images/btnExcluirSelecionados.png') no-repeat;
  border: none;
  color: #666;
  /*cursor: hand;*/
  display: block;
  float: left;
  height: 22px;
  margin-right: 5px;
  width: 219px;
}

/**
 * ERROs
 */
.mensagem {
  background: #F4F4F4;
  border: #CCCCCC solid 1px;
  padding: 5px;
}
.mensagem h1, 
.mensagem h2, 
.mensagem h3,
.mensagem h4,
.mensagem h5,
.mensagem h6 {
  border-bottom: #CCCCCC solid 1px;
  margin: 4px 0;
}

div#erroMsg {
  background: #FFEFEF;
  border: #FFAFAF solid 1px;
  padding: 5px;
}

div#erroMsg h1, 
div#erroMsg h2, 
div#erroMsg h3,
div#erroMsg h4,
div#erroMsg h5,
div#erroMsg h6 {
  border-bottom: #FFAFAF solid 1px;
  margin: 4px 0;
}

div#successMsg {
  background: #00A053;
  border: #006600 solid 1px;
  color: #FFFFFF;
  padding: 5px;
}

ul.error_list {
  margin: 0 0 0 20px;
  padding: 0;
}

.marca_erro {
  background-color: #FFAFAF;
}

/**
 * GRID DE DADOS
 */
div#dataGridWrapper
{
  clear: both;
  margin: 0;
  padding: 0;
}

table.dataGrid {
  background-color: #FFFFFF;
  border-collapse: collapse;
  margin: 4px;
}

table.dataGrid .header {
  background: url('../images/bgGridHeader.jpg') repeat-x;
}

table.dataGrid .header th {
  padding: 0.4em;
}

table.dataGrid .header th a {
  color: #000;
  display: block;
}

table.dataGrid .header th a.asc {
  background: url('../images/asc.png') no-repeat;
  background-position: center right;
}

table.dataGrid .header th a.desc {
  background: url('../images/desc.png') no-repeat;
  background-position: center right;
}

table.dataGrid tr.row0 {
  background-color: #E2F1E8;
}

table.dataGrid tr.row1 {
  background-color: lightyellow;
}

table.dataGrid td {
  padding: 0.4em;
}

img#trigger_filters_from,
img#trigger_filters_to,
img#trigger_agendarData
{
  width: 24px;
  height: 22px;
}