/***************
	WARNINGS
***************/

.warning {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:200px;
}
.warning .tl{
	background:url(/images/validation/warning_tl.png) no-repeat top left;
	height:10px;
	width:10px;
}
.warning .tr{
	background:url(/images/validation/warning_tr.png) no-repeat top right;
	height:10px;
	width:10px;
}
.warning .bl{
	background:url(/images/validation/warning_bl.png) no-repeat top left;
	height:10px;
	width:10px;
}
.warning .br{
	background:url(/images/validation/warning_br.png) no-repeat top right;
	height:10px;
	width:10px;
}
.warning .arrow {
	background:url(/images/validation/warning_arrow.png) no-repeat top left;
	height:18px;
	width:15px;
}

.warning .l, .warning .r, .warning .t, .warning .b{
	background-color:#FFFF00;
}

.warning .c {
	background-color:#FFFF00;
	color:#000;
	text-align:center;
}

/***************
	ERRORS
***************/
.error {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:200px;
}
.error .tl{
	background:url(/images/validation/error_tl.png) no-repeat top left;
	height:10px;
	width:10px;
}
.error .tr{
	background:url(/images/validation/error_tr.png) no-repeat top right;
	height:10px;
	width:10px;
}
.error .bl{
	background:url(/images/validation/error_bl.png) no-repeat top left;
	height:10px;
	width:10px;
}
.error .br{
	background:url(/images/validation/error_br.png) no-repeat top right;
	height:10px;
	width:10px;
}
.error .arrow {
	background:url(/images/validation/error_arrow.png) no-repeat top left;
	height:18px;
	width:15px;
}

.error .l, .error .r, .error .t, .error .b{
	background-color:#ff0000;
}

.error .c {
	background-color:#ff0000;
	color:#FFF;
	text-align:center;
}