/* ************************************************** *\

	CSS de formatação para elementos de formulário

\* ************************************************** */

.formDados
{
	padding: 10px 30px 0 30px;
}

.formDados .formTitulo
{
	font-size: 150%;
	border-bottom: 2px solid #575;
	padding: 3px 16px 9px;
	color: #575;
}

.formDados #conteudo
{
	position: relative;
	*top: -20px;
	z-index: 1;
	padding: 6px 0;
	_padding: 10px 0 15px 0;
	/*background-color: #efefef;*/
	_zoom: 1; /* [3]*/
}

.formDados #cTL,
.formDados #cTR,
.formDados #cBL,
.formDados #cBR
{
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff url(../img/corner_r15_cEF.gif) no-repeat;
}
.formDados #cTL { top: 0; left: 0; background-position: left top; }
.formDados #cTR { top: 0; right: 0; background-position: right top; _right: -1px; }
.formDados #cBL { bottom: 0; left: 0; background-position: left bottom; }
.formDados #cBR { bottom: 0; right: 0; background-position: right bottom; _right: -1px; }

.formDados #conteudo.contraste1
{
	background-color: #fff;
}
.formDados #conteudo.contraste1 #cTL,
.formDados #conteudo.contraste1 #cTR,
.formDados #conteudo.contraste1 #cBL,
.formDados #conteudo.contraste1 #cBR
{
	background-image: none;
}
.formDados #conteudo.contraste2
{
	background-color: #fafafa;
}
.formDados #conteudo.contraste2 #cTL,
.formDados #conteudo.contraste2 #cTR,
.formDados #conteudo.contraste2 #cBL,
.formDados #conteudo.contraste2 #cBR
{
	background-image: url(../img/corner_r15_cFA.gif);
}
.formDados #conteudo.contraste3
{
	background-color: #f7f7f7;
}
.formDados #conteudo.contraste3 #cTL,
.formDados #conteudo.contraste3 #cTR,
.formDados #conteudo.contraste3 #cBL,
.formDados #conteudo.contraste3 #cBR
{
	background-image: url(../img/corner_r15_cF7.gif);
}
/* contraste 4 é o padrão */
.formDados #conteudo.contraste5
{
	background-color: #dfdfdf;
}
.formDados #conteudo.contraste5 #cTL,
.formDados #conteudo.contraste5 #cTR,
.formDados #conteudo.contraste5 #cBL,
.formDados #conteudo.contraste5 #cBR
{
	background-image: url(../img/corner_r15_cDF.gif);
}
.formDados #conteudo.contraste6
{
	background-color: #bfbfbf;
}
.formDados #conteudo.contraste6 #cTL,
.formDados #conteudo.contraste6 #cTR,
.formDados #conteudo.contraste6 #cBL,
.formDados #conteudo.contraste6 #cBR
{
	background-image: url(../img/corner_r15_cBF.gif);
}

/*
.formDados label,
.formDados select,
.formDados textarea,
.formDados input,
.formDados ul
{
	float: left; /* [1] */
	/*
}
*/
div.estado div.formLinha div.formLabel
{
	margin-left: -15px !important;
}

.formDados .formLabel
{
	float: left;
	text-align: right;
	font-weight: bold;
	color: #686;
	margin: 3px 5px 0 20px;
	_margin: 2px 3px 0 10px;
	width: 135px;
}

.formDados .formLabelValor
{
	float: left;
	text-align: left;
	color: #000;
	margin: 3px 5px 0 20px;
	_margin: 2px 3px 0 10px;
	width: 135px;
}



.formDados .formCelula
{
	float: left; /* [1] */
	margin-right: 10px;
}
.formDados .inpLogar {
   	width: 100px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	border: none;
	background: transparent url(../img/btnLogar.gif) no-repeat 0 3px;
	cursor:pointer;
}
div#datatableAgencias
{
	margin:-2px 0px 0px 0px;
	}
div.rich-picklist-list-content{
	cursor:default;
}

.formDados .formLinha
{
	overflow: hidden; /* [2] */
	margin: 15px 4px;
	zoom: 1; /* [3] */
}

/* ?????? -> para que serve esta linha abaixo? */
/*
.formDados .formLinha table {
	/*margin-left: 180px;*/
}
*/

#datatableAgencias {
	border: 1px solid #f00;
}

.formDados .formLinhaBotoes
{
	padding-left: 155px;
	overflow: hidden; /* [2] */
	margin: 15px 4px;
	zoom: 1; /* [3] */
}

