.ok_box {
    background: url("/images/valid.png") no-repeat scroll 15px 10px #EDFCE9;
    border: 5px solid #CCEAC4;
    clear: both;
    margin: 10px 0;
    min-width: 300px;
    width: 60%;
    padding: 20px 20px 15px 60px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.error_box {
    background: url("/images/error.png") no-repeat scroll 15px 10px #FCE9E9;
    border: 5px solid #EAC7C7;
    clear: both;
    margin: 10px 0;
    min-width: 300px;
    width: 60%;
    padding: 20px 20px 15px 60px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.warning_box {
    background: url("/images/warning.png") no-repeat scroll 15px 10px #fcfae9;
    border: 5px solid #e9e6c7;
    clear: both;
    margin: 10px 0;
    min-width: 300px;
    width: 60%;
    padding: 20px 20px 15px 60px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    max-height: 300px;
    overflow: auto;
}
span.error_message {
	background: url(/images/error_tiny.png) no-repeat left #fce9e9;
	border: 1px #eac7c7 solid;
	background-position: 2px 3px;
	padding: 1px 2px 1px 15px;
	margin: 0 0 0 10px; 
	}
	
span.ok_message {
	background: url(/images/valid_tiny.png) no-repeat left #edfce9;
	border: 1px #cceac4 solid;
	background-position: 2px 3px;
	padding: 1px 2px 1px 15px;
	margin: 0 0 0 10px; 
	}

span.warning_message {
	background: url(/images/warning_tiny.png) no-repeat left #fcfae9;
	border: 1px #e9e6c7 solid;
	background-position: 2px 3px;
	padding: 1px 2px 1px 15px;
	margin: 0 0 0 10px; 
	}


/* define colors for log4perl log level display */
td.TRACE {
	/*background-color: white;*/
	color: black;
}
td.DEBUG {
	background-color: #9dd112;
	color: black;
}
td.INFO {
	background-color: #12d1b4;
	color: black;
}
td.WARN {
	background-color: #fdae03;
	color: black;
}
td.ERROR {
	background-color: #ff0000;
	color: white;
}
td.FATAL {
	background-color: #900000;
	color: white;
	font-weight: bold;
}