/*
 * Controls the icons that are displayed according to the specified rules, 
 * depending on the validity of the data entered
 */
/*
 "zpStatusImg" class images for form fields -- apply appropriate rules here.
 The script auto-applies one of each of these CLASS attributes to a series of
	nested <span>s with an innermost .zpStatusImg class <span> we style:
 1) "zpIsRequired" or "zpNotRequired".
 2) "zpIsEmpty" or "zpNotEmpty".
 3) "zpIsEditing" or "zpNotEditing".
 4) "zpIsValid" or "zpNotValid".
	5) Always "zpStatusImg", this is the one styled.
*/

* html span.zpStatusImg {
 /* MSIE fix to force "hasLayout" for opacity. */
 display: inline-block;
}

span.zpStatusImg {
 padding: 0px 8px;
 height: 18px;
 line-height: 18px;
 background-repeat: no-repeat;
 background-position: center;
 opacity: 0.66;
 filter: alpha(opacity=66);
 margin-right:5px;
}

.zpIsEditing span.zpStatusImg {
 opacity: 1.0;
 filter: alpha(opacity=100);
}

.zpIsRequired span.zpStatusImg {
 background-image: url(icons/required.gif);
}

.zpIsRequired .zpNotEmpty .zpNotValid span.zpStatusImg {
 background-image: url(icons/required_invalid.gif);
}

.zpNotEmpty .zpNotValid span.zpStatusImg {
 background-image: url(icons/invalid.gif);
}

.zpIsValid span.zpStatusImg {
 background-image: url(icons/validated.gif);
}

.zpFormError{
	color: #F73460;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-left: 6px;
	font-weight: normal;
}
.zpFormRequired{
  FONT-WEIGHT: normal; FONT-SIZE: 11px;
  COLOR: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  BORDER-COLLAPSE: collapse; 
  BACKGROUND-COLOR: #f0f0f0;
  VERTICAL-ALIGN: middle;  
  TEXT-DECORATION: none
}