.formDados .formLinhaBotoes input
{
	/* Padrão para os botoes caso eles não tenham nenhuma classe específica. */
	width: 125px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	border: none;
	background: transparent url(../img/btnVerde125.gif) no-repeat 0 2px;
	cursor: pointer;
	padding-bottom: 3px; /* TODO: verificar para que no IE o texto fique no meio do botão(vertical) */
}
.formDados .formLinhaBotoes input[disabled='disabled']
{ background: transparent url(../img/btnCinza125.gif) no-repeat 0 2px; }

.formDados ul
{
	list-style: none;
}

.formDados ul input
{
	float: none;
}

.formDados select
{
	_float: none; /* [1] */
	display: block;
	width: 164px;
	height: 22px;
}
.formDados select.slc230
{ width: 230px; }
.formDados select.slc300
{ width: 300px; }
.formDados select.slc370
{ width: 370px; }

.formDados textarea
{
	width: 250px;
	height: 70px;
}

.formDados fieldset
{

}

.formDados legend
{

}

.formDados .formTexto
{
	line-height: 20px;
}

/* ????????????? */
.formDados .input30 {
	width:30px;	
}

.formDados .formCheckbox input,
.formDados .formRadiobutton input
{
	display: inline;
	width: auto;
}

.formDados .inpBotao
{
	width: auto;
	color: #FFF;
	font-weight: bold;
}

.formDados .formLinhaBotoes .inpBt100,
.formDados .formLinhaBotoes .inpBt125,
.formDados .formLinhaBotoes .inpBt150,
.formDados .formLinhaBotoes .inpBt175,
.formDados .formLinhaBotoes .inpBt200
{
	height: 26px;
	color: #FFF;
	font-weight: bold;
	border: none;
	cursor:pointer;
}
.formDados .formLinhaBotoes .inpBt100
{
	background: transparent url(../img/btnVerde100.gif) no-repeat 0 2px;
	width: 100px;
}
.formDados .formLinhaBotoes .inpBt100[disabled='disabled']
{ background: transparent url(../img/btnCinza100.gif) no-repeat 0 2px; }
.formDados .formLinhaBotoes .inpBt125
{
	background: transparent url(../img/btnVerde125.gif) no-repeat 0 2px;
	width: 125px;
}
.formDados .formLinhaBotoes .inpBt125[disabled='disabled']
{ background: transparent url(../img/btnCinza125.gif) no-repeat 0 2px; }
.formDados .formLinhaBotoes .inpBt150
{
	background: transparent url(../img/btnVerde150.gif) no-repeat 0 2px;
	width: 150px;
}
.formDados .formLinhaBotoes .inpBt150[disabled='disabled']
{ background: transparent url(../img/btnCinza150.gif) no-repeat 0 2px; }
.formDados .formLinhaBotoes .inpBt175
{
	background: transparent url(../img/btnVerde175.gif) no-repeat 0 2px;
	width: 175px;
}
.formDados .formLinhaBotoes .inpBt175[disabled='disabled']
{ background: transparent url(../img/btnCinza175.gif) no-repeat 0 2px; }
.formDados .formLinhaBotoes .inpBt200
{
	background: transparent url(../img/btnVerde200.gif) no-repeat 0 2px;
	width: 200px;
}
.formDados .formLinhaBotoes .inpBt200[disabled='disabled']
{ background: transparent url(../img/btnCinza200.gif) no-repeat 0 2px; }

/*
.formDados input[type='button'][disabled='disabled'],
.formDados input[type='reset'][disabled='disabled'],
.formDados input[type='submit'][disabled='disabled']
{
	color: #8a8;
	background-image: none;
}
*/

.formDados br
{
	display: block;
	margin: 2px;
}

.formDados .requerido
{
	color: #e11;
	margin: 7px 0 0 5px;
}
.formDados .imgRequerido
{
	position: absolute;
	margin: 7px 0 0 5px;
}
.formDados .msgRequerido
{
	display: none;
	color: #e11;
	opacity: 0;
	filter: alpha(opacity=0);
}

.formDados .msgConfirmacao
{
	padding: 0 10px;
	font-weight: bold;
}

