/* FORMULÁRIO */
.form {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	
	clear:both;
}

.form p{text-align:justify;}
.form dl{margin:0px;}
.form dt{ /* Agrupadores */
	clear:both;
	height:17px;
	width:453px;
	line-height:17px;
	text-transform:uppercase;
	font-weight:bold;
	color:#18208B;
	background-color:#e6eeff;
	margin:5px 0px;
}
.form dt span{
	clear:none;
	display:inline;
	text-transform:lowercase;
}
.form dt a{
	float:left;
	width:17px;
	height:17px;
	margin-right:5px;
}
.form dt a.bt_esconder{
	background:url(institucional/graphics/icone_esconder.gif) no-repeat 2px 2px;
}
.form dt a.bt_exibir{
	background:url(institucional/graphics/icone_exibir.gif) no-repeat 2px 2px;
}
.form dd.linha{
	clear:both;
	width:auto;
	
	margin:0px;
}
.form dd.destaque{
	background-color:#F2F7FF;
}
.form dd.oculta{
	display:none;
}
.form div.campo{
	float:left;
	padding:3px 10px 3px 0px;
}
.form label{
	clear:both;
	font-weight:bold;
	display:block;
}
.form label.grupo{
	color:#666;
}
.form label.forRadiobox{
	clear:both;
	font-weight:bold;
	display:inline;
}
.form label.forTabela{
	margin-bottom:-10px;
}

.form span{
	#background-color:#fff; /* conserta o bug de ficar reposicionando os campos ao dar foco em select ou radio, mas cria fundo branco na formatação dos campos */
	clear:both;
	display:block;
	font-size:90%;
	padding:3px 0px;
}
.form span{#background:none;}/* para retirar a cor de fundo criada para bug acima citado */
.form span.null{
	display:none;
}
.form span.formatacao{
	clear:both;
	display:block;
	font-size:85%;
	color:#999;
}
.form span.obrigatoriedade{
	font-weight:normal;
	color:#c30;
	display:inline;
	padding:0px 0px 0px 3px;
}

.form span.erro{
	color:#c30;
}
.form span.erro ul{
	list-style:none;
}

/* Botões do formulário */
.form ul.botoesInline{
	margin-top:13px;
	#margin-top:19px;
}

/* INPUTS */
.form input, .form select, .form textarea{
	padding:0px;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #18208B;
}
.form textarea[disabled], .form input[disabled]{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ACA899;
	background:#fff;
}
.form input.text{
	/* acerta altura dos text em relação aos selects */
	height:16px;
	#height:18px;
	line-height:16px;
	#line-height:18px;
}
.form input.text, .form textarea.text{
	padding-left:5px;
}
.form input.text, .form select, .form textarea.text{
	border: 1px solid #999;
}
.form input.checkbox{
	display:table-cell; /* table-cell porque block dá problema no IE */
	margin: 0px auto; /* alinha os checkboxes no centro, no Firefox */
	height: 1.7em;
}
.form input.destaque, .form select.destaque, .form textarea.destaque {
	border:1px solid #f90;
}
.form input.erro, .form select.erro, .form textarea.erro {
	background-color:#F7DDDD;
}

.form hr {
	float:left;
	display:block;
	height:1px;
	width:100%;
	border:0px;
	border-top:1px solid #bdcff7;
	margin: 8px 0px;
	#margin: 0px 0px; /*corrige margin forçada do IE*/
	padding: 0px;
}

/* ESTILOS GERAIS */
.negativo, .negativo a{color:#c30;}
.positivo, .positivo a{color:#093;}
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.avisoAtencao{
	clear:both;
	background:url(institucional/graphics/icone_atencao.gif) no-repeat 5px 5px #FFFFCC;
	padding:5px 10px;
	padding-left:33px;
}

.avisoNegocio{
	clear:both;
	background:url(institucional/graphics/icone_atencao_v2.gif) no-repeat 5px 5px #e6eeff;
	padding:5px 10px;
	padding-left:33px;
}

.avisoErro{
	clear:both;
	background:url(institucional/graphics/icone_erro.gif) no-repeat 5px 5px #FFEFEF;
	padding:5px 10px;
	padding-left:33px;
}
.avisoErro ul{
	margin-top:5px;
}

/* DICAS */
.comDica{
	float:left;
	display:inline;
}
div.dica{
	position:relative;
	width:18px;
}
div.dica div.dicaIcone{
	text-indent:-900px;
	overflow:hidden;
	width:18px;
	height:16px;
	background:url(institucional/graphics/icone_dica.gif) top left;
	#margin-top:-2px;
	#margin-bottom:2px;
}
div.dica div.dicaBox{
	color:#18208B;
	display:none;
}
div.dica div.dicaBox.visivel p{
	margin-top:0px;
	width:200px;
}
div.dica div.dicaBox.visivel a{
	font-weight:bold;
}
div.dica div.dicaBox.visivel{
	display:block;
	position:absolute;
	width:200px;
	top:0px;
	font-size:90%;
	text-align:justify;
	padding:10px;
	border:1px solid #bdcff7;
	background-color:#e6eeff;
	z-index:100;
}