/*
#F7F3F7 Claro
#C6C6C3 Escuro
*/
body{
   /*background-image:url(/cofeci/pages/_img/bg_rexona.jpg);*/
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   color:#666666;
}
/* ------------------------------ Campos de entrada ------------------------------ */
.normal {
   background: #F7F3F7;
   font-family: "courier new";
   font-size: 8pt;
   color: #000000;}
.comfoco {
   background: #FFFFFF;
   font-family: "courier new";
   font-size: 8pt;
   color: #000000;}

/* ----------------------------- Login --------------------------------- */
.login{
   background-image:url(../images/login_ur.jpg);
   background-repeat:no-repeat;
}
.botaoLogin{
   background-color:#32556F;
   border-bottom:1px solid #32556F;
   border-right:1px solid #32556F;
   text-align:center;
   color:#FFFFFF;
   font-size:9px;
}
.textoLogin{
   color:#32556F;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
}
.inputLogin{
   font-size:9px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-transform :none ;
}


/* ------------------------------ PanelTab ----------------------------*/
.myFaces_panelTabbedPane_activeHeaderCell{
   border-top: 2px outset yellow;
   border-right: 2px outset yellow;
   border-bottom: 0px none;
   border-left: 2px outset yellow;
   text-align: center;
}
.myFaces_panelTabbedPane_inactiveHeaderCell,
.myFaces_panelTabbedPane_disabledHeaderCell{
   border-top: 1px outset gray;
   border-right: 1px outset gray;
   border-bottom: 0px none;
   border-left: 1px outset gray;
   text-align: center;
   background-color: gray;
}

.myFaces_panelTabbedPane_activeHeaderCell input,
.myFaces_panelTabbedPane_inactiveHeaderCell input,
.myFaces_panelTabbedPane_disabledHeaderCell label{
   border-style: none;
   width: 100%;
}
.myFaces_panelTabbedPane_activeHeaderCell input{
   cursor: pointer;
   background-color :white;
   /* background-color: inherit; */
}
.myFaces_panelTabbedPane_inactiveHeaderCell input{
   cursor: pointer;
   background-color: gray;
}
.myFaces_panelTabbedPane_disabledHeaderCell label{
   cursor: normal;
   background-color:gray;
}
.myFaces_panelTabbedPane_emptyHeaderCell{
   border-style: none;
}
.myFaces_panelTabbedPane_activeHeaderCell input:hover,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover{
   border-top: orange solid 2px;
}

.myFaces_panelTabbedPane_subHeaderCell{
   height: 2px;
   line-height: 0;
   font-size: 0;
   border-bottom: 0px none;
}
.myFaces_panelTabbedPane_subHeaderCell_active{
   border-top: 0px none;
}
.myFaces_panelTabbedPane_subHeaderCell_inactive{
   border-top: 2px outset silver;
}
.myFaces_panelTabbedPane_subHeaderCell_first{
   border-left: 2px outset silver;
}
.myFaces_panelTabbedPane_subHeaderCell_last{
   border-top: 2px outset silver;
   border-right: 2px outset silver;
}

.myFaces_panelTabbedPane_pane{
   border-top: 0px none;
   border-right: 2px outset silver;
   border-bottom: 2px outset silver;
   border-left: 2px outset silver;
   padding: 10px;
}

/* ------------------------------ Botões ------------------------------*/
.bto1 {
   border-right: #387FD1 1pt solid;
   border-left: #9EBFF6 1pt solid;
   border-bottom: #387FD1 1pt solid;
   border-top: #9EBFF6 1pt solid;
   width: 125px;
   height: 20px;
   font-weight: bold;
   font-size: 8pt;
   text-transform:capitalize;
   color: #FFFFFF;
   font-family: verdana;
   /*    background-color: #F7F3F7;*/
   background-color:#9EBFF6;
   text-align: center;
   cursor: pointer;
}

.btoDesabilitado {
   border-left: #000000 1pt solid;
   border-right: #000000 1pt solid;
   border-top: #000000 1pt solid;
   border-bottom: #000000 1pt solid;
   width: 100;
   height: 30;
   font-weight: bold;
   font-size: 8pt;
   text-transform: capitalize;
   color: #CCCCCC;
   font-family: verdana;
   background-color: transparent;
   text-align: center;
   cursor: pointer;
}

.btoSelecao {
   border-left: #000000 1pt solid;
   border-right: #000000 1pt solid;
   border-top: #000000 1pt solid;
   border-bottom: #000000 1pt solid;
   width: 60;
   height: 20;
   font-weight: bold;
   font-size: 8pt;
   text-transform: capitalize;
   color: #FFFFFF;
   font-family: verdana;
   background-color: #C6C6C3;
   text-align: center;
   cursor: pointer;
}

/* ------------------------------ Texto ------------------------------*/
.texto {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#777777;
   text-align: left;
   font-size: 8pt;
}

input{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#777777;
   font-size: 8pt;
   /*text-transform: capitalize;*/
}

a{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#3399FF;
   text-decoration:none;
}

.textoColunas {
   /*color: #777777;*/
   color:#596A89;
   font-family: verdana;
   font-size: 10pt;
}

.textoTitulo {
   font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#596A89;
   font-weight:bold;
   text-transform:capitalize;
   baxkground: none;
}

/* ------------------------------ Erros ------------------------------*/
.msgErro {
   color: red;
   font-family: verdana;
   font-size: 7pt;
   vertical-align : text-top;
}

/* ------------------------------ home.jsp ------------------------------*/

.homeHeader {
   /* background-image: url('/sigic/pages/_img/bg_rexona.jpg');*/
   background-repeat: no-repeat;
   background-position: right; 
   /*background-color: #F7F3F7;*/
   vertical-align: top;
   width: 100%;
   height: 10px;
   text-align: left;
   border-color: black;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

.contentColumn {
   /*background-image: url('/sigic/pages/_img/bg_rexona.jpg');*/
   background-repeat: no-repeat;
   /*background-position: center; */
   vertical-align: top;
   text-align: left;
   background-color: #FFFFFF;
   width: 100%;
   height: 90%;
   border-color: black;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

.menuColumn {
   vertical-align: middle;
   text-align: left;
   background-color: #FFFFFF;
   width: 100%;
   height: 7%;
   border-color: black;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

.home {
   /*margin-left: 30%;*/
   background: none;
   /*vertical-align: center;*/
   width: 100%;
   /*height: 50%;*/
   /*border-color: black;*/
   /*border-style: solid;*/
   /*border-width: 1px 1px 1px 1px;*/
}

.homePesquisa {
   vertical-align: top;
   width: 100%;
   height: 100%;
   border-color: black;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

/* ------------------------------ Grid dados ------------------------------*/

.listOnMouseOver {
   background-color: #FFFFFF;
}

.listOnMouseOut {
   background-color: #F7F3F7;
}

.listOnClick {
   background-color: #C6C6C3;
}

.list-background { 
   background-color: #FFFFFF;
   font-family: verdana;
   font-size: 10pt;
   width: 100%;
}

.list-column-center { 
   text-align: center;
   width: 100%;
}

.list-column-center1 { 
   text-align: left;
   width: 90%;
}

.list-column-center7 { 
   text-align: left;
   width: 70%;
}

.list-column-center2 { 
   text-align: left;
   width: 45%;
}

.list-column-center3 { 
   text-align: left;
   width: 30%;
}

.list-column-center35 { 
   text-align: left;
   width: 35%;
}

.list-column-center4 { 
   text-align: left;
   width: 22%;
}

.list-column-center5 { 
   text-align: left;
   width: 18%;
}

.list-column-center6 { 
   text-align: left;
   width: 15%;
}

.list-column-detalhes { 
   text-align: center;
   width: 10%;
   /*width:32px;
   _width:10%;*/
}

.list-column-left {
   /*    text-align: left;     */
   /*    width: 70%;           */
}

.list-column-right {
   /*    text-align: right;    */
   /*    width: 15%;           */
}

.list-header { 
   /*background-color: #ECECDF;*/
   font-weight: bold;
   text-align: left;
   background-color:#FFFFFF;
   border-bottom:1px solid #596A89;
}

.list-row-even {
   background-color: #FFFFFF;
}

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

/* Botao */
h|commandButton::image {
   border:0px;
   text-decoration:none;
}

/* Tabelas */
.labelRow{
   padding-bottom: 0px;
}

.compRow{
   height: 25px;
   padding-top: 0px;
   margin-top: 0px;
   vertical-align: top;
}

.columnOdd{
   width:50%;
}

.columnEven{
   padding-left:5px;
   margin-left:5px;
   width:50%;
}

.column1{
   width:33%;
}

.column2{
   padding-left:5px;
   margin-left:5px;
   width:33%;
}

.column3{
   padding-left:5px;
   margin-left:5px;
   width:33%;
}