root { 
  display: block;
}
html, body, #geral { height: 100%; }
body > #geral { height: auto; min-height: 100%; }
.div-body { padding: 10px 20px 40px; }
#rodape {
  position: relative;
  margin-top: -40px;
  height: 40px;
  clear: both;
  text-align: center;
  background-color: #d6ecfe;
  font-size: small;
}
#rodape div {
  padding: 5px;
}

button {
  padding: 5px 8px;
  text-transform: uppercase;
}

body {
  margin: 0;
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, form {
  margin: 5px 0;
}
div#user {
  position: absolute;
  top: 0;
  z-index: 999;
  text-align: right;
  right: 0;
}
div#user-all {
  float: right;
  white-space: nowrap;
  padding: 5px 8px;
  -moz-border-radius: 0 0 0 8px;
  -webkit-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
  background-color: rgba(255, 255, 255, 0.9);
  border-left: 1px solid #009;
  border-bottom: 1px solid #009;
}
div#user-top {
  padding-right: 20px;
}
div#user-body {
  display: block;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid gray;
}
.grupo-detalhe-header {
  background-color: #CCC;
  border-bottom: 2px solid gray;
  font-weight: bold;
  margin-top: 10px;
  font-size: small;
  padding: 5px 0 2px;
}
.grupo-detalhe {
  border-bottom: 1px solid gray;
  font-size: small;
}
div.erro {
  background-color: #900;
  color: #FFF;
  font-size: large;
  font-weight: bold;
  padding: 5px;
}
a.print {
  display: block;
  background-color: #d6e5fe;
  padding: 1px 15px 1px 10px;
  margin-bottom: 1px;
  text-decoration: none;
  color: #00C;
}
a.print:hover {
  background-color: #9CF;
  color: #00C;
}
div#div-contra-cheque {
  margin-bottom: 50px;
}
div#lista-contra-cheque, div#div-contra-cheque {
  display: inline-block;
  vertical-align: top;
}
div#lista-contra-cheque-x {
  padding: 10px 0;
  background-color: #DDD;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
a.selecionado {
  background: #36C url(resources/images/selected-small.gif) right no-repeat;
  color: #FFF;
}
.loading {
  background: #FFF url(resources/images/ajaxLoader.gif) left no-repeat;
  padding: 5px 30px;
  color: #777;
  font-weight: bold;
  font-size: large;
  margin-left: 20px;
}
div.esquerda div, div.meio div, div.direita div, div.unico div {
  overflow: hidden;
  white-space: nowrap;
}
div.esquerda {
  display: inline-block;
  border: 1px solid black;
  margin: 1px 1px 1px 0;
  padding-right: 3px;
}
div.meio {
  display: inline-block;
  border: 1px solid black;
  margin: 1px;
  padding-right: 3px;
}
div.direita {
  display: inline-block;
  border: 1px solid black;
  margin: 1px 1px 0 1px;
  padding-right: 3px;
}
div.unico {
  display: inline-block;
  border: 1px solid black;
  margin: 1px 0;
  padding-right: 3px;
}
form {
  margin: 0;
}
.text-field {
  border: 1px solid #CCC;
  padding: 3px;
  font-size: large;
  margin: 2px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div#meses-header {
  text-align: center;
  font-weight: bold;
  background-color: #DDD;
  margin-bottom: 1px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}
div#meses-footer {
  height: 10px;
  background-color: #DDD;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
div#header {
  height: 70px;
  border-bottom: 1px solid #36F;
  padding: 10px;
}
.par {
  background-color: #eee;
}

.tbl-registros {
  margin: 10px 0;
  font-size: 90%;
  border-spacing: 1px;
}
.tbl-registros td, .tbl-registros th {
  padding: 1px 5px;
}

