/*************************************
Classe: Corpo do documento
Função: Formatar o corpo do documento.
*************************************/

body	{ 
	background-color: #FFFFFF;      
	color: #000000;                 
	font-family: Arial, Helvetica;  
	font-size: 11px;                
	margin-left: 0px;              
	margin-top: 0px;	        
	margin-right: 0px;             
	margin-bottom: 0px;             
}

/***************************
Classe: Todas as tag <a>
Função: Formatar as tags <a>
***************************/

a	{ 
	color: #0000CC;                 
	text-decoration: none 
}

a:hover	 { 
	color: #0000CC; 
	text-decoration: underline
}

a:visited	{ 
	color: #0000CC
}   

/*********************************
Classe: h1
Função: Formatar o título da tela.
*********************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	color: #333366;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/***************************************************************************
Classe: nomeTela
Função: Formatar o nome da tela que se apresenta no canto superior esquerdo
Atenção: em DESUSO, já que o h1 substitui essa classe e é mais simples de ser
usado.
***************************************************************************/

.nomeTela	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	color: #333366;
	padding: 5px 10px 5px 2px;

}
/*************************************************************************************
Classe: migalhaDePao
Função: Formatar o tamanho da fonte do caminho das migalhas de pão (breadcrumb trail)
*************************************************************************************/

.migalhaDePao {
font: 11px Arial, sans-serif;
}

/*********************************************************************************
Classe: msgExplicaErro
Função: Formatar o texto que vem abaixo do campo que foi prenchido incorretamente.
*********************************************************************************/

.msgExplicaErro {
font-family: Verdana; 
font-size: 9px; 
color: #ff0000; 
}

/******************************************************************
Classe: msgExplicaCampo
Função: Formatar o texto que vem ao lado do campo a ser preenchido.
******************************************************************/

.msgExplicaCampo {
font-family: Verdana; 
font-size: 9px; 
}

/******************************************************************
Classe: msgDestacaTexto
Função: Formatar o texto que se deseja destacar.
******************************************************************/

.msgDestacaTexto{
    font: bold 12px Verdana;
}

/***********************************
Classe: tabela
Função: Formatar a tabela principal.
***********************************/

