/*
 * Controls the look and feel of the form
 */

.errOutput{
	background-color: #C70032;
	padding: 10px;
	margin:10px 0;
	font-weight: bold;
	color: white;
	display: none;
}

.fieldError {
	font-weight: bold;
	padding:3px 0;
}

fieldset input,fieldset select {
      margin-top: 5px;
}

input:focus {
	background-color: #F1F5F2;
}



.zpConsole {
	background-color: #dddddd;
	width:80%;
	border: 1px dotted black;
	padding:.3em;
}


fieldset{
	margin:0 auto 10px auto;
	padding:0;
	border:solid 1px #eee;
	border:none;
	float:left;
	width:100%;
	clear:both;
	
}

/*
* html fieldset{
	padding-top: 10px;
}
*/
/*
legend{
    
    display:block;
	font-weight: bold;
	padding:3px 10px;
	font-size:12px;
	color: #404040;
	background:#eee;
	margin:0;
}
*/
* html legend{
	margin-bottom: 10px;
	
}
.formlabel,.formlabel_A {
	padding-right: .2em;
	width: 9em;
	font-size: 1em;
	margin-top: 6px;
	float: left;
	clear:both;
}
.formlabel_A
    {
    width:8em;
    margin-top:2px;
    }
ul.formlist
    {
    width:95%;
    padding:10px 0 10px 0; 
    margin:0 auto;
    clear:both;
    }
ul.formlist_A
    {
    width:70%;
    padding:20px 0 15px 0;
    margin:0 auto;
    }

ul.formlist li,ul.formlist_A li
    {
    clear:both;
    width:100%;
    padding:2px 0;
    }

.form_right
    {
    /*margin:5px 0 5px 100px;*/
    position:relative;
    top:0;
    left:100px;
    }
p.form_right_A
    {
    margin:20px 0 20px 185px;
    }
    
/* rule style */

/*
 * Controls the ../images/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;
}
.zpFormError
	{
	color:red;
	margin-left:8px;
	}
span.zpStatusImg {
 padding: 0px 12px;
 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(../images/icons/required.gif);
}

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

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

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