#div-msg {
  background-color: #FD0;
  font-size: large;
  font-weight: bold;
  padding: 10px;
}
.btn-new div,
.btn-del div,
.btn-submit div,
#btn-sim div,
#btn-sim2 div,
#btn-nao div,
#btn-nao2 div,
.btn-reset div {
  padding-left: 20px;
  cursor: default;
  margin: 0 5px;
}
.btn-new div {
  background: url(resources/images/plus.png) left no-repeat;
}
.btn-del div {
  background: url(resources/images/minus.png) left no-repeat;
}
.btn-submit div {
  background: url(resources/images/tick.png) left no-repeat;
  color: #030;
  font-weight: bold;
}
#btn-sim div, #btn-sim2 div {
  background: url(resources/images/tick.png) left no-repeat;
}
#btn-nao div, #btn-nao2 div {
  background: url(resources/images/cross.png) left no-repeat;
}
.btn-reset div {
  background: url(resources/images/reset2.png) left no-repeat;
}

.btn {
  margin: 5px 5px 0;
}
.sucesso {
  color: #090;
}
.falha {
  color: #c00
}
div.sucesso, div.falha {
  color: #FFF;
  padding: 8px 10px 8px 40px;
  font-weight: bold;
  font-size: medium;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
div.sucesso {
  background: #060 url(resources/images/apply32x32.png) 5px no-repeat;
}
div.falha {
  background: #900 url(resources/images/fail.png) 5px no-repeat;
}
div.titulo {
  display: inline-block;
  font-size: 150%;
  font-weight: bold;
  color: #444;
  margin-bottom: 10px;
  white-space: nowrap;
}
label {
  color: #033;
}
label.lbl {
  color: #000;
}
.slideup {
  cursor: pointer;
  background: url(resources/images/slideup.png) right no-repeat;
}
.slidedown {
  cursor: pointer;
  background: url(resources/images/slidedown.png) right no-repeat;
}
.aberto {
  margin-right: 55px;
}
#div-login {
  padding: 10px 20px;
  display: inline-block;
  width: 480px;
}
#div-login-form {
  padding-left: 100px;
}
div.form-login-body {
  padding: 10px;
  background: #cde6f1 url(resources/images/password.png) 10px 5px no-repeat;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
div.form-header {
  padding: 5px;
  text-align: center;
  font-size: medium;
  font-weight: bold;
  background-color: #84bfd9;
  color: #005;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
div.form-body {
  padding: 10px;
  background-color: #cde6f1;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
div.form-buttons {
  padding-top: 5px;
  text-align: center;
}
.text-field-large, .text-field-normal {
  border: 1px solid #AAA;
  padding: 3px;
  margin: 2px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.text-field-large {
  font-size: large;
}
div#topbar {
  white-space: nowrap;
  background-color: #36C;
  color: #FFF;
  padding-left: 40px;
}
div#topbar a {
  display: inline-block;
  white-space: nowrap;
  padding: 5px 10px;
  text-decoration: none;
}
#topbar ul {
  margin: 0;
  padding: 0;
}
#topbar ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin-right: 5px;
}
#topbar ul li a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
  white-space: nowrap;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: 5px center;
}
a.icon-add {
  background-image: url(resources/images/user_add.png);
}
a.icon-edit {
  background-image: url(resources/images/user_edit.png);
}
a.icon-money {
  background-image: url(resources/images/money.png);
}
a.icon-stack {
  background-image: url(resources/images/page_white_stack.png);
}
a.topbar-link {
  color: #FFF;
  background-color: #47D;
}
a.topbar-link:hover {
  background-color: #1960c6;
}
a.topbar-link-first {
  margin-left: 30px;
}
a.topbar-link-atual {
  color: #035;
  background-color: #fff;
}
div.form-fields div {
  white-space: nowrap;
  padding-top: 3px;
}
div.att {
  background-color: #fd0;
  padding: 5px 10px;
  font-weight: bold;
  border-top: 2px solid #ff9900;
  border-bottom: 2px solid #ff9900;
  font-size: 100%;
}
div.att li {
  margin-left: 20px;
}
span.lnk {
  cursor: pointer;
  color: #009;
}
div.tip-login {
  font-size: 90%;
  color: #777;
  padding-left: 20px;
  display: none;
}

