/* =================================================================== */									 
/* TABELA BASE. TODAS AS OUTRAS TABELAS HERDAM OS ESTILOS DESSA TABELA */
/* =================================================================== */									 
table 
{
	border:1px solid #BFBFBF; 
}

/* =========================== */									 
/* Estilo de tabela sem bordas */
/* =========================== */
table.withoutEdge
{
	border:0px;
}

table.userLogged
{
	border:0px;
}

/* ================================== */									 
/* Estilo de tabela com bordas pretas */
/* ================================== */
table.borderBlack 
{
	border:1px solid #000000; 
}

/* ====================================================== */  
/* Estilo aplicado para tag " H1 " - escrito centralizado */
/* ====================================================== */
h1
{						
	letter-spacing: 2px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	text-align:center;
	color:#D0F500;
	background: #00086E;
}

/* ==================================================== */  
/* Estilo aplicado para tag " H1 " - escrito a esquerda */
/* ==================================================== */
h1.left
{				
	letter-spacing: 2px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	text-align:left;
	color:#D0F500;
	background: #00086E;
}

/* =============================== */  
/* Estilo aplicado para tag " TR " */
/* =============================== */
tr
{
	height: 15px;
}

/* ====================================================================== */  
/* Estilo aplicado para tag " TR - utilizado na listagem de informações " */
/* Pode ser usada para intercalar cor de fundo das linhas =============== */
/* ====================================================================== */
tr.write
{
	height: 15px;
	background: #ffffff;
}

td.heightThirty
{
	height: 30px;
}

/* ================================ */  
/* Estilo aplicado para tag " TD "  */
/* ================================ */
td
{	
	vertical-align: top;							 
	font: 10px verdana, arial, helvetica, sans-serif;
}

/* ======================================================== */  
/* Estilo aplicado para tag " TD " - alinhando tag no meio  */
/* ======================================================== */
td.middleValign
{	
	vertical-align: middle;							 
	font: 10px verdana, arial, helvetica, sans-serif;
}

/* ========================================================== */  
/* Estilo aplicado para tag " TD " - alinhando tag no rodapé  */
/* ========================================================== */
td.valignBottom
{	
	vertical-align: bottom;							 
	font: 10px verdana, arial, helvetica, sans-serif;
}

/* ====================================================== */  
/* Estilo aplicado para tag " TD " com escrito em negrito */
/* ====================================================== */
td.bold
{	
	vertical-align: top;							 
	font: bold 10px verdana, arial, helvetica, sans-serif;
}

/* =========================================================================================== */  
/* Estilo aplicado para tag " TD " com cor background e escrito verticalmente alinhado no meio */
/* =========================================================================================== */
td.boldWithBackground
{
	height: 15px;
	vertical-align: middle;							 
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color:#D0F500;
	background: #00086E;
}

/* =============================================================================== */  
/* Estilo aplicado para tag " TD " com cor background e escrito alinhado no centro */
/* =============================================================================== */
td.alignCenter
{
	text-align:center;
}

/* =========================================================== */  
/* Estilo aplicado para tag " TD ". Escrito alinhado a direita */
/* =========================================================== */
td.alignRight
{
	text-align:right;
}

/* ================================================================================ */  
/* Estilo aplicado para tag " TD " com cor background e escrito alinhado à esquerda */
/* ================================================================================ */
td.alignLeft
{
	text-align:left;
}

/* ======================================================= */  
/* Estilo aplicado para tag " TD " com escrito em vermelho */
/* ======================================================= */
td.writeRed
{
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #FF0000;
	background: #C2C2E0;
}
							   
/* ========================================================= */  
/* Estilo aplicado para tag " TD " dos containers carregados */
/* ========================================================= */
td.container
{	
	vertical-align: top;							 
	font: 10px verdana, arial, helvetica, sans-serif;
	width: 90%;
	height: 150px;
	background-color: transparent;
	border: 0px solid black;
}

div.scroll {
  width:100%;
  height:85;
  background-color:#E2F0D5;
  scrollbar-arrow-color:#00086E;
  	scrollbar-3dlight-color:#E2F0D5;
	scrollbar-highlight-color:#E2F0D5;
	scrollbar-face-color:#E2F0D5;
	scrollbar-shadow-color:#E2F0D5;
	scrollbar-darkshadow-color:#E2F0D5;
	scrollbar-track-color:transparent;
  overflow: auto; 
}

