@import url(../../store/css/css_new/css_popup_login.css);
/* Master TAGS */
body{
	background: #C6C6C6;
	margin: 0;
	padding: 25px 0 25px 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
img.marca{
	border: 0 none;
	float: left;
	margin: 0;
}
td.topoAplicacao{
	background: url(../interface/img/r_outer_box_cabecalho_bg.gif) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	height: 63px;
}
td.topoAplicacao img.btSair{
	position: relative;
	margin: 0 0 0 350px;
	width: 44px;
	height: 22px;
	
	/* --- hack para o I.E */
	_position: absolute;
	_top: 0;
	_right: 0;
	border: 0px none;
}
/* Menu */
ul.menu{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0 none;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	text-align: left;
}

ul.menu li{
	margin: 0;
	padding: 0;
	border-bottom:dashed 1px #E77E15;
}

ul.menu li.titulo{
	margin: 10px 0 0 0;
	position:relative;
}

ul.menu li a,
ul.menu li a:link,
ul.menu li a:visited{
	color: #384048;
	width: 100%;
	display:block;
	padding: 7px 0 7px 17px;
	background: url(../img/residencial/mark_botao_out.gif) no-repeat 3px 10px;
	text-decoration: none;
}

html> body ul.menu li a, ul.menu li a:link, ul.menu li a:visited{
	width:159px;
}

ul.menu li a:hover{
	color: #E77E15;
	background:#FAF4EC url(../img/residencial/mark_botao_over.gif) no-repeat 3px 10px;
}

ul.menu li.titulo img{
	left:-70 !important;
	top:0 !important;
}

ul.menu li.titulo a,
ul.menu li.titulo a:link,
ul.menu li.titulo a:visited{
	color: #E77E15;
	padding: 6px 0 6px 17px;
	font-weight: bold;
	background: #FFF none;
	text-align:center;
}

ul.menu li.titulo a:hover{
	color: #000000;
	background: #FAF4EC none;
}

/* Titulos */
img.sectionIcon{
	float: left;
	margin: 0 3px 0 0;
}
h1.sectionTitle{
	font: 24px/24px Verdana, Arial, Helvetica, sans-serif;
	/* letter-spacing: -1px; */
	text-decoration: none;
	color: #909090;
	margin: 20px 0 0 0;
	padding: 0;
	
}

h2.sectionSubTitle{
	font: 17px/19px Verdana, Arial, Helvetica, sans-serif;
/*	letter-spacing: -1px; */
	text-decoration: none;
	color: #8D580C;
	padding: 0;
	margin: 0;
}
/* Título da seção atual */
h1.pageTitle, .formTitle{
	font: 20px/26px Verdana, Arial, Helvetica, sans-serif;
	color: #E77E15;
	margin-bottom:20px;
}

h1.pageTitle{
	border-bottom:dashed 1px #E77E15;
	background:#fff;
}

.formTitle{
	font-size:16px;
	font-weight:bold;
	background:#fff;
}

.tabelaPadrao .formTitle{
	border:none;
}

.tabelaPadrato td{
	border-bottom:solid 1px #F77800;
}

/* Forms */
select{
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
 
/*.formTitle{
	font: bold 16px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #8D580C;
}*/

.formSubtitle{
	font: bold 13px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #5F5F5F;
	padding:15px 0 15px 0;
}

.formLabel{
	color: #111;
}

.formData{
	color: #555;
}

textarea,
input.formInptText1,
input.formInptText2,
input.formInptText3,
input.formInptText4{
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border-top: 1px solid #949BAB;
	border-right: 1px solid #DDDFE4;
	border-bottom: 1px solid #DDDFE4;
	border-left: 1px solid #949BAB;
	padding: 0 0 0 3px;
	background: #FFF url(../interface/img/bg_input_textarea.gif) repeat-x;
	height: 21px;
}
.formInptText1{
	width:38px;
}

.formInptText2{
	width:100px;
} 

.formInptText3{
	width:200px;
}

.formInptText4{
	width:350px;
}

.formInptButton{
	height: 19px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif !important;
	text-align: center;
	background: #D8DCE5 url(../interface/img/bg_input_botao.gif) repeat-x;
	color: #3E4755;
	border-top: 1px solid #EFF4FE;
	border-right: 1px solid #A7AAB1;	
	border-bottom: 1px solid #A7AAB1;
	border-left: 1px solid #EFF4FE;
	cursor: pointer;
} 

/* Determina a área de ação dos formulários */
.formAction{
	height: 39px;
	text-align: right;
}

table.formTable{
	width:512px;
}

/* Geral */
.textObs,
.smallTextObs{
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}


.smallTextObs{
	color:#FF8C00;
}

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

.textAlert{
	font: 12px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#F02020;
}

a.titleLink:link,
a.titleLink:hover
{
	font: 17px/20px Verdana, Arial, Helvetica, sans-serif;
}

a.commonLink,a.titleLink{
	color: #E7490B;
	text-decoration: none;
	display:block;
	padding-left:15px;
	background:url(../img/residencial/mark_botao_out.gif) no-repeat 3px 5px;
}

a.commonLink:hover,
a.titleLink:hover{
	color: #E7490B;
	display:block;
	padding-left:15px;
	background:url(../img/residencial/mark_botao_over.gif) no-repeat 3px 5px;
}

a.criticalLink:link{
	color: #DD0000;
	border-bottom: 1px dashed #F7C4B2;
	text-decoration: none;
}

a.criticalLink:hover{
	color: red;
	border-bottom: 1px dashed #F08966;
	text-decoration: none;
}

a.criticalLink:visited{
	color: #BE305F;
	border-bottom: 1px dashed #D8839F;
	text-decoration: none;
}

.textObs a.commonLink{
	margin:10px 0 10px 0;
	padding:3px 0 3px 15px;
}

.textoObs a.commonLink:hover{
	padding:3px 0 3px 15px;
}

/* Caixa de alerta de erro de processamento de formulários */
div.alerts{
	border: 1px solid #E3C7C7;
	background: #FFE9E9 url(../img/icon_alert.gif) no-repeat;
	padding: 10px 10px 10px  63px;
	margin: 0 0 20px 0;
	height: auto;
}
div.alerts ul{
	margin: 0;
	padding: 0;
	list-style: none outside;
}
div.alerts ul li{
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#F02020;
	padding: 0 0 0 20px;
	background: url(../img/bullet_alert.gif) no-repeat;
}
/* Caixa de alerta de operações realizadas com sucesso */
div.alertsSuccess{
	border: 1px solid #BEC8DB;
	background: #E1EFFC url(../img/icon_alert_success.gif) no-repeat;
	padding: 10px 10px 10px  63px;
	margin: 0 0 20px 0;
	height: 53px;
}
div.alertsSuccess ul{
	margin: 0;
	padding: 0;
	list-style: none outside;
}
div.alertsSuccess ul li{
	height: 22px;
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #2C5A99;
	padding: 0 0 0 20px;
	background: url(../img/bullet_alert_success.gif) no-repeat;
	border-bottom:none;
}
/* Tooltip */
a.helpLink {
	cursor: help;
	background:none;
	padding:0 !important;
	font-size:11px;
	font-weight:bold;
}
a.helpLink:hover{
	background:none;
	padding:0;
}


.help-tooltip {
	position: absolute;
	width: 300px;
	border: 1px solid #BAB483;
	background: #FFF9C3;
	color: #3D3B2E;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#CCCCCC", Direction=135, Strength=2);
	z-index: 10000;
}
ul{
	/*list-style: square outside;*/
	list-style:none;
	margin: 0;
	padding: 0;
}

/* Classes adicionadas por Luiz Felipe em 08/04/2005*/

.TextoAzul { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #25677D; 
	text-decoration: none; 
}
/* Fim Classes adicionadas por Luiz Felipe em 08/04/2005*/	

.fontePadrao {
	font-family: arial;
	font-size: 11px;
	color: #666666;
}
div#centro h1.minhaconta{
	background: url(../img/h1_compreaqui.gif) no-repeat;
}
h2.configEmail{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 44px 0 0 0;
	text-align: center;
	background: url(../img/configemail.gif) no-repeat center top;
}

/* Botões específicos que são imagens */
input.botao.proximo{
	width: 82px;
	height: 24px;
	padding: 24px 0 0 0;
	margin: 0 !important;
	overflow: hidden;
	border: none;
	background: transparent url(../img/btn_proximo.gif) no-repeat;
	cursor: pointer;
}
input.botao.anterior{
	width: 90px;
	height: 24px;
	padding: 24px 0 0 0;
	margin: 0 !important;
	overflow: hidden;
	border: none;
	background: transparent url(../img/btn_anterior.gif) no-repeat;
	cursor: pointer;
}

/* --------  centralizar objetos  ------------ */
.centro {
	margin-left: 110px !important;
}

/* -------- classe de compra ----- */
.comprar {
	background: url(../img/ico_comprar.gif) no-repeat !important;	
	padding-left: 25px !important;
	height:19px;
}

/* -------- Estilos para formatação das tds ------------- */
.tdMini {
	width: 37%;
} 
.tdMaior {
	width: 63%;  
}

td.formTitle span.iSair {
	display: none !important;
	visibility: hidden !important;
}	
/* Folha de Estilo: cpnDialerDownloadVW */

.boxAzul{
	border:solid 2px #B8D2EE;
	padding:10px;
}

.imgLeft{
	float:left;
	margin-right:10px;
}

a.linkLaranja {
	font-size:11px;
	font-weight:bold;
	color:#F0901F;
	text-decoration:none;
}

a.linkLaranja:hover{
	text-decoration:underline;
	color:#000000;
}

.marginBottom{margin-bottom:20px;}

/* ---- folha de estilo para estilizar o help ---- */
.helpTooltip {
	cursor: help;
	background: url(../img/tip.gif) no-repeat !important;
	padding-left: 12px;	
	font-weight: bold;
	color: #6f6f6f;
	text-decoration: none;

}
.helpTooltip span {
	 display: none !important; 	
}
.helpTooltip:hover span {
	position: absolute;
	display: block !important;
}

/* Interface cabecalho */
#cabecalho{
	position:relative;
	margin:auto;
	width:780px;
	height:78px;
	background:#fff url(../img/residencial/cabecalho_painel.jpg) no-repeat;
}