table.tabela{
     border-collapse:separate !important; 
	 border-collapse:collapse;
	 font-family: Arial, Helvetica, sans-serif;	
	 font-size: 11px; 
	 font-style: normal; 
	 font-weight: normal; 
	 line-height: normal; 
	 margin-left:2px;
	 margin-right:2px;
	 margin-top:0px;
	 margin-bottom:2px;
	 padding: 2px; 
	 height: auto;
	 line-height:150%;
}
table.tabela th, table.tabela .th {
    padding:5px;
  	background-color: #dddddd;
	color: #000000;
	border: 1px solid #dddddd;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

table.tabela thead td{
font-size: 11px;
background-color: #FFFFFF; 
}

table.tabela tr{
  height:0px;
  font-size: 11px; 
}

table.tabela tr.corClara{
  height:0px;
  font-size: 11px; 
}

table.tabela tr.corEscura{
  background-color: #ededed;
  height:0px;
  font-size: 11px;
  
}
table.tabela td{
    border: 1px solid #dddddd;
	color:#000000;
	font-size: 11px;
}

table.tabela td.jscalendar-DB-today-lbl-style{
    color:#FFFFFF;
}

/*********************************************
Classe: tabelaSemLateral
Função: Evitar o gradeado na tabela principal.
*********************************************/
   
table.tabelaSemLateral   {     
/*	border-collapse:separate !important; */ /*retirado para evitar o espaçamento entre uma célula e outra na tabela: sugestão Urata */
	border-collapse:collapse;                           
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: normal; 
	margin: 2px; 
	padding: 2px 5px 2px 5px; 
	height: auto;
}


table.tabelaSemLateral th {
	background-color: #dddddd;
	color: #000000;
	border: 1px solid #dddddd;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}

table.tabelaSemLateral tr.corClara {
	font-size: 11px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}

table.tabelaSemLateral tr.corEscura {
	background-color: #ededed;
	font-size: 11px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}       

table.tabelaSemLateral td {
	border: 1px solid #dddddd;
	font-size: 11px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}    


/*********************************************
Classe: tabelaSemLateralCentralizada
Função: Evitar o gradeado na tabela principal.
*********************************************/ 
table.tabelaSemLateralCentralizada   {                               
	border-collapse:separate !important; 
	border-collapse:collapse;                         
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: normal; 
	margin: 2px; 
	padding: 2px 5px 2px 5px; 
	height: auto;
	margin-left:auto;
	margin-right:auto
}


table.tabelaSemLateralCentralizada th {
	background-color: #dddddd;
	color: #000000;
	border: 1px solid #dddddd;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}

table.tabelaSemLateralCentralizada tr.corClara {
	font-size: 11px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}

table.tabelaSemLateralCentralizada tr.corEscura {
	background-color: #ededed;
	font-size: 11px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}       

table.tabelaSemLateralCentralizada td {
	border: 1px solid #dddddd;
	font-size: 11px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px; /* alteração no padding para as células não ficarem coladas. */
}


/*******************************************************
Classe: envolveRadio
Função: Formatação da tabela que envolve o radio no JSF          		
*******************************************************/

table.envolveRadio {
	border: 0px;
	padding: 0px;
}

table.envolveRadio td {
	border: 0px;
	padding: 0px;
}

/************************************************************************
Classe: msgAtencao
Função: Formatar a tabela que apresenta a mensagem de atenção ao usuário.
************************************************************************/

table.msgAtencao	{ 
	width:100%; 
	border: 1px solid #996600; 
}

table.msgAtencao td	{
	color:#996600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px;
}

/****************************************************************************
Classe: msgConfirmacao
Função: Formatar a tabela que apresenta a mensagem de confirmação ao usuário.
****************************************************************************/
	
table.msgConfirmacao	{ 
	width:100%; 
	border: 1px solid #0033ff; 
}
table.msgConfirmacao td	{
	color:#0033ff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px;
}

/*********************************************************************
Classe: msgErro
Função: Formatar a tabela que apresenta a mensagem de erro ao usuário.
*********************************************************************/
	
table.msgErro	{ 
	width:100%; 
	border: 1px solid #ff0000; 
}
table.msgErro td	{
	color:#ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px;
}

/*********************************************************************
Classe: msgInfo
Função: Formatar a tabela que apresenta a mensagem de info ao usuário.
*********************************************************************/
	
table.msgInfo	{ 
	width:100%; 
	border: 1px solid #000000; 
}
table.msgInfo td	{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px;
}

/*******************************************************
Classe: envolveRadioGrande
Função: Formatação da tabela que envolve o radio no JSF                     
*******************************************************/

table.envolveRadioGrande {
      border: 0px;
      padding: 0px;
      font-size: 13px;
}

table.envolveRadioGrande td {
      border: 0px;
      padding: 0px;
      font-size: 13px;
}


/****************************************
Classe: botoes
Função: Formatar os inputs do tipo botão.
****************************************/

.botoes {    
	border: 1px outset #FFFFFF; 
	color: #333366; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	line-height: normal; 
	margin: 2px; 
	padding: 1px; 
	height: 25px; 
	width: 110px; 
	background-color: #EDEDED; 
    vertical-align: text-bottom; 
}

.botoes:disabled {
	color: #c0c0c0;	
}

.botoesSemTamanho {    
	border: 1px outset #FFFFFF; 
	color: #333366; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	line-height: normal; 
	margin: 2px; 
	padding: 1px; 
	height: 25px;
	width: 25px; 	
	background-color: #EDEDED; 
    vertical-align: text-bottom; 
}

/*******************************************************************************
Classe: botoesGrandes
Função: Formatar os inputs do tipo botão quando estes apresentam um texto longo.
*******************************************************************************/
	
.botoesGrandes {    
	border: 1px outset #FFFFFF; 
	color: #333366; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	line-height: normal; 
	margin: 2px; 
	padding: 1px; 
	height: 25px; 
	width: auto; 
	background-color: #EDEDED; 
    vertical-align: text-bottom; 
}

/*********************************
Classe: Todas as tags <select>
Função: Formatar as tags <select>. 
	Exemplo: Combobox
*********************************/
        
select	{ 
	font-family: Arial, Helvetica; 
	font-size: 11px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC; 
	z-index:1;
}

select.combo {
	border: 1px outset #FFFFFF;
	background-color: #EDEDED;
	color: #333366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	z-index:1;
}

select.comboErro {
	border-right: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	border-top: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	background-color:  #ffcccc; 
	color: #333366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	z-index:1;
}


/***********************************
Classe: campoTexto
Função: Formatar os campos de texto.
***********************************/

.campoTexto {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font: 11px Arial, sans-serif;
	color:#000000;
}

/***********************************************************************************
Classe: campoTextoErro
Função: Formatar e destar os campos de texto que não foram preenchidos corretamente.
***********************************************************************************/

.campoTextoErro {
	border-right: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	border-top: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	font: 11px Arial, sans-serif;
	color:#000000;
	background-color: #ffcccc; 
}

/**********************************
Classe: textarea
Função: Formatar as áreas de texto.
**********************************/

textarea	{
	height: 80px;
	font: 11px Arial, sans-serif;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

textarea.soleitura	{
	height: 40px;
	font: 11px Arial, sans-serif;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	color: #737373;	
}

/********************
Classes do calendário
********************/
/********************************************************************************
Classe: diasValidos
Função: Formatar os dias válidos do calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.diasValidos {
	background-color: #dddddd;
	font: 10px Arial;
	color: #333333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #cccccc;
	cursor: pointer;
}

/********************************************************************************
Classe: diasInvalidos
Função: Formatar os dias inválidos do calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.diasInvalidos {
	background-color:#dddddd;
	font:10px Arial;
	color:#ABABAB;
	text-align:center;
	text-decoration:line-through;
	border:1px solid #cccccc;
	cursor:default;
}

/********************************************************************************
Classe: diaSelecionado
Função: Formatar o dia selecionado no calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.diaSelecionado {
	background-color:#ffffcc;
	font:bold 10px Arial;
	color:#333333;
	text-align:center;
	border:1px solid #cccccc;
	cursor:pointer;
}

/********************************************************************************
Classe: diaFocus
Função: Formatar o dia que está em foco no calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.diaFocus{
        background-color:#ffffff;
        font: 10px Arial;
	color: #333333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #cccccc;
	cursor: pointer;
}

/********************************************************************************
Classe: diaBlur
Função: Formatar o dia ao perder o foco no calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.diaBlur{
    background-color:#dddddd;
    font: 10px Arial;
	color: #333333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #cccccc;
	cursor: pointer;
}

/********************************************************************************
Classe: linhaMesAnoSetas
Função: Formatar as setas do cabeçalho do calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.linhaMesAnoSetas {
	cursor:pointer;
	text-align:center;
	font:bold 11px Arial;
	background-color:#ffffff;
}

/********************************************************************************
Classe: linhaDiasSemana
Função: Formatar a linha dos dias da semana no cabeçalho do calendário gerado pela função abreCalendário.
        Utilizada somente pela função abreCalendário.
********************************************************************************/

.linhaDiasSemana {
	text-align:center;
	background-color:#ABABAB;
	font:11px Arial;
}

/********************************************************************************
Classe: semBorda
Função: Formatar a tabela sem borda nenhuma.
********************************************************************************/

table.semBorda  { 
	border: 0;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: normal; 
	padding: 0px 0px 0px 0px;
	margin: 0px;   
	border-color:window;
}

table.semBorda td { 
	border: 0; 
	padding: 0px 0px 0px 0px;
	margin: 0px; 
}

/********************************************
Classe: selecionaArquivo
Função: Formatar a tag input do tipo file.
********************************************/

.selecionarArquivo {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font: 11px Arial, sans-serif;
	color:#000000;
	
}

/****************************************
Classe: ul
Função: Formatar as listas de ordenação.
****************************************/

ul {
	margin:0;
	list-style-type: disc;
	list-style-position:inside;
}

/****************************************
Classe: telaEspera
Função: Estilo para elementos que tenham a
id=telaEspera. Usado para exibir gif de
"carregando"
****************************************/
#telaEspera {
	top: 0px;
	left: 0px;
	position: fixed;    
    background:#000000;
    z-index: 499; 
    width:100%;
    height:100%;
    -moz-opacity: 0.45; /*Firefox*/
    filter: alpha(opacity=45); /*IE*/
    opacity: 0.45; /*CSS3 - Opera*/
        
}


/****************************************
Classe: imagemCentro
Função: Classe específica para centralizar
qualquer imagem ao centro da tela
****************************************/
.imagemCentro {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-50px;
    z-index:100;
}

#imgIndicador {
	z-index: 1000;
}

/****************************************
Classe: cabecalhoPopup
Função: utilizada para incluir o cabeçalho de pop ups
****************************************/
#cabecalhoPopup {
	background:#DADADA none repeat scroll 0 0;
	height:18px;
	}

#cabecalhoPopup td.texto {
	color:#330066;
	font-family:arial,tahoma;
	font-size:12px;
	font-weight:bold;
	margin-top:0;
	padding-left:35px;
	padding-right:40px;
}

