.hidden { display: none; }
.info > div, .success > div, .warning > div, .error > div, .validation > div {
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: 10px center;
    min-height:42px;
}
.info > div {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success > div {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning > div {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error > div {
    color: #9F2600;
    background-color: #FEDFB3;
    background-image: url('error.png');
}
.messageBox
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
}
.messageBox > div > div {
    padding: 14px 50px;
}
.messageBox img {
    border: none;
}
.messageBox ul {
	padding: 5px 0 0 20px;
}

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}
.validation ul {
	padding: 0 30px;
}