.tituloPainel{
	float:right;
	padding-bottom:2px;
	border-bottom:solid 1px #ffffff;
	font-size:18px;
	width:270px;
	text-align:left;
	color:#fff;
	margin:25px 3px 0 0;
}

html> body .tituloPainel{
	margin:25px 5px 0 0;
}

.imgBtSair{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:45px;
	height:32px;
	background: url(../img/residencial/botao_fechar.gif) no-repeat;
}

.linkBrTurbo{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:116px;
	height:79px;
}


/* Tabelas */

table table td{text-align:left;}

th.formTitle{
	
}

/* Adicionais */

.boxInfo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#F4E2CD;
	padding:7px;
}

.formData{text-align:left;}

td, body{font-family:Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, a, td, div, p, body{font-family:Verdana, Arial, Helvetica, sans-serif}

.tablePadrao{
	border:solid 1px #E77E15;
	margin-top:10px;
	width:100%;
}

.tablePadrao td{
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:3px;
}

.textObs{
	background:#FEF2E4;
	padding:7px;
}

.td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* tela de alteracao de plano */
#boxPlano{
	border:solid 1px #FF6406;
	overflow:scroll;
	height:160px;
	margin-bottom:10px;
}

#boxPlano table{
	width:100%;
	background:#ccc;
}