/* =========================== */  
/* Estilo aplicado no menu PAI */
/* =========================== */
table.menuParent
{
	border:0px;
}	

/* ============================= */  
/* Estilo aplicado no menu FILHO */
/* ============================= */
table.menuChild
{
	border:0px;
}
 
/* ==================================== */									 
/* IDENTIFICAÇÃO : estilos relacionados */
/* ==================================== */									 
table.identification 
{
	background-color:#EEF4F8;
}

/* ============================= */									 
/* PESSOA : estilos relacionados */
/* ============================= */									 
table.person 
{
	background-color:#FFFFE8;
	text-align:center;
}	 		

/* =============================== */									 
/* EDUCAÇÃO : estilos relacionados */
/* =============================== */									 
table.education 
{
	background-color:#E6E6E6; 
}																 

/* ============================== */									 
/* NETWORK : estilos relacionados */
/* ============================== */									 
table.network 
{
	background-color:#CBCBB1;
}	

/* ============================ */									 
/* SAÚDE : estilos relacionados */
/* ============================ */									 
table.health 
{
	background-color:#FFFFFF; 
}		
					  
/* ============================ */									 
/* RENDA : estilos relacionados */
/* ============================ */									 
table.income 
{
	background-color:#CCCCCC; 
}
	
/* ============================== */									 
/* FAMÍLIA : estilos relacionados */
/* ============================== */									 
table.familyRelationship 
{
	background-color:#E2F0D5; 
}	
 
/* ============================== */									 
/* MORADIA : estilos relacionados */
/* ============================== */									 
table.residence 
{
	background-color:#E6E6CC; 
}
	
/* =================================== */									 
/* ATENDIMENTOS : estilos relacionados */
/* =================================== */									 
table.attendance 
{
	background-color:#D7EBFF; 
}	   
 
/* ================================= */
/* ATIVIDADES : estilos relacionados */
/* ================================= */									 
table.activity 
{
	background-color:#A7C0EC; 
}

/* ================================ */
/* ENTIDADE : estilos relacionados */
/* ================================ */									 
table.entity 
{
	background-color:#CBCBB1;
}

/* ============================== */
/* USUÁRIO : estilos relacionados */
/* ============================== */									 
table.user 
{
	background-color:#E7E7DF;
}	

/* ================================= */
/* BENEFICIOS : estilos relacionados */
/* ================================= */									 
table.benefit 
{
	background-color:#DAE6FC; 
}	

/* ================================= */
/* HISTORICO : estilos relacionados  */
/* ================================= */									 
table.history 
{
	background-color:#D3D3D3; 
}

/* ================================ */									 
/* RELATORIO : estilos relacionados */
/* ================================ */									 
table.report 
{
	background-color:#CBCBB1;
}	 

/* ======================================= */   
/* Estilo para tags " INPUT " e " BUTTON " */
/* ======================================= */   
input, button 
{ 
	background-color: #F8F8F8; 
	font: 10px verdana, arial, helvetica, sans-serif;
	border:1px solid #BFBFBF;
} 

/* =================================================== */   
/* Estilo para tag "INPUT" utilizado pelos containers  */
/* =================================================== */
input.small 
{ 	
	width: 100%;
}

/* ============================================ */   
/* Estilo para tag "INPUT" com tamanho reduzido */
/* ============================================ */
input.age 
{ 	
	width: 15%;
}

/* ============================ */   
/* Estilo para tag " TEXTAREA " */
/* ============================ */   
textarea { 
	background-color: #F8F8F8; 
	font: 10px verdana, arial, helvetica, sans-serif;
	border:1px solid #BFBFBF;
} 

/* ============================================= */   
/* Estilo para tag " TEXTAREA com tamanho máximo */
/* ============================================= */
textarea.small 
{ 	
	width: 100%;
}

/* ========================== */   
/* Estilo para tag " SELECT " */
/* ========================== */   
select { 
	background-color: #F8F8F8;
	font:10px verdana, arial, helvetica, sans-serif;
	color:#000000;
	width: 100%;
}

