._plantImg{
	margin: 20px;
	position: relative;
	border: 1px solid black;
}

._inputLetter{
	width: 40px;
	height: 40px;
	font-size: 1.3em;
	text-align: center;
	margin: 5px;
	font-style: italic;
}

._inputSingle{
	width: 90%;
	margin: 10px;
	height: 40px;
	font-size: 1.3em;
	text-align: center;
	margin: 5px;
	font-style: italic;
}

._letterSeparator{
	display: inline;
	width: 40px;
	height: 40px;
	margin: 15px;
}

._correctLetter{
	border: 2px solid green;
}

._wrongLetter{
	border: 2px solid red;
}

/*
 *	TIMELINE
 */
#timeline{
	width: 95%;
	height: 82px;
	overflow: auto;
	background: #CCC;
	margin-left: 20px;
	margin-bottom: 20px;
	white-space: nowrap;
	/*-moz-border-radius: 15px;
	border-radius: 15px;*/
	border: 3px solid #2A4F6F;
} 

._timelineImg{
	width: 50px;
	height: 50px;
	border: 1px solid blue;
	margin: 3px;
	cursor: pointer;
}

.correctBorder{
	border: 2px solid green;
}

.unstartedBorder{
	border: 2px solid yellow;
}	

.wrongBorder{
	border: 2px solid red;
}

/*
 *	PLANT_PANELS
 */
.plantPanel{
	width: 500px;
	min-height: 500px;
	background: #AAA;
	margin: 20px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	
	border: 3px solid #2A4F6F;
	/*-moz-border-radius: 15px;
	border-radius: 15px;*/
}

#tips{
	position: absolute;
	top: 3px;
	right: 4px;
}

#tips img{
	cursor: pointer;
}

/*
 *		MODALS
 */
#settingsDialog{
	position: relative;
}

/*#btnApply{
	position: absolute;
	bottom: 10px;
	margin-right: auto;
	margin-left: auto;
} */

#txtNumero{
	width: 30px;
}

#settingsDialog div{
	margin: 20px;
}
 