#boxPlano td{
	font-size:11px;
	border-bottom:solid 1px #FF6406;
	padding:5px;
	background:#fff;
	width:auto;
}

#formPagto{
	background:#fff;
	width:100%;
}

#formPagto td{
	font-size:10px;
	text-align:center;
	padding:0 5px 0 5px;
	border-right:solid 1px #FF6406;
}

.esconde{
	display:none;
}

.mostra{
	display:block;
}

.formPagamento{
	margin:10px 0 0 0;
	padding:5px;
	background:#FEF3EA;
	font-size:10px;
}

.fundoBranco{
	background:#fff;
}

.formPagamento p{
	margin:5px;
}

.formPagamento label{
	font-size:10px;
	display:block;
	margin-bottom:4px;
}

.formPagamento input, select{
	font-size:10px;
	left-margin:5px;
}

.tableNormal{
	font-size:10px;
	padding:4px;
}


/* Listagem de entidades - substitui o javascript gridCreator() */
.lista_entidades {
	font-size: 11px;
	width: 100% !important;
	margin: 0 !important;
	padding: 0px !important;
	border-collapse: collapse;
}
.lista_entidades tr th {
	background: #E77E15;
	padding: 3px;
	text-align: left;
	border: none ;
	color: #FFF;
	border-right: 1px solid #FFF;

}

