/* $Id: zpFormLogomark.css */
/*
 "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) "zpIsEditing" or "zpNotEditing".
 3) "zpIsEmpty" or "zpNotEmpty".
 4) "zpIsValid" or "zpNotValid".
 5) Always "zpStatusImg", this is the one styled.
*/

.zpFormLogomark span.zpStatusImg 
{
	padding: 0pt 10px;
	height: 18px;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.66;
	filter: alpha(opacity=66);
	display: inline-block;
	float: none;
}

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

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

.zpFormLogomark .zpIsEditing .zpNotEmpty span.zpStatusImg 
{
	background-image: url(icons/editing.gif);
}

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

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

.zpFormLogomark .zpIsFetching span.zpStatusImg 
{
	background-image: url(icons/fetching.gif) !important;
}

/*
 * Controls the look and feel of the form
 */
.zpFormLogomark fieldset
{
	border-color:#EAEAEA;
	border-style: solid none none;
	border-width: 1px 0pt 0pt;
	margin:10px 0pt;
	padding:10px;
	clear:both;
}

.zpFormLogomark fieldset legend
{
	color:#FB7021;
	font-size:150%;
	font-weight:normal;
	margin:0pt;
	padding:0pt 5px;
}

.zpFormLogomark fieldset div.notes 
{
	float:right;
	width:150px;
	height:auto;
	margin:0pt 0pt 10px 10px;
	border:1px solid #EAEAEA;
	padding:5px;
	background-color:#FFFFEE;
	font-size:88%;
	line-height:125%;
}

.zpFormLogomark fieldset div.notes h4
{
	background: transparent url(lmweb/icon_info.gif) no-repeat left top;
	margin:0pt;
	border-bottom:1px solid #EAEAEA;
	padding:3px 0pt 3px 25px;
	font-size:110%;
}

.zpFormLogomark fieldset div.notes p
{
	margin-top:10px;
}

.zpFormLogomark div
{
	clear:left;
	display:block;
	margin:5px 0pt 0pt;
	padding:0pt;
	width:400px;
}

.zpFormLogomark div fieldset
{
	clear:none;
	border:1px solid #C0C0C0;
	margin:0pt 0pt 0pt 180px;
	padding:0pt 5px 5px;
	width:190px;
}

.zpFormLogomark div fieldset legend
{
	font-size:100%;
	color:#636363;
	padding:0pt 3px 0pt 9px;
}

.zpFormLogomark div label
{
	display:block;
	float:left;
	margin:0pt 0pt 3px;
	padding:2px 5px;
	text-align:right;
	width:150px;
}

.zpFormLogomark div label.labelCheckBox, form.zpFormLogomark div label.labelRadio
{
	float:none;
	width:172px;
	padding:0pt 0pt 0pt 8px;
	margin:0pt;
	text-align:left;
}

.zpFormLogomark div label.labelInline
{
	float:none;
	display:inline;
	width:auto;
	text-align:left;
}

.zpFormLogomark div input, form.zpFormLogomark div select, form.zpFormLogomark div textarea
{
	margin:0pt;
	padding:0pt;
	width:200px;
}

.zpFormLogomark div input.inputCheckBox, form.zpFormLogomark div input.inputRadio,
input.inputCheckBox, input.inputRadio
{
	display:inline;
	height:14px;
	width:14px;
	padding:0pt;
	margin:2px 5px 0pt 0pt;
	border-width:0pt;
	background-color:transparent;
}

.zpFormLogomark div input.inputShort
{
	width:70px;
}

.zpFormLogomark div input.inputSubmit, .zpFormLogomark div input.inputButton,
input.inputSubmit, input.inputButton 
{
	width:auto;
	padding:0pt 5px 0pt 0pt;
}

.zpFormLogomark div small
{
	display:block;
	font-size:88%;
	color:#C0C0C0;
	margin:0pt 20px 5px 180px;
	padding:1px 3px;
}

.zpFormLogomark div.wide label
{
	float:none;
}

.zpFormLogomark div.wide input.inputText, form.zpFormLogomark div.wide input.inputFile, form.zpFormLogomark div.wide select, form.zpFormLogomark div.wide textarea
{
}

.zpFormLogomark div.wide small
{
	margin:0pt 0pt 5px 0pt;
}

.zpFormLogomark div.submit
{
	padding:0pt 18px 0pt 0pt;
	text-align:right;
	width:382px;
}

.zpFormLogomark .errOutput{
  background-color: #C70032;
  padding: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  color: white;
  display: none;
  width: 300px;
}

.zpFormLogomark .zpFormError{
  display: block;
  margin-left:180px;
  line-height: 20px; 
  font-weight: normal;
  color: #F73460;
  vertical-align: top;
}

.zpFormLogomark .fieldError {
  font-weight: bold;
}


.zpFormLogomark div label.MainlabelRadio
{
	float:left;
	width:150px;
	text-align:right;
	margin: 0pt 0pt 0pt 0pt;
}
.zpFormLogomark div select.short {
	width : 100px;
}
.zpFormLogomark div input.short {
width: 100px;
}