/*-----------------------
#Formatação dos formulários
---------------------------*/
.f-widget{ background-color: #F1F1F1; padding: 5px; text-align: left; margin: 0 auto;}
.f-widget .f-content{ padding: 5px; background-color: #FFF; color: #666;}
.f-widget .f-header{ padding: 10px 10px;}
.f-widget .f-title{ font-size: 14px; font-weight: bold;}
.msg { padding: 1em; color: red; border: 1px dashed #999999; }
small.error { color: red; display: block; clear: left; font-size: .7em; }

/*Largura padrão do formulário--*/
.f-wlarge { width: 740px;}/*.f-wlarge .f-content{ width: 730px}*/
.f-wnormal { width: 550px;}
.f-wsmall { width: 250px;}


/*Form Row---------------*/
.f-r{clear: left; white-space: nowrap;}

/*Form Data (cell)-------------*/
/*largura padrão*/
.f-dw100{width: 96%; padding: 5px 1.9%;}
.f-dw75{ width: 71%; padding: 5px 1.9%;}
.f-dw50{ width: 46%; padding: 5px 1.9%;}
.f-dw25{ width: 21%; padding: 5px 1.9%;}
.f-dwauto{ width: auto; }

.f-dw75, .f-dw50, .f-dw25{ float: left;}
.f-d, .f-dw100, .f-dw75, .f-dw50, .f-dw25{ 
	white-space: nowrap;
}
.f-wfull .type-text, .f-wfull select, .f-wfull textarea{ display: block; width: 99%; }
.f-cw150{width: 150px;}
.f-cw100{width: 100px;}
.f-cw50{width: 50px;}
.f-cw25{width: 25px;}
.f-cw10{width: 10px;}

.f-compact label{
	display: block;
	padding: 0 0 .2em;
}
.f-widget fieldset.f-check{
  margin: 0;
  border: 0;
}
.f-widget fieldset.f-check label{
	display: inline;
}

.f-widget fieldset {
  margin: 1em 0;
  border-top: 3px solid #F1F1F1;
 }
 
.f-widget fieldset fieldset {
  margin: 1em;
  border: 3px solid #F1F1F1;
}
.f-widget legend {
  font-weight: bold;
  margin: 0 2% .5em 0;
  padding: .2em .5em;
  color: #013453;
}

.f-butons{ clear: left; padding: 10px; margin: 0; border-top: 1px solid #CCCCCC; text-align: center;}
.f-butons input, .f-butons button{ cursor: pointer;  padding: .5em; }

.obr{ color: #FF0000;}
label.error {
	display: none;
	margin-left: 10px;
	color: #FF0000;
	font-size: .7em;
}
.f-divisor{ 
	clear: left;
	color: #F1F1F1;
	background-color: #F1F1F1;
	height: 3px;
	margin: 0px 20px; 
	border: 0;
}

/*Display Etapas*/
#etapas{ height: 60px; padding: 10px 0 0 100px; margin: 0;}
#etapas .etapa{
	display: block; 
	float: left;
	width: 130px;
	margin-right: 8px;
	
	text-align: center;
	
	font-size: 11px;
	color: #666;

}
.etapa .seta{
	display: block;
	float: right;
	width: 10px;
	height: 26px;

	background-image: url(../img/etp-seta.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.etapa .etp{
	display: block;
	width: 113px;
	height: 26px;
	
	padding-top: 5px;
	text-align: center;
		
	font-size: 12px;
	font-weight: bold;
	
	background-image: url(../img/etp.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.ativo .etp {background-image: url(../img/etp-ativa.jpg); color: #FFF;}
.ativo .seta {background-image: url(../img/etp-seta-ativa.gif);}

/*Orientações*/
#orientacoes{
	position: relative;
	
	width: 720px; 
	height: 190px;
	overflow: auto;
	
	padding: 10px 10px 20px;
	margin: 10px 0;
		
	border: 1px solid #CCCCCC;
	background-color: #FFF;

}
#orientacoes h3{ color: #013453; padding: .8em 0 .5em; font-size: 1.3em;}
#orientacoes h4{ color: #013453; padding: .8em 0 .5em; font-size: 1.1em;}
#tools{ 
	position: absolute;
	left: 670px;
	
	padding: 5px;
	margin: 0;
}


/*Vagas*/
#frmficha .info, #frmficha .sobre-vaga{ font-size: .8em; color: #666;}
#frmficha .vaga{ margin: .5em;}
.vaga .sobre-vaga{ margin-left: 20px; padding: .5em; white-space: normal;}
#frmficha .vaga-selecionada{ color: #003399; font-weight: bold; }