.lista_entidades tr td {
	color: #464646;
	padding: 3px 2px !important;
	border-right: 1px solid #FFF;
}
.lista_entidades tr.zebra td {
	background: #EEE;
}


/* configuracao email */
	.cortip1{color:#e77e15;}
	#tdinfo{padding:0 !important; margin:0; height:25px; border:solid 1px #e77e15;}
	#info{position:relative; height:25px;}
	#infpage{float:right;}
	.left{position:absolute; top:7px; left:10px; display:block;}
	#novaconta{
		position:absolute; 
		top:5px; 
		right:10px; 
		padding-top:2px !important; 
		margin:0 !important;
	}
	#buscamail form{
		margin:0;
	    padding:10px 0 10px 0 !important;
	}
	#paginacao{
		border-top:solid 1px #e77e15; 
		padding: 10px 0 0 0;
		margin-top:10px;
		margin-bottom:10px;
	}
	#configmail input, #configmail label, #configmail{font-size:10px !important; vertical-aling:middle;}
	#configmail label{margin-left:10px;}
	#configmail input{border:solid 1px #bfbfbf;}
	
	#configmail #primeira span, #configmail #anterior span, #configmail #ultima span, #configmail #proxima span{display:none;}
	#configmail #primeira, #configmail #anterior, #configmail #ultima, #configmail #proxima{margin-top:3px;}
	#configmail #primeira2, #configmail #anterior2, #configmail #ultima2, #configmail #proxima2{margin-top:3px;}
		
	#controlpage{float:left; margin-right:10px; margin-top:-3px;}
	#configmail #primeira{margin-right:10px; float:left; display:block; width:9px; height:9px; background:url(../img/bt_primeiro.gif) no-repeat;}
	#configmail #anterior{margin-right:10px;float:left; display:block; width:6px; height:9px; background:url(../img/bt_anterior.gif) no-repeat;}
	#configmail #ultima{margin-left:10px; float:left; display:block; width:9px; height:9px; background:url(../img/bt_ultimo.gif) no-repeat;}
	#configmail #proxima{margin-left:10px; float:left; display:block; width:6px; height:9px; background:url(../img/bt_proximo.gif) no-repeat;}
	
	#configmail #primeira2{margin-right:10px; float:left; display:block; width:9px; height:9px; background:url(../img/bt_primeiro2.gif) no-repeat;}
	#configmail #anterior2{margin-right:10px;float:left; display:block; width:6px; height:9px; background:url(../img/bt_anterior2.gif) no-repeat;}
	#configmail #ultima2{margin-left:10px; float:left; display:block; width:9px; height:9px; background:url(../img/bt_ultimo2.gif) no-repeat;}
	#configmail #proxima2{margin-left:10px; float:left; display:block; width:6px; height:9px; background:url(../img/bt_proximo2.gif) no-repeat;}
/* configuracao email - end */

.formLabel{width:30%;}
.formTable td{padding:3px;}

/* telas email empresarial config */
	.inline{
		font-size:10px;
		display:block;
		width:150px;
		padding:5px 0 5px 0;
		float:left;
		margin-right:10px;
	}
	.box_tipo1{
		padding:5px;
		margin: 10px 0 10px 0;
		border:solid 1px #ccc;
		background:#f3f3f3;
		height:60px;
	}
	html > body .box_tipo1{height:auto;}
	
	* td{
		font-size:11px !important; 
		font-family: Verdana, Arial, Helvetica, sans-serif !important;
	}	
	
	.tabela_padrao{	border-collapse: collapse;}
	.tabela_padrao td{
		padding:4px 0 4px 0;
		border-bottom:solid 1px #ccc;
	}
	
	
/* telas email empresarial config - fim */


.footer {
	text-decoration:none !important;
	color:black !important;
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
	font-size:11px !important;	
	text-align:center;	
}
.open_pop_up{
	text-align:center;
	margin:180px 0
}