/* validation error message */
.error {
	color: #FFF;
	z-index: 13000;
	background-color: #CC0000;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

/* nested arrow inside error message. It's 100% CSS. No images. */
.error em {
	border: 10px solid;
	border-color: #CC0000 transparent transparent;
	bottom: -17px;
	display: block;
	height: 0;
	left: 10px;
	position: absolute;
	width: 0;
	}

/* input field that caused validation error */
.invalid {
	background-color: rgba(232, 231, 226, 1.0) !important;
	}