/* This is the style for the informational messages presented to the user */
.error, .message, .validation {
    background: #ffc;
    border: 1px solid green;
    color: black;
    font-weight: normal;
    margin: 10px auto;
    padding: 2px;
    padding-left: 4px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
.error {
	border: 2px solid white;
	display: block;
	background-color:#FDCA00; 
		
	position: relative;
	z-index: 10000;
}

/* use a different color for the validations */
.validation {
    background: red;
}

/* use a different color for the messages */
.message {
	background-color:#FF9933; 
	color:#982582; 
	position: absolute; 
	left:0; top:0; width:99%;
	z-index: 10000;
	visibility: hidden;
}

span.fieldError, span.errorMessage {
    color: orangered !important;
}