body {
  padding: 20px;   
  font-family: Verdana, Tahoma, sans-serif;
  color: #43648E;
  background-color:#D6DFE5;    
}

input { 
  background-color: #FFFFFF; 
  font-size: .95em; 
  color: #43648E; 
  font-weight: bold; 
  border: 1px solid #43648E 
}

A:LINK    {color: #43648E; text-decoration: underline;}
A:VISITED {color: #43648E; text-decoration: underline;}
A:ACTIVE  {color: #43648E; text-decoration: underline;}
A:HOVER   {color: #000066; text-decoration: none;}

#actionBar {
  padding: 1.5em 0 1.5em 0;
}

ul#menu {
  font-size: .9em;
}

ul#menu li {
  display: inline-block;
}

ul#menu li a {
  color: white;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 5px;
  background-color: #43648E; 
}

ul#menu li span {
  color: white;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 5px;
  background-color: goldenrod;
}

ul#menu li a:hover {
  background-color: orange;
}       

/* 
  verificar isto aqui para fazer zebras mais legais
  http://www.w3.org/Style/Examples/007/evenodd 
*/

table.zebra {
  width: 100%;
  font-size: small;
  border-collapse: collapse;
}

table.zebra tr {
  border: solid white;
  border-width: .1em;
}

table.zebra th, td  {
  padding: .3em;
}

tr.header {
  color: white;
  background-color: #43648E;
}

tr.header2 {
  background-color: #D2DAE0;
}

tr.even {
  background-color: #efefef;
}

tr.odd {
  background-color: #e5e5e5;
}

td.fieldLabel {
  text-align: right;
  font-weight: bold;
  border-right: solid white;
  border-right-width: .1em;
}

th { 
  text-align: left;
}

th.centered {
  text-align: center;
}

td.centered {
  text-align: center;
}

/* REGRAS DE NEGOCIO ESPECIFICA DA VIEW, OUTRO CSS ??? */

span.nomeCliente {
  font-size: 1.1em;
  font-weight: bold;
}

span.nomeClienteInadimplente {
  font-size: 1.1em;
  font-weight: bold;
  color: red;
}

span.inativo {
  text-decoration: line-through;
}
span.vencido {
  color: red;
}
span.vencendo {
  color: black;
}