/**
 * Folha de estilo para renderização das páginas da funcionalidade
 * de submissão de recursos
 */
.submission-li {
	display: inline;
	padding-left: 5px;
}
 
.step-not-reached-left-part {
	background-image: url("../images/submission/arrow-silver_left.png");
}

.step-button {
	height: 34px;
	float: left;
	cursor: pointer;
	margin-bottom: 10px;
}


.step-reached {
}

.step-not-reached {
}

.left-part {
	width: 4px;
	position: relative;
	float: left;
}

.midle-part {
	float:left;
	position:relative;
}

.number-part {
	position: relative;
	float: left;
	width: 20px;
	font-size: 16px;
	vertical-align: middle;
}

.number-part p{
	padding-top: 7px;
	font-weight: bold;
	color: white;	
	font-size: 15px;
}


.message-part {
	float: left;
	width: 75px;
	text-align: left;
	height: 100%;
	text-align: left;
}

.right-part {
	position: relative;
	float: left;
	width: 28px;
}

.step-not-reached-midle-part {
	background-color: #CBCBCB;
}

.step-reached-midle-part {
	background-color: #C7E1F2;
}

.step-not-reached-right-part {
	background-image: url("../images/submission/arrow-silver_right.png");
	background-repeat: no-repeat;
	background-position: right;
}

.step-reached-left-part {
	background-image: url("../images/submission/arrow-blue_left.png");
	background-repeat: no-repeat;
	background-position: left;
}

.step-reached-right-part {
	background-image: url("../images/submission/arrow-blue_right.png");
}

/** Estilos para tabela que irá armazenar as descrições do passo **/
.message-table {
	background: none;
	border: none;
	height: 100%;
}
.message-row {
	background: none;
	border: none;
}
.message-cell {
	border: none;
	background: none;
	font-size: 12px;
	color: white;
	text-align: left;
	padding: 0 0 0 2px;
	height: 100%;
}
/** FIM: Estilos para tabela que irá armazenar as descrições do passo **/


.hidden-help-div {
	display: none;
	position: relative;
	float: left;
	width: 500px;
	height: 100px;
	background-color: blue;
}