/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* definição da fonte base, margens e  cores das scrollbars e link7VEs gerais */
BODY				{BACKGROUND-COLOR: #ffffff;
					FONT-FAMILY: Verdana;
					FONT-SIZE: 8pt;
					BACKGROUND-POSITION: center; 
					}
	
/* body para restantes áreas e diálogos ou e-frames*/
BODY.nomargin		{font-family: Verdana; background-color:#FFFFFF;}

/* tamanho default da fonte deve ser 8pt*/
TD, TH				{FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: #000000;}

/* link7VEs */
A					{COLOR: #595959; TEXT-DECORATION: none}
A:hover				{color: #333333;}

/* bullets */
UL {
    list-style-type: disc;
    margin: 0 0 0 20px;
    padding: 0;
}

OL {    margin:0 10px 0 25px;
    padding: 0;}

li[align=justify], p[align=justify], div[align=justify] { text-align:left!important;}
/* linha separadora */
HR {
    border: 0;
    height: 0px;
    background: #cdd0d0;
    border-bottom: 1px solid #cdd0d0;
}

/* Quando necessário colocar as primeiras letras de cada palavra em maiúsculas */
.cap					{text-transform:capitalize}

blockquote {
    margin: 20px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CLASSES GERAIS DE LAYOUT*/
.bdsrv			{}
.bdsrv.noback	{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TABELAS*/

.grd		{}
.grd tr		{}

/* header das tabelas conteudos */
.ghdr		{background-color: #F2F3F3; COLOR: #595959; FONT-WEIGHT: bold;}

/* cell das tabelas (odd -- branca) */
.grd td		{}

/* linhas/ cell das tabelas (even -- creme) */
.grdAl		{background-color: #EBF8F8;}

/* Focus */
.gfc		{}

/* Selected */
.gsl		{}

/* Disabled */
.gsf		{}

/* Tabelas que contêm check ou radio buttons ou outros elementos nas tds que causem uma altura demasiada em cada row*/
.grdCk		{}
.grdCk tr	{}
.grdCk td	{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GRUPOS DE INFORMAÇÃO */

/* Títulos de Secção */
.ttl {}

/* normal - espacejamento vertical entre grupos de campos, é aplicada à row */
.pnl {}

/* grupo com border */
.pnlb		{border-collapse: collapse; BORDER: #595959 1px solid;}

/*Título do grupo*/
.pnlH { font-weight: bold; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/*INPUTS*/

/* botões normais */
.btn {
    FONT-SIZE: 13px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #C4DC3D;
    BORDER: #C4DC3D 1px solid;
    padding: 2px 15px;
}
.btn.altPw { float: none; margin: 2px 0px 10px 2px; width: 97%; }
.btn:hover {
    background-color: #9ba1a1;
	BORDER: #9ba1a1 1px solid;
}

INPUT, TEXTAREA {
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #FFFFFF;
    BORDER: #cdd0d0 1px solid;
    padding: 1px;
}

input[type='text'], input[type='password'] {
	min-height: 18px;
}


SELECT {
    FONT-SIZE: 11px;
    /*BACKGROUND-COLOR: #EBF8F8;*/
    BORDER: #cdd0d0 1px solid;
    font-family: Tahoma, Geneva, arial, sans-serif;
    padding: 1px;
	min-height:15px;
}
SELECT.none {
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #FFFFFF;
}

/* Deve ser aplicado às checkbox e às radio buttons de modo a ficarem com o fundo transparente, por exemplo se aplicadas num fundo que não seja branco*/
.chk 	{background-color: transparent; border: none;}
	
/* caixas de texto - Diferentes estados dos inputs*/
.normal{}

/*Campo obrigatorio*/
.mbf 			{}

/* erro */
.err		 	{}

/* ReadOnly ClientSide - ReadOnly like Disabled for InputText*/
.fdsb   {FONT-SIZE: 8pt; background-color: #FAF9F6; border: 1px solid #ACA899;}

/* dados output - ReadOnly ServerSide*/
.ron 			{}

/*sublinhado que liga a label ao output*/
.lblronb 		{}

/* Botão de pesquisa (...) */
INPUT.sbt		{}

/* alinhamento e espacejamento dos botões principais, Atenção só é aplicado aos botões do wizard e de Gravar nas operações standard*/
.tblbtn			{}

/* Labels, a label é a fonte default por isso a classe está vazia à parte da label dos campos que estão disabled */
.lbl			{}
.lbld			{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FICHAS RESUMO */
	
.texto-tit	{}
.txt-big	{}
.texto-med	{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TABS LATERAIS (processos agregados num)*/

/*disabled*/
.tVlc	{}

/*seleccionada*/
.tVsc	{}

/*não seleccionada*/
.tVnsc	{}
	
/*não seleccionada e por gravar*/
.tVnscc	{}
	
/*não seleccionada com erros*/
.tVnsce	{}
	
/*fundo da zona das tabs*/
.tVctn	{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TABS HORIZONTAIS*/

/* se grupo tiver tabs horizontais*/
.pnlbt	{}
	
/*tab disabled*/
.tHlc	{}

/*não seleccionada*/
.tHnsc	{BACKGROUND-COLOR: #EBF8F8; COLOR: #0D7D8A; /*FONT-WEIGHT: bold; font-size: 7pt;*/  font: normal normal bolder 9px verdana;}
	
/*seleccionada*/
.tHsc	{BACKGROUND-COLOR: #0D7D8A; COLOR: #FFFFFF; /*FONT-WEIGHT: bold;font-size: 7pt;*/  font: normal normal bolder 9px verdana;}

/*fundo de tabs horizontais*/
.tHec	{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MENSAGENS DE ERRO E SUCESSO - atenção, dependendo da implementação os estilos que não dizem respeito a aspecto gráfico poderão mudar */

.msge {COLOR: red;}
.msgs {COLOR: #00B14B;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIZARD */

/*linhas que fazem subressair o passo activo*/
.wizard-backON			{}

/*passo que se encontra activo*/
.wizard-passo-active	{}

/*activos e já passado*/
.wizard-num-ON			{}
.wizard-paginas-ON		{}
.wizard-passo-ON		{}

/*passo por onde ainda não se passou*/
.wizard-num				{}
.wizard-paginas			{}
.wizard-passo			{}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CALENDARIO */

.datPkr{}
.datPkrIMG {      border: 0;      width:18px;      height:20px;      margin: 0px, 0px, 0px, 0px;      cursor: hand;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CLASSES ESPECÍFICAS DA ÁREA DE CONTEÚDOS/SUPORTE AO PROCESSO e BESWEB */

/*títulos das páginas*/
.Ctit, .CTit {COLOR: #616469; FONT-WEIGHT: bold; FONT-SIZE: 12pt}

/* IR - nova classe */
.CtitW	{COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 12pt}

/*link7VEs na área de suporte ao processo */
A.sp		{}
A.sp:hover	{}

/*texto 10 px*/
.txt10	{font-size: 10px;}

/*títulos de caixas se notícias, conteúdos relacionados etc..*/
.ttl2 		{}

/* blocos de conteúdos de sinteses */
.blcol		{}
.blexp		{}

/* CLASSES USADAS NOS TEMPLATES INVESTOR RELATIONS */
.IRDGSupEsq		{BACKGROUND-IMAGE:url(../appImages/canto_DGesq.gif);}
.IRDGSupDir		{BACKGROUND-IMAGE:url(../appImages/canto_DGdir.gif);}
.IRDGInfEsq		{BACKGROUND-IMAGE:url(../appImages/canto_esqDGline.gif); background-position:bottom; background-repeat:no-repeat}
.IRDGInfDir		{BACKGROUND-IMAGE:url(../appImages/canto_dirDGline.gif); background-position:bottom; background-repeat:no-repeat}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */



/*CLASSE PORTAIS FORNECEDORES CONTA CORRENTE TTE*/
.clear { clear:both; }

.maxed {
	background:#ffffff;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	padding:20px;
	position: absolute;
}

.maxed .searchResults {
	width:100%;
	height:auto;
	overflow:auto;
}

.maxed .searchResults .grid { width:100%;}

.h1px { height:1px; }

div.Ctit {
	margin:15px 0 5px;
	display:block
}

div.Ctit span { float:left; }

div.Ctit .dtAct {
	color:#666;
	font-size:60%;
	font-weight:normal;
	text-transform:uppercase;
	float:right;
	line-height:20px;
	height:20px;
}

.expandBtn {
	font-size:10px;
	font-weight:normal;
	float:left;
	margin-left:10px;
	text-transform:uppercase;
}

.expandBtn a {
	display:inline-block;
	height:20px;
	line-height:20px;
	text-decoration:underline;
	padding-right:24px;
	background: url(../appImages/ic_expand.png) 100% 20% no-repeat;
	padding-right:20px;
}

.colapse a { background: url(../appImages/ic_colapse.png) 100% 85% no-repeat; }

/*Form Pesquisa Conta Corrente*/
.formulario {

}

.searchArea fieldset {
	border: 0px solid #ccc;
	background:#f5f5f5;
	margin-bottom:15px;
	padding-bottom:10px;
}

.searchArea fieldset legend {
	color:#666;
	text-transform:uppercase;
}

.searchArea fieldset ol.formFields {
	margin:10px 0 5px 5px;
	padding:0;
	list-style:none;
	display:inline-block;
}

.searchArea fieldset ol.formFields li {
	margin:0 5px 5px;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 3px;
}

.searchArea fieldset ol.formFields label {
	width:160px;
	display:inline-block;
}

.searchArea fieldset ol.formFields input.normal { width:246px; }

.searchArea fieldset ol.formFields input.datepicker {width: 104px;background: #ffffff url(../appImages/ic_calendar.png) no-repeat 93px 3px; cursor:pointer}

.searchArea fieldset ol.formFields input.datepicker:focus {background: #ffffff url(../appImages/ic_calendarOn.png) no-repeat 92px 2px;}

.ui-datepicker {width:230px}

.searchArea fieldset ol.formFields select {width: 250px;}

.searchArea fieldset .btnCnt { margin:0 10px 10px; }

.btnCnt .btn {
    background-color: #C4DC3D;
    border: 1px solid #C4DC3D;
    color: #FFFFFF;
    font-size: 11px;
    padding: 2px 15px;
    float: left;
    margin-right: 4px;
    margin-left: 0;
	margin-bottom:5px;
}

.searchArea fieldset .nota {
	margin:7px 0 0;
	color:#616469;
}

/*Resultados Pesquisa Conta corrente*/

.searchResults {
	width:575px;
/*	height:285px;*/
	overflow-x:scroll;
	margin:10px 0;
}

.searchResults table.grid { border-collapse:collapse; }

.searchResults .grid td, .searchResults .grid th {
	white-space:nowrap;
	padding:5px 15px 5px 5px;
	text-align:left;
	border:1px solid #ccc;
}

.searchResults .grid tr:hover td {
	background-color:#f5f5f5;
	border-bottom:1px solid #bababa;
}

.searchResults .grid th { background:#C4DC3D; color:#ffffff; }
.searchResults .grid th a { color:#ffffff }

.searchResults tr.avisoDocLink td { color: #595959; cursor: pointer; }
.searchResults tr.avisoDocLink td:first-child { text-decoration:underline; }
.searchResults tr.avisoDocLink td:first-child:hover { text-decoration:none; color:#000000; }

.aL { text-align:left!important }

.aC { text-align:center!important }

.aR { text-align:right!important }

/*popUP*/
.lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #19383c;
	display: none;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	z-index:500;
}

.lightbox {
	z-index:1000;
	display:none;
	background:#ffffff;
	position:absolute;
	left:50%;
	top:50%;
	width:760px;
	margin: -200px 0 0 -380px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.78);
	-moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.78);
	box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.78);
}

.lightboxTitle {
	background:#C4DC3D;
	height:32px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.lightboxTitle .lbTitle {float:left; color:#ffffff; font-size:14px; margin:7px 15px;  font-weight:bold;}
.lightboxTitle .lbClose {float:right; color:#ffffff;  font-size:10px;  text-transform:uppercase;  margin:10px 15px;}
.lightboxTitle .lbClose a{color:#ffffff;  padding-right:18px; background:url(../appImages/ic_close.png) no-repeat 100% 50%}
.lightboxTitle .lbClose a:hover{text-decoration:underline}

.lightboxContent h1{margin:0 0 15px 0;}

.lightboxContent {
    padding: 25px 15px;
    border-bottom: 1px solid #ccc;
    max-height: 400px;
    width: 96%;
    overflow: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.lightboxContent table.resumo {
      margin-bottom:15px;
}
.lightboxContent td.lblb {
      line-height:23px;
      height:23px;
      width:200px;
      background:#ededed;
      padding: 0 10px;
      font-weight:bold;
}
.lightboxContent td.outp {
      line-height:23px;
      padding: 0 10px;
      background:#f5f5f5;
}
.lightboxContent hr.separator{ background:#ccc; border-bottom:1px solid #ccc;}

.lightboxButtons { }

.b {font-weight:bold;}



#resTop {float:right}
	
.searchResults .grid th.ordena { background:#B8D028}
.searchResults .grid th .ordenaUp {padding-right:13px; background: url(../appImages/ic_ordenaUp.png) no-repeat 100% 50%;}
.searchResults .grid th .ordenaDown { background:url(../appImages/ic_ordenaDown.png) no-repeat 100% 50%; }

.lightboxContent .searchResults {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0;
}

.lightboxContent .searchResults .grid {
    width: 100%;
}

.uploadFiles { height: 227px; overflow-y: auto; overflow-x:hidden; }

/*multiSelect*/

.multiSelect {
    position: relative;
    border: 1px solid #616469;
    height: 150px;
    overflow-y: auto;
    width: 400px;
    margin: 3px 3px;
}

/*CAE*/

.btn.pesquisa {
    padding: 0px 10px 4px;
    margin: 0px;
    float: none;
    position: relative;
    top: -2px;
}

INPUT, TEXTAREA, select {
    margin: 2px 2px 3px;
}

    input[type="radio"] {
        border: 0;
    }

/*add contact*/
.pessoa {
    width: 100%;
    padding: 5px;
    background: #fafafa;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 5px 0 10px;
    border: 1px solid #eee;
}

.addContact {
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../appImages/ic_add.png) no-repeat;
    padding-left: 18px;
    line-height: 16px;
}

.removeContact {
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../appImages/ic_remove.png) no-repeat;
    padding-left: 18px;
    line-height: 16px;
}

.addContact:hover, .removeContact:hover {
    text-decoration: underline;
}

/*Login Page*/

.loginTitle {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background:#0D7D8A;
	color:#fff;
	padding: 7px;
	font-weight:bold;
}
input.btn[disabled], input.btn[disabled]:hover { background-color:#ddd; border-color:#ccc; color:#666;}

/*Mensagens*/
.sucessMsg {
	padding:10px 15px 10px 35px;
	background:#f1f1f1 url(../appImages/ic_ok.png) no-repeat 8px 8px; }

.sucessMsg p { margin:5px 0; }

.warningMsg {
    padding: 10px 15px 10px 35px;
    background: #ffffcc url(../appImages/ic_warning.png) no-repeat 8px 8px;
    margin-top:20px;
}

.listaMensagens {
	margin:15px 0;
	border-collapse:collapse
}

.listaMensagens td {
	padding: 5px;
	border-bottom:1px solid #ccc
}

.listaMensagens tr:hover td {
	background-color: #F5F5F5;
	border-bottom: 1px solid #BABABA
}

.listaMensagens .recent {
	width:27px;
	padding:0;
	background:url(../appImages/ic_estrela.png) no-repeat 50% 50%; }

.listaMensagens input {
	margin:0;
	border:0;
}

.listaMensagens .recentTxt { font-weight: bold; }

.btn.ok {
	float: none;
	padding: 1px 15px 2px;
	position:relative;
	top:-1px
}

.historicoMensagens {
	padding:0px;
	border:0;
	border-collapse:collapse;/*background: url(../appImages/bk_histMens.png) repeat-x 0 2px;*/ }

.historicoMensagens * { color:#595959!important; }

.historicoMensagens .pessoa, .mensagem .pessoa { margin-top:0px; } .historicoMensagens .pessoa { background:#fff }
.historicoMensagens .ghdr, .mensagem .ghdr { width:110px; }

.historicoMensagens .cx td.ghdr {
	color:#000;
	background:#eee;
	color:#333;
}

.selectAR { width:405px; }
.fieldAR { width:401px; }
.smallFieldAR { width:154px; }
.errorField {border: 1px solid red;}
.txtName { font-weight: bold; text-transform:uppercase; float:right; }
.cxlog {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
	max-width: 147px;
}