.formDados .menuContextoSuperior
{
	position: relative;
	top: 33px;
	*top: 16px;
	z-index: 2;
	text-align: center;
	padding: 0 17px;
	overflow: hidden;
	*zoom: 1;
}
.formDados .menuContextoSuperior a
{
	display: block;
	float: right;
	height: 26px;
	line-height: 26px;
	width: 80px;
	background: transparent url(../img/btnContextMenu.gif) no-repeat;
	margin-left: 6px;
	font-weight: bold;
}
.formDados .menuContextoSuperior .formLinhaBotoes
{
	margin: 0;
}
.formDados .menuContextoSuperior .formLinhaBotoes input
{
	float: right;
	/* Padrão para os botoes caso eles não tenham nenhuma classe específica. */
	width: 125px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	border: none;
	background: transparent url(../img/btnVerde125.gif) no-repeat 0 2px;
	cursor: pointer;
	padding-bottom: 3px; /* TODO: verificar para que no IE o texto fique no meio do botão(vertical) */
}

.formDados .menuContextoInferior
{
	/* o mesmo que formLinhaBotoes */
}

.formDados .tabelaLista
{
	font-weight: normal;
}


/* Pré-cadastro | Efetuar Pré-cadastro */


#logarSe {
	background: url(../img/bg_logarSe.gif) no-repeat 10px 0;
	_background: url(../img/bg_logarSe.gif) no-repeat 15px 0;
	width: 500px;
	padding: 3px;
	height: 75px;
	display: none;
}

#logarSe .formLinha {
	padding: 2px 0 2px 20px;
	_padding: 2px 0 2px 30px;
}

#logarSe .formLabel {
	
	float: left;
	text-align: right;
	font-weight: bold;
	color: #000;
	margin: 5px 5px 0 20px;
	_margin: 6px 3px 0 10px;
	width: auto;
}



.formDados .inpBuscar
{
	width: 35px;
	height: 26px;
	color: #FFF;
	border: none;
	cursor:pointer;
	background: transparent url(../img/bt_busca.gif) no-repeat 0 2px;
}

#lotacao
{
	position:absolute;
	width:400px;
	height:350px;
	left:150px;
	height:30px;
	overflow-y:scroll;
	display:none;	
}
	
.posLotacao
{
	position:relative;
}

.conteudoPreCadastro
{
	overflow: hidden;
}

.conteudoPreCadastro .coluna1, 
.conteudoPreCadastro .coluna2 
{
	width:49%;
	float:left;
}


/* Pré-cadastro | Consultar Pré-cadastro */


#lupa
{
	position: absolute;
	width: 101px;
	height: 103px;
	left: 630px;
	_left: 635px;
	top: 15px;
	background: transparent url(../img/lupa.gif) no-repeat;
}
	
.consulta .formLabel
{
	width:auto;
	margin-right: 20px;
}	

.formDados .inpBuscar100
{
	width: 100px;
	height: 26px;
	margin-top:-2px;
	color: #FFF;
	font-weight: bold;
	border: none;
	cursor:pointer;
	background: transparent url(../img/btnVerde100.gif) no-repeat 0 2px;
}

#protocolo
{
	width:40%;
	margin:15px 0 0 30px;
}
#erro
{
	color:red;
}
#protocolo legend
{
	font-weight:bold;
}

#protocolo fieldset
{
	margin-bottom:10px;
}

#protocolo a, #protocolo a:link
{
	color:#fff;
	background: url(../img/btnLaranja150.gif) no-repeat 0 2px;
	padding:7px 30px 7px 30px;
	text-decoration:none;
}


.formDados .formLinhaBotoes .msgAguarde
{
	font-style: italic;
}

.formTitulo .formSubtitulo {
	font-size:60%; 
	font-weight:bold;	
}

.tituloCampoObrigatorio {
	padding: 3px 16px 9px; 
	font-size: 90%;	
}

.formDados .iconeDica {
	width: 25px;
	height: 25px;
	border: none;
	cursor: pointer;
	float: left;
	background: transparent url(../img/botaoAjudaOff.png) no-repeat 0 -2px;
}

.iconeDica:hover {
	background: transparent url(../img/botaoAjudaOn.png) no-repeat 0 -2px;
}

.tooltipPrecadastro {
	width:230px;	
}

/* --------------------------------------------------------------------- *\

Notas:

[1] -> IE(6) parece apresentar um erro de renderização se elementos
no formulário, como inputs, selects etc, receberem float.
Para corrigir isso, no formulario, estes elementos virão dentro de divs
com classe .formCelula e estas, sim, receberão float.

[2] -> Funciona como um clear no próprio elemento.

[3] -> Necessário para o IE6 reconhecer os elementos com floats dentro desta div.

\* --------------------------------------------------------------------- */