.formErrorBox {
color:#FFFFFF;
background-color:#008FEE;
border:2px solid #FFFFFF;
line-height:120%; 
padding:2px 5px;
z-index:100;
white-space: nowrap;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.LeftArrow {
font-size: 0px; 
line-height: 0%; 
width: 0px;
border-left: 20px solid white; 
border-top: 2px solid #5B92F4; 
border-bottom: 2px solid #5B92F4;
}

.RightArrow {
font-size: 0px; 
line-height: 0%; 
width: 0px; 
border-right: 20px solid white; 
border-top: 2px solid #5B92F4;
border-bottom: 2px solid #5B92F4;
}

.TopArrow {
font-size: 0px; 
line-height: 0%; 
width: 0px; 
border-top: 20px solid white; 
border-left: 2px solid #5B92F4;
border-right: 2px solid #5B92F4;
}

.BottomArrow {
font-size: 0px; 
line-height: 0%; 
width: 0px; 
border-bottom: 20px solid white; 
border-left: 2px solid #5B92F4;
border-right: 2px solid #5B92F4;
}

/* second form - we'll style this differently */

#secondForm .formErrorBox {
color:red;
background-color:#FFFFFF;
border:2px solid red;
font-size:20px;
font-family: Arial, Helvetica, sans-serif;
line-height:120%; 
padding:2px 5px;
z-index:100;
white-space: nowrap;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#secondForm a {
	color:#FF6666;
}
	
#secondForm .LeftArrow {
font-size: 0px; 
line-height: 0%; 
width: 0px;
border-left: 20px solid red; 
border-top: 2px solid #5B92F4; 
border-bottom: 2px solid #5B92F4;
}

#secondForm .RightArrow {
font-size: 0px; 
line-height: 0%; 
width: 0px; 
border-right: 20px solid red; 
border-top: 2px solid #5B92F4;
border-bottom: 2px solid #5B92F4;
}

/* Third form - just make the fonts a bit bigger on the errorbox */
#thirdForm .formErrorBox {
	font-size:22px;
}