/* =============================================================================== */
/* Estilos utilizados no id "menuParent" que é referenciado dentro de "menu/menu.phtml" */
/* =============================================================================== */
.menuRoot {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(background.gif);}
.menuRoot li {float:left;}
.menuRoot li a {display:block; float:left; height:35px; line-height:33px; color:#D0F500; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 9px; cursor:pointer; font-size:11px;}
.menuRoot li a b {float:left; display:block; padding:0 17px 0 9px;}
.menuRoot li.current a {color:#000; background:url(backgroundActive.gif);}
.menuRoot li.current a b {background:url(backgroundActive.gif) no-repeat right top;}
.menuRoot li a:hover {color:#fff; background: url(backgroundHover.gif);}
.menuRoot li a:hover b {background:url(backgroundHover.gif) no-repeat right top;}
.menuRoot li.current a:hover {color:#000; background: url(backgroundActive.gif); cursor:default;}
.menuRoot li.current a:hover b {background:url(backgroundActive.gif) no-repeat right top;}

/* =============================================================================== */
/* Imagem utilizada no  "menuParent" que é referenciado dentro de "menu/menu.phtml" */
/* =============================================================================== */
#logoImage
{
	
	/*background-image: url('logo.gif');*/
	background-image: url('rede.gif');
	background-repeat: no-repeat
}

#logoImageBig
{	
	background-image: url('redeBig.gif');
	background-repeat: no-repeat
}

/* ================================================ */
/* ======== Estilo aplicado na tag <a href> ======= */
/* ================================================ */
a
{
	font: bold 9px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

a.blue
{
	font: bold 9px verdana, arial, helvetica, sans-serif;
	color: blue;
}

/* ================================================================================================== */
/* Estilos utilizados nas linhas e colunas do relatório exibido em html - template export/index.phtml */
/* ================================================================================================== */

.COL, .LIN {
	background:#CCCCCC none repeat scroll 0%;
	border-color:#FFFFFF rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255);
	border-style:solid;
	border-width:1px;
	color:#000000;
	font-size:80%;
	font-weight:bold;
	padding:2px;
	text-align:center;
	font: bold 9px verdana, arial, helvetica, sans-serif;
}

.CEL {
	border-bottom:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	font-size:90%;
	padding:2px;
}
.divStyle
{
	border: 1px solid #000000; 
	background: #FFFFFF;
	overflow: scroll; 
	height: 300px;
	width: 100%;
}
.inputText
{
	width:400px;
	text-align:center;
}

/* ======================================================================= */
/* Estilos utilizados nas bordas das tabelas de informações complementares */
/* ======================================================================= */

.noBorder
{
	border:none;
}
.alert
{	
	background:#C0FF3E;
}
/* ======================================================================= */
/* Estilos utilizados especificamente no caso de uso Gerenciar Atividades  */
/* ======================================================================= */

/* ========================== */   
/* Estilo para tag " SELECT " no template de Gerenciar Atividades*/
/* ========================== */   
select.activity { 
	width: 200px;
	display: none;
}

#label_macroactivity{
	display: none;
}

.middleValign.labelHeight{
	height:20px;
}

input.small.activity 
{ 	
	width: 40%;
}
/* ========================================================= */
/*        estilo de font para identificação de menu          */
/* ========================================================= */
.fontMenu
{
	font: bold 13px verdana, arial, helvetica, sans-serif;
	color: #D0F500;
}

/* =================================================== */
/*        estilos utilizados em "Gerenciar Turma"      */
/* =================================================== */
select.schedule 
{ 
	background-color: #F8F8F8;
	font:10px verdana, arial, helvetica, sans-serif;
	color:#000000;
	width: 7%;
}

input.nameClass 
{ 
	width: 50%;
}

input.buttonFinish 
{ 
	width: 100%;
}

input.time 
{ 
	width: 50%;
}

input.vacancy 
{ 
	width: 10%;
}

input.dateFinish 
{ 
	width: 15%;
}

select.period 
{ 
	width: 15%;
}

/* =================================================== */
/*        estilos utilizados em "Gerenciar Educação"   */
/* =================================================== */
input.education 
{ 	
	width: 5%;
}

/* ================================================ */
/*        estilos utilizados em "Gerenciar Saúde"   */
/* ================================================ */
input.health 
{ 	
	width: 15%;
}

input.beginPregnancy 
{ 	
	width: 10%;
}

/* ================================================== */
/*        estilos utilizados em "Gerenciar Benefício" */
/* ================================================== */
input.dateBenefit 
{ 	
	width: 20%;
}

input.valueBenefit
{
	width: 30%;
}

input.phoneNumber
{
	width: 70%;
}

input.codePhone
{
	width: 100%;
}

.selectLength
{
	width: 40%;
}

/* ================================================ */
/*		  Estilos da Importação de arquivos			*/
/* ================================================ */
.step{
	font: bold 14px verdana, arial, helvetica, sans-serif;
	text-align:left;
	color:blue;
	float:left;
}

.stepTitle{
	font: bold 14px verdana, arial, helvetica, sans-serif;
	text-align:left;
	color:#000;
	float:left;
	width:100px;
}
.importStep{
	letter-spacing: 2px;
	font: italic 14px verdana, arial, helvetica, sans-serif;
	text-align:center;
	color:#000;
	background: #FFF;
	float:left;
	width:25px;
}
.importStep.in{
	color:#D0F500;
	background: #00086E;
	float:left;
}
.importStep.out{
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color:#000;
	background: #FFF;
	float:left;
}

.writeRed
{	
	color:red;
	background: #C0FF3E;
}

.bigWriteRed
{	
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color:red;
}

.bigWriteRedBackground
{	
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color:red;
	background: #C0FF3E;
}

.bigWrite
{	
	font: bold 10px verdana, arial, helvetica, sans-serif;
}

.bigWriteBackground
{	
	font: bold 10px verdana, arial, helvetica, sans-serif;
	background: #C0FF3E;
}

input.isRepresentative 
{ 	
	width: 100%;
	background-color: #FF6600; 
	font: bold 10px verdana, arial, helvetica, sans-serif;
	border:1px solid #CC3333;
}

td.middleCenterObject
{
	vertical-align: middle;	
	text-align:center;
}

input.middleCenterObject
{
	vertical-align: middle;	
	text-align:center;
}

.loadingBox
{	
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color:#FFFFFF;
	width: 150px;
	background: RED;
	border:1px solid RED; 
}

.centerObject
{
	vertical-align: middle;	
	text-align:center;
}

.icontainer
{
	border:0px solid BLACK;
}
body{
	background-color: transparent;	
}

select.slctRegion
{
	height: 90%;	
	width: 100%;
}

/* ================================================ */
/*		  Estilos de Endereço Temporário			*/
/* ================================================ */
input.liveSince 
{ 	
	width: 13%;
}

input.numberAddress 
{ 	
	width: 13%;
}

/* =============================== */
/*		  Tela de Autenticaçao	   */
/* =============================== */
.ctr 
{
	text-align:center;
}

.login
{
	background:#F1F3F5 none repeat scroll 0%;
	border:1px solid #CCCCCC;
	margin-left:auto;
	margin-right:auto;
	margin-top:6em;
	padding:10px;
	width:600px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:left;
}

.login-form 
{	
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	
	float:right;
	text-align:left;
	width:40%;
}

.form-block 
{
	vertical-align: middle;
	background: none repeat scroll 0%;
	border:1px solid #CCCCCC;
	padding:15px 10px 10px;
}

.inputlabel 
{
	font-weight:bold;
	text-align:left;
}

.inputbox 
{
	border:1px solid #CCCCCC;
	margin:0pt 0pt 1em;
	width:150px;
}

.inputlabel 
{
	font-weight:bold;
	text-align:left;
}

.button 
{
	background:#E9ECEF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:9px;
	font-weight:bold;
	padding:2px;
}

.clr 
{
	clear:both;
}

.userBackground
{
	background-image: url('user.gif');
	background-repeat: no-repeat;
}

.auth
{
	text-align: left;
	font: 10px verdana, arial, helvetica, sans-serif;
	vertical-align: middle;
}

/* ----------------------------------------------------------- */
/* ------------ Habilita | Desabilita usuario ---------------- */
/* ------------ Ativa | Desativa entidade -------------------- */
/* ----------------------------------------------------------- */
.styleRedWrite
{
	vertical-align: middle;	
	text-align:center;
	color:red;
	text-decoration:none;
}

.styleGreenWrite
{
	vertical-align: middle;	
	text-align:center;
	color:green;
	text-decoration:none;
}

.greenWrite
{		
	color:green;
}

/* ----------------------------------------------------------- */
/* ------------ Alteração de Senha do usuário ---------------- */
/* ----------------------------------------------------------- */
input.changePassword 
{ 	
	width: 45%;
}

.alignDivCenter
{
	text-align:center;
}

.tableContainer
{						
	letter-spacing: 2px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	text-align:center;	
	color:#D0F500;
	background: #00086E;
	border: none;
}

.fontContainer
{
	font: bold 11px verdana, arial, helvetica, sans-serif;
	vertical-align:middle;	
}