/*
 * After modifying this style sheet, refresh the page being designed to see the effect of the modification.
 * Click the Refresh button in the Visual Designer toolbar to refresh the page.
 */ 

/* Style rules to make Java Server faces Standarad data tables look better */

body {background-color: #f8f8f0;}

.list-header {
  background-color: #eeeeee;
  font-size: larger;
  font-weight: bold;
}

.list-paging-header {
  background-color: white;
}

.list-paging-footer {
  background-color: white;
}

.list-row-even { 
}

.list-row-odd { 
  background-color: #eeeeee;
}

/* Labels */

.label{
  font-size : 12px; 
  font-weight : bold;
}

/* center blocks */

.centerBlock{
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;}

/* Grid panel column alignment */

.gridColLeft {
  text-align : left;
}

.gridColLeft10{
    text-align : left;
    vertical-align: top;    
    width : 10%;
}

.gridColLeft20{
    text-align : left;
    vertical-align: top;    
    width : 20%;
}

.gridColLeft30{
    text-align : left;
    vertical-align: top;    
    width : 30%;
}

.gridColLeft80{
    text-align : left;
    vertical-align: top;    
    width : 80%;
}

.gridColLeft90{
    text-align : left;
    vertical-align: top;    
    width : 90%;
}

.gridColCenter40 {
  text-align: center; 
}

.gridColCenter {
  text-align: center; 
    width : 40%;  
}

.gridColRight30 {
  text-align: right;
    width : 30%;  
}

.gridColRight {
  text-align: right;
}

.gridCol10{
    width: 10%;
}
.gridCol15{
    width: 15%;
}                        
.gridCol20{
    width: 20%;
}        
.gridCol30{
    width: 30%;
}           

.gridCol40{
    width: 40%;
}                                

.gridCol50{
    width: 50%;
}           

.gridCol60{
    width: 60%;
}                                

.gridCol70{
    width: 70%;
}           
.gridCol80{
    width: 80%;
}           
.gridCol85{
    width: 85%;
}                        
.gridCol90{
    width: 90%;
}

.gridPlanosList{
  background-color: #f6f4e8;
  border: solid 1px #000000;        
}

/* Style rules for message severity levels */
.labelMsg{
  font-weight : bold;
  color: #cc0033;
  font-size :14px ;
}

.visible {
    /* visibility: visible; */
    display : block; 
}

.hidden {
    /* visibility: hidden; */
    display : none; 
}

.fakeLink{
    cursor: pointer;
    color: #0000cc;    
}

.infoMessage {
  font-size : 13px; 
  color: black;
}

.warnMessage {
  font-size : 13px; 
  color: orange;
  font-weight: bold;
}

.errorMessage {
  color: #990000;
  font-weight: bold;
  font-size : 13px; 
}

.fatalMessage {
  color: red;
  font-style: italic;
  font-size : 13px; 
  font-weight: bold;
}