body 
{
	font-family:arial; 
	font-size: 15px; 
	color:black
}
th 
{ 
  color: #043585
}
td 
{ 
	font-size:12px;
    }
H5
{
    	MARGIN-TOP: 1px;
    	MARGIN-BOTTOM: 1px;
    	color: #043585;
    	font-size:12px
}
ul 
{ 
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px; 
    color: gray;
}
a
{
	/*color: black;*/
    color:#104E8B;
  	TEXT-DECORATION: none;
   	font-size: 12px; 
	font-weight: bold
}
a:hover
{
	/*color: #17C1E6;*/
        color: #FF0000;
	TEXT-DECORATION:none
}

a.linkLancamento:active {
    color: #17C1E6;
}

input {
	padding:0.15em;
	border:1px solid #ddd#ddd;
	_border:1px solid #BEBEBE;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	-webkit-border-radius: 0.4em;
}

.inputProtegido{
    background-color:#DCDCDC;
    color:#333333;
    font-weight:bold;
    font-size:9pt;    
}

select {
	padding:0.15em;
	border:1px solid #ddd#ddd;
	_border:1px solid #BEBEBE;	
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	-webkit-border-radius: 0.4em;	
}

legend {
	color:#0b77b7;
	font-size:1.4em;
}

fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style2 {color: #FF0000}
.style10 {font-size: 12px; }
.style12 {font-size: 12px; font-weight: bold; }
.style11 {font-size: 13px; color: #FF0000}

.estilotabela{
    background-color:#ffffff;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
}
.estiloTabelaTitulo{
	color: #043585;
    background-color:#CDC9C9;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
}

.estilocelula{
    background-color:#ddeeff;
    color:#333333;
    font-weight:bold;
    font-size:10pt;
}

.estiloCelulaForm{
    background-color:#E6E6FA;
    color:#333333;
    font-weight:bold;
    font-size:9pt;
    text-align:right;
}

.estilocelulaAlternativa{
    background-color:#DCDCDC;
    color:#333333;
    font-weight:bold;
    font-size:10pt;
}

table tr.estiloLinhaTabela:hover , table tr.estilocelulaAlternativa:hover {
	background:#CCFFCC none repeat scroll 0 0;
	color:#000000;
}

.estilocelulaSaldoPositivo{
    background-color:#DCDCDC;
    color:#043585;
    font-weight:bold;
    font-size:10pt;
}

.estilocelulaSaldoNegativo{
    background-color:#DCDCDC;
    color: #FF0000;
    font-weight:bold;
    font-size:10pt;
}

.estiloDivPeriodoAtual{
	color: #043585; 
	font-weight: bold; 
	font-size: 20px;
}

.estiloDivTip{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 620px;
}

.estiloDivDetalheLancamento{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 850px; 
	height: 510px; 
	_height: 530px;
	overflow:auto;
	left: 70px;
	top: 0px;
}

.estiloDivInternoDetalheLancamento{
	display: block; 
	width:850px;
	_width:832px;
	height:350px;
	overflow:auto;
}
.estiloDivManterLancamento{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 510px; 
	height: 310px; 
	_height: 440px;
	overflow:auto;
	left: 20%;
	top: 20%;
}

.estiloDivManterUsuario{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 450px; 
	_width: 460px; 
	height: 203px; 
	_height: 210px;
	overflow:auto;
	left: 28%;
	top: 30%;
}

.divEscolherPlano{
	display:none; 
	position:absolute; 
	border-style: solid;
    border-color: #666666; 	
	background-image: url(../images/test-background.gif);
	padding: 5px; 
	width: 450px; 
	_width: 460px; 
	height: 400x; 
	_height: 400px;
	overflow:auto;
	left: 28%;
	top: 20%;
}

.estiloDivLogErro{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 80%; 
	height: 450px; 
	_height: 468px; 
	overflow:auto;
	left: 5%;
	top: 5%;
}

.estiloDivInternoLogErro{
    display: block; 
    width:100%;
    height:400px;
    overflow:auto;
}

.estiloDivOfxImport{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 80%; 
	height: 490px; 
	_height: 510px;
	overflow:auto;
	left: 5%;
	top: 5%;
}

.estiloDivInternoOfxImport{
    display: block; 
    width:100%;
    height:400px;
    overflow:auto;
}

.estiloDivProcessar{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 45%; 
	height: 33%; 
	_height: 25%; 
	left: 20%;
	top: 45%;
}

.estiloDivDemonstrativoParcelamento{
    display: block; 
    width:400px;
    height:160px;
    overflow: visible; 
    overflow-x:hidden; 
    overflow-y:auto; 
    padding-bottom:25px; 
}

.estiloDivDemonstrativoParcelamentoAlteracao{
    display: block; 
	width:416px;
	height:300px;
    overflow: visible; 
    overflow-x:hidden; 
    overflow-y:auto; 
    padding-bottom:25px;     
}

.divSaldo{
    display: block; 
    width:100%;
    height:163px;
	_height:168px;
    overflow:auto;
    overflow-x:hidden; 
    overflow-y:hidden;     
}

.divResumoLancamentos{
    display: block; 
    width:100%;
    height:600px;
    overflow:auto;
}

.estiloDivContas{
    display: none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
    width:69%;
    height:450px;
    _height:480px;	
	left: 15%;
	top: 9%;
    overflow:auto;
}

.divListarContas{
	display: block; 
	width:100%;
	height:280px;
	overflow:auto;
}

.estiloDivAgrupadoras{
    display: none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
    width:67%;
    height:450px;
	left: 15%;
	top: 13%;
    overflow:auto;
}

.divListarAgrupadoras{
	display: block; 
	width:100%;
	height:295%;
	overflow:auto;	
}

.estiloDivNovoUsuario{
    display: none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
    width:315px;
    height:490px;
	left: 35%;
	top: 5%;
    overflow:auto;
}

.estiloDivEsquecimentoSenha{
    display: none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
    width:320px;
    height:368px;
	left: 35%;
	top: 25%;
    overflow:auto;
}

.estiloDivReenvioChaveAtivacao{
    display: none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
    width:320px;
    height:368px;
	left: 35%;
	top: 25%;
    overflow:auto;
}

.estiloDivTermosDeUso{
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
	padding: 5px; 
	width: 35%; 
	height: 480px; 
	_height: 498px;
	overflow:auto;
	left: 28%;
	top: 5%;
}

.estiloDivTermosDeUsoContent{
    display: block; 
    width:100%;
    height:380px;
    overflow:auto;
}

.estiloDivLogin{
    display: none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;  
    width:368px;
    height:255px;
	left: 35%;
	top: 25%;
    overflow:auto;
}

.defaultTextActive { 
	border: 1px solid #3366FF;
	border-left: 4px solid #3366FF;
	color: #a1a1a1; font-style: italic; 
}

.divCaptcha{
    width:200px;
    height:60px;    
}

.mask{
position:absolute;
background-color:#000;
display:none;
}

.loading {
position:absolute;     
border: 1px solid;
margin: 0px 0px;
padding:7px 20px 30px 50px;
background-repeat: no-repeat;
background-position: 10px center;
display: none;
left: 30%;
top:30%;
color: #00529B;
background-color: #FFFFFF;
}

.loadingMin {
position:absolute;     
margin: 0px 0px;
padding:7px 30px 60px 190px;
background:transparent url(../images/loadingAnimation.gif);
background-repeat: no-repeat;
background-position: 10px center;
display: none;
right: 10px;
top:20%;
color: #00529B;
text-align:right;
text-decoration:none;
} 

.loadingMinInternal{
position:absolute;     
margin: 0px 0px;
padding:0px 190px 10px 40px;
background:transparent url(../images/loadingAnimation.gif);
background-repeat: no-repeat;
background-position: 10px center;
display:none;
right: 0px;
top:2%;
color: #00529B;
text-align:right;
text-decoration:none;
} 


/* posiciona o link para fechar a janela */
.close {
color: #D63301;
display:block;
text-align:right;
text-decoration:none;
}

#captchaShuffleLink {
color:#004CCA;
font-size:95%;
font-weight:normal;
}

a.captchaRefreshBtn input {
background:transparent url(../images/reg_gradients.png) repeat scroll 0 -75px;
border:1px solid #C2C2C2;
cursor:pointer;
float:left;
height:24px;
padding-bottom:2px;
text-align:center;
width:125px;
}

.botaoShowHide{
	width: 18px; 
	height: 18px; 
	border: 0;
}


.botaoOpcaoDesktop{
	width: 38px; 
	height: 38px; 
	border: 0;
}

.botaoOpcaoVenda{
	width: 300px; 
	height: 100px; 
	padding: 0.15em;
	border: 1px solid #DDD#DDD;
	_border: 1px solid #BEBEBE;
	background: #FAFAFA;
	-moz-border-radius: 0.4em;
	-khtml-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;	
}

.bannerEscolhaSeuPlano{
	width: 300px; 
	height: 35px; 
	border: 0;	
}

.botaoPagamentoOk{
	width: 120px; 
	height: 53px; 
	border: 0;
}

.botaoForm{
	cursor:pointer;
   	font-size: 12px; 
	font-weight: bold;
	background-image: url(../images/btn2.png); 
	background-repeat: no-repeat;
	width: 100px;
	background-color:#DCDCDC;
}

.botaoForm:hover { 
    background-color:#FFFFFF; 
}

div.tooltip {
    background-color:white;
    /*border:1px solid #FFCC66;*/
	border:1px solid #C0C0C0;	
    clear:both;
	font-size: 12px; 
    padding:1px;
    position:relative;
    width:280px;
    z-index:300;
}

div.tooltip div.tooltipconteudo {
    background-image:url(../images/box_cinza_bg.gif);
    height:30px;
    left:1px;
    padding:10px;
    top:1px;
}    

.tooltipAviso .bicoesquerdo {
    background-image:url(../images/boxalerta_seta_cinza.gif);
    font-size:0;
    height:15px;
    left:-8px;
    position:absolute;
    top:16px;
    width:9px;
}   

div.tooltip .bicoesquerdo {
    background-image:url(../images/seta_laranja_degrade_t_L_cinza.gif);
    font-size:0;
    height:19px;
    left:-11px;
    position:absolute;
    top:10px;
    width:12px;
}