#cabecalhoPopup td.img {
	float:right;
	height:18px;
	margin-top:0;
	padding-right:0;
	width:570px;
	right:0px;
}

/****************************************
Classes para as abas (Tabbed Pane) do Tomahawk
Função: formatar os diversos elementos utilizados
pelo Tomahawk na produção de abas.
Por isso essa quantidade de classes.
****************************************/

.myFaces_panelTabbedPane{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: normal; 
	margin: 2px; 
	padding: 2px 5px 2px 5px; 
	height: auto;
    width: 99%;
}

.myFaces_panelTabbedPane_activeHeaderCell input{
	border-bottom: none;
	background-image: url("../imagens/fundoMenuAbas.gif");
	height:28px;
	font-family: Arial, Helvetica;  
	font-size: 11px;
	font-weight: bold; 
}

.myFaces_panelTabbedPane_inactiveHeaderCell{
        border-right: none;
        border-top: none;
        border-left: none;
        border-bottom: none;
        background-color: #ffffff;
        font-family: Arial, Helvetica;  
        font-size: 11px;
        font-weight: normal;
        padding: 0px 1px 0px 1px;  
}

.myFaces_panelTabbedPane_inactiveHeaderCell input{
        border-right: none;
        border-top: none;
        border-left: none;
        border-bottom: none;
        background-color: #DDDDDD;
        height:28px;
        font-family: Arial, Helvetica;  
        font-size: 11px;
        font-weight: normal;  
		color: #000000
}

.myFaces_panelTabbedPane_pane {
		border: 1px solid #dddddd;
		font-size: 11px;
		border-left-style: solid;
		border-right-style: solid;
		border-top-style: solid;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 1px; /* alteração no padding para as células não ficarem coladas. */
}

.myFaces_panelTabbedPane td{
        padding-left: 1px; /* alteração no padding para as células não ficarem coladas. */
}

.myFaces_panelTabbedPane_subHeaderCell myFaces_panelTabbedPane_subHeaderCell_inactive{
        display: none;
}

.myFaces_panelTabbedPane_emptyHeaderCell {
        display: none;
}

.myFaces_panelTabbedPane_subHeaderCell{
        display: none;
}

.myFaces_panelTabbedPane_subHeaderCell_last{
        display: none;
}

/****************************************
Classes para o calendário (inputCalendar) do Tomahawk
Função: Formatar o calendário criado pelo inputCalendar
do Tomahawk.
****************************************/


.jscalendar-DB-table-style {
    background-color:#FFFFFF;
    border:0px none;
    font-family:arial;
    font-size:11px;
    width:250px;
}

.jscalendar-DB-title-style {
    color:#FFFFFF;
    font-family:arial;
    font-weight:bold;
    padding:2px;
    width:95%;
}

.jscalendar-DB-title-background-style img{
    border-color:#003366;
}

.jscalendar-DB-title-background-style {
    background-color:#003366;
}

.jscalendar-DB-title-control-normal-style {
	border:0px none;
	cursor:pointer;
	color:#FFFFFF;
}

.jscalendar-DB-title-control-select-style {
    border:0px none;
    cursor:pointer;
}

.jscalendar-DB-dropdown-style {
    background-color:#FFFFFF;
    border:1px solid #A0A0A0;
    cursor:pointer;
    font-family:arial;
    font-size:11px;
}

.jscalendar-DB-dropdown-select-style {
background-color:#EAEAF4;
}

.jscalendar-DB-current-day-style {
    color:blue;
    font-weight:bold;
    text-decoration:none;
}

.jscalendar-DB-end-of-weekday-style {
    color:black;
    font-weight:bold;
}

.jscalendar-DB-body-style {
    background-color:#FFFFFF;
    font-family:verdana;
    font-size:10px;
    text-align:right;
    width:100%;
}

.jscalendar-DB-normal-day-style {
    color:#000000;
    text-decoration:none;
}

.jscalendar-DB-would-be-selected-day-style {
    background-color:#EAEAF4;
}

.jscalendar-DB-selected-day-style {
    border:1px solid #000000;
}

.jscalendar-DB-today-style {
    background-color:#003366;
    color:#FFFFFF;
    padding:0px;
    text-align:center;
    text-decoration:none;
}

.jscalendar-DB-today-lbl-style {
    padding:5px;
    text-align:center;
}

/*********************************
Classe: Form
Função: Formatar as tags <form>
*********************************/

form {
	border: 0pt;
}

/*************************************************
Classe: Pesquisa Básica
Função: Formatar a tabela de campos de pesquisa
*************************************************/
.pesquisaDocumento{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	margin-bottom:2px;
	padding: 2px;
	height: auto;
	line-height:150%;
	border: 1px solid #C0C0C0;
	background-color:#fff;
}

/*************************************************
Classe: Pesquisa Avançada
Função: Formatar a tabela de campos de pesquisa
*************************************************/
.pesquisaAvancada{
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	margin-bottom:2px;
	padding: 2px;
	height: auto;
	line-height:150%;
	border: 1px solid #000;
	background-color:#fff;
}

/*************************************************
Classe: Tabela de Navegacao
Função: Formatar os links da tabela de navegacao
*************************************************/

p.navegacao img { 
    border: none; 
}

p.navegacao a {
    color: #000;
    font-weight: bold;
    padding: 0 5px;
}
p.navegacao span { 
    padding: 0 5px; 
    color: #C04849; 
    font-weight: bold; 
}

/***********************************
Classe: tooltip
Função: Formatar uma div de tooltip.
***********************************/
.tooltip{
	text-align:justify;
	font: 12px arial, verdana, helvetica, sans-serif; 
	padding:5px 10px;
	border:1px solid #363A5C;
	background:#FFFFCC; 
	color:#000;
	position:absolute;
	display:none;
}

/***********************************
Classe: centralizar
Função: Centralizar um componente.
***********************************/
 .centralizar {
     display:block;
     margin-left:auto;
     margin-right:auto;
 }

/***********************************
Classe: formataJanelaModal.
Função: Formatar uma div em uma janela modal.
***********************************/
.formataJanelaModal{
	position:absolute;
	/* As propriedades descritas abaixo foram copiadas da classe .pesquisaAvançada para 
	serem utilizadas na janela modal */
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	margin-bottom:2px;
	padding: 2px;
	height: auto;
	line-height:150%;
	border: 2px solid #000;
	background-color:#ffffff;
	overflow:auto;
}

/**************************************************
Classes utilizadas para o componente rich:calendar
**************************************************/
.rich-calendar-cell{
      background-color: #dddddd;
      font: 10px Arial;
      color: #333333;
      text-align: center;
      text-decoration: none;
      border: 1px solid #cccccc;
      cursor: pointer;
}
                             
.rich-calendar-holly{
      background-color: #dddddd;
      font: 10px Arial;
      color: #333333;
      text-align: center;
      text-decoration: none;
      border: 1px solid #cccccc;
      cursor: pointer;
}

.rich-calendar-select{
      background-color:#ffffcc;
      font:bold 10px Arial;
      color:#333333;
      text-align:center;
      border:1px solid #cccccc;
      cursor:pointer;
}

.rich-calendar-hover{
      background-color:#ffffff;
    font: 10px Arial;
      color: #333333;
      text-align: center;
      text-decoration: none;
      border: 1px solid #cccccc;
      cursor: pointer;
}

.rich-calendar-exterior td{
      border: 1px;
}

.rich-calendar-days{
      text-align:center;
      background-color:#ABABAB;
      font:11px Arial;  
}

.rich-calendar-tool-btn {
      cursor:pointer;
      text-align:center;      
      font:bold 11px Arial;
      background-color:#ffffff;
}

.rich-calendar-tool-btn-hover{
      cursor:pointer;
      text-align:center;      
      font:bold 11px Arial;
      background-color:#ffffff;
}

.rich-calendar-weekends{
      text-align:center;
      background-color:#ABABAB;
      font:11px Arial;
      color:#000000;    
}

.rich-calendar-editor-btn-selected{
      background-color: #dddddd;
      font: 10px Arial;
      color: #333333;
      text-align: center;
      text-decoration: none;
      border: 1px solid #cccccc;
      cursor: pointer;
}

.rich-calendar-boundary-dates{
      background-color:#dddddd;
      font:10px Arial;
      color:#dddddd;
      text-align:center;
      border:1px solid #cccccc;
      cursor:default;
}
.rich-calendar-tool-close{
      cursor:pointer;
      text-align:center;      
      font:bold 11px Arial;
      background-color:#ffffff;
}

table.tabelaComBordaNoHeader   {     
	background-color: #FFFFFF;
	border-collapse:collapse;                           
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
	line-height: normal; 
	margin: 1px; 
	padding: 1px 1px 1px 1px; 
	height: auto;
    border-top: 1px solid #C4C0C9;
	border-bottom: 1px solid #C4C0C9;
	border-left: 1px solid #C4C0C9;
	border-right: 1px solid #C4C0C9;
    empty-cells: show;
}

table.tabelaComBordaNoHeader th {
	background-color: #DDDDDD;
    background-position: left top;
	border-bottom: 1px solid #C4C0C9;
    border-right: 1px solid #C4C0C9;
    font-weight: bold;
    text-align: center;
	height: auto;
}

table.tabelaComBordaNoHeader td {
	border-bottom: 1px solid #C4C0C9;
}