#fotoFunci {
  border: 1px solid gray;
}
div#meus-sistemas {
  font-size: small;
}
div#meus-sistemas ul li {
  list-style: none;
}
div#mascara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.8);
  text-align: center;
  background: rgba(0,0,0,0.8) url(resources/images/indeterminate.gif) center center no-repeat;
}
div#mascara img {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div#mascara-texto {
  font-weight: bold;
  color: #777;
  display: inline-table;
  padding: 10px;
  margin: 10px;
  background-color: rgba(255,255,255,0.75);
}
.div-periodo {
  display: none;
}
.div-periodo-atual {
  display: block;
}
#div-periodos {
  border-bottom: 1px solid #555;
  margin: 0 0 10px 20px;
}
#div-periodos ul li a {
  display: block;
  text-decoration: none;
  background-color: #ddd;
  padding: 2px 10px;
  color: #000;
}
#div-periodos ul li.periodo-atual a {
  padding: 5px 10px 8px;
  background: #555 url(resources/images/selected-small-top.gif) center bottom no-repeat;
  color: #fff;
}
#div-periodos ul, #div-xperiodos ul {
  margin: 0;
  padding: 0;
}
#div-periodos ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
}
#div-periodos ul li.periodo-atual {
  font-weight: bold;
  margin-bottom: -1px;
}

#div-xperiodos {
  border-bottom: 1px solid #555;
  margin: 0 0 10px 20px;
  padding-left: 20px;
}
#div-xperiodos ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
}
#div-xperiodos  ul li a {
  display: block;
  text-decoration: none;
  background-color: #ddd;
  padding: 2px 10px;
  color: #000;
  border-bottom: 5px solid #ddd;
}
#div-xperiodos ul li.periodo-atual a {
  padding: 5px 10px 8px;
  color: #fff;
  border-bottom: 5px solid #555;
}

.tbl-ferias {
  border-spacing: 1px;
  margin-bottom: 30px;
  border: 5px solid #fff;
}
.tbl-ferias td {
  padding: 1px 5px;
}
.ferias-marcadas {
  -webkit-box-shadow: 0px 0px 15px #090;
  -moz-box-shadow:    0px 0px 15px #090;
  box-shadow:         0px 0px 15px #090;
}
.ferias-finalizadas {
  color: #555;
  -webkit-box-shadow: 0px 0px 10px #555;
  -moz-box-shadow:    0px 0px 10px #555;
  box-shadow:         0px 0px 10px #555;
}
.ferias-pagas {
  color: #333;
  -webkit-box-shadow: 0px 0px 10px #009;
  -moz-box-shadow:    0px 0px 10px #009;
  box-shadow:         0px 0px 10px #009;
}
.msg-caer {
  margin: 10px 0 15px;
  white-space: normal;
  padding: 5px;
  background-color: #ffcc00;
}

div.nodata {
  display: none;
  color: #777;
  padding-top: 5px;
}

.table1 {
  width: 670px;
  border-spacing: 0;
}
.table0 tr:first-child td {
  border-top: 1px solid #000;
}
.table1 td {
  padding: 0 8px 2px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: top;
}
.table1 td:last-child {
  border-right: 1px solid #000;
}
.table1 label {
  font-size: 11px;
  font-weight: bold;
  color: #000;
  line-height: 1.0em;
}
.previa label {
  text-decoration: none !important;
}

@media print {
  div#header, div#user, div#lista-contra-cheque, div#print-form, div.titulo2, #div-login, #div-msg, #rodape, #topbar {
    display: none;
  }
  body {
    margin: 0;
  }
  div#div-contra-cheque {
    margin: 0;
  }
  .div-body {
    margin: 0;
  }
  #div-periodos {
    display: none;
  }
}