/* error message */
div.error 
{
	/* supply height to ensure consistent positioning for every browser */
	height:14px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:9px;
	color:#dd0000;
	padding:2px 5px;
	margin-left:-5px;
	z-index:10000;
	line-height:11px;

	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

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