form p.required
{
  font-weight:bold;
}

form p.fElem
{
  position:relative;
  clear:both;
  margin:5px 0 4px;
  padding:3px 0 0;
}

/*********************
  =LABELS
  ********************/
form p.fElem label,
form label
{
  width:200px;
  float:left;
  clear:left;
  padding-top:5px;
  font-size:11px;
  font-weight:normal;
  text-align:right;
}
form p.fElem label.required,
form label.required
{
  font-weight:bold;
}

/*********************
  =BASIC ELEMENTS
  ********************/
form p.fElem input,
form p.fElem select
{
  width:185px;
  margin-left:5px;
}
form p.fElem textarea
{
  width:375px;
  height:65px;
  margin-left:5px;
}

form p.fElem input[disabled]
{
  background:#edf0ec;
  
}
form select
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/*********************
  =ALERTS
  ********************/
form p.fElem span.alert,
form span.alert,
div.simform span.alert
{
  display:block;
  margin:0 0 0 205px;
  padding:2px 0 2px 20px;
  background:transparent url(../images/icon.fElem.alert.png) no-repeat left top;
  color:#f00;
  font-size:11px;
}

form p.fElem input.alert,
form p.fElem select.alert,
form p.fElem textarea.alert,
form input.alert,
form select.alert,
form textarea.alert
{
  background:#ffece5;
  color:inherit;
}

/*********************
  =HELP AND HINT
  ********************/
form p.fElem label span.help,
form label span.help,
div.simform span.help
{
  display:block;
  font-size:1.0em;
  font-weight:normal;
}

form p.fElem a.hint,
form a.hint,
div.simform a.hint
{
  position:absolute;
  right:0;
  width:130px;
  font-size:1.1em;
  line-height:2.5em;
}
form p.fElem kbd.help,
form kbd.help,
div.simform kbd.help
{
  display:block;
  width:355px;
  margin:3px 0 0 207px;
  padding:0;
  background:transparent;
  color:#696969;
  font-family:verdana;
  font-size:1.0em;
}

/************************
  =FIELDSET
  ***********************/

form fieldset
{
  position:relative;
  margin:5px 10px;
  background:#edf7ed;
  color:inherit;  
  border:1px solid #d4f5d4;  
}
form fieldset h3
{
  font-size:1.1em;
  font-weight:bold;
}

form fieldset p.fElem label
{
  width:189px;
}
form fieldset p.fElem span.alert,
form span.alert
{
  margin-left:194px;
}
form fieldset p.fElem.streetAddress input.line2
{
  margin-left:194px;
}


/******************************
  =SELECTASLABEL
  *****************************/
form p.fElem.selectAsLabel span.alert
{
  margin-left:399px;
}

/******************************
  =STREETADDRESS
  *****************************/

form p.fElem.streetAddress input
{
  width:375px;
}
form p.fElem.streetAddress input.line2
{
  display:block;
  margin-top:3px;
  margin-left:205px;
}


/******************************
  =EMAIL
  *****************************/

form p.fElem input.email
{
  width:375px;
}

/******************************
  =ZIP
  *****************************/

form p.fElem input.ZIP
{
  width:100px;
}

/******************************
  =CHECKBOX
  *****************************/
  
form p.fElem.checkbox
{
  position:relative;
  clear:both;
  margin:3px 0 4px 208px;
}
form p.fElem.checkbox label
{
  width:155px;
  float:none;
  clear:none;
  font-size:11px;
  text-align:left;
  line-height:1.5em;
}
form p.fElem.checkbox input
{
  position:relative;
  width:16px;
  float:left;
  clear:left;
}
form p.fElem.checkbox span.alert
{
  display:block;
  margin:0;
  padding:2px 0;
  background:transparent;
  color:#f00;
  font-size:11px;
}

/******************************
  =PHONENUMBER
  *****************************/

form p.fElem.phoneNumber span.areaCode
{
  margin-left:5px;
}
form p.fElem.phoneNumber span.areaCode input
{
  width:35px;
  margin:0;
}
form p.fElem.phoneNumber span.exchange input
{
  width:35px;
  margin:0;
}
form p.fElem.phoneNumber span.participantNumber input
{
  width:55px;
  margin:0;
}
form p.fElem.phoneNumber span.extension input
{
  width:55px;
  margin:0;
}

/******************************
  =DEPENDENTCHECKBOX
  *****************************/
form p.fElem.dependentCheckbox
{
  position:relative;
  clear:both;
  margin:3px 0 4px 205px;
}
form p.fElem.dependentCheckbox label
{
  float:none;
  clear:both;
  text-align:left;
  line-height:1.5em;
}
form p.fElem.dependentCheckbox label input
{
  position:relative;
  width:16px;
  float:left;
  clear:left;
  margin:0;
  padding:0;
}
form p.fElem.dependedCheckbox label.dependent
{
  display:block;
  position:relative;
  width:200px;
  float:left;
  clear:left;
  padding-top:5px;
  font-weight:normal;
  text-align:right;
}

/******************************
  =CUSTOMERHEIRARCHY
  *****************************/

form fieldset.customerHierarchy
{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

form fieldset.customerHierarchy span.alert
{
  display:block;
  margin:0 0 0 220px;
  padding:2px 0 0 20px;
  background:transparent url(../images/icon.fElem.alert.png) no-repeat left top;
  color:#f00;
  font-size:11px;
}

form fieldset.customerHierarchy h3
{
  width:170px;
  float:left;
  clear:left;
  padding-top:5px;
  font-size:11px;
  font-weight:normal;
  text-align:right;
}
form fieldset.customerHierarchy h3.required
{
  font-weight:bold;
}
form fieldset.customerHierarchy ul
{
  float:left;
  margin:12px 0 0;
  padding:0 !important;
}
form fieldset.customerHierarchy ul ul
{
  float:none;
  margin:0;
}
form fieldset.customerHierarchy ul li ul li
{
  padding-left:15px;
}
form fieldset.customerHierarchy ul li
{
  margin:0;
  padding:0;
}
form fieldset.customerHierarchy ul li p.fElem
{
  margin:0;
  padding:0;
}

/******************************
  =CUSTOMERSEARCH
  *****************************/

div#customerSearch form p.fElem
{
  position:relative;
  float:left;
  clear:none;
  width:225px;
  padding-top:22px;
}
div#customerSearch form#customerNameSearch p.fElem
{
  width:485px;
}

div#customerSearch form p.fElem label
{
  width:20px;
  float:left;
  clear:left;
  padding-top:5px;
  font-size:11px;
  font-weight:bold;
  text-align:right;
}

div#customerSearch form#customerNameSearch p.fElem label
{
  width:65px;
}

div#customerSearch form p.fElem input,
div#customerSearch form p.fElem select
{
  width:185px;
  margin-left:10px;
}
div#customerSearch form#customerNameSearch p.fElem input
{
  width:400px;
}

div#customerSearch form p.fElem span.alert
{
  position:absolute;
  top:3px;
  left:0;  
  display:block;
  margin:0 0 0 30px;
  padding:0 0 2px 20px;
  background:transparent url(../images/icon.fElem.alert.png) no-repeat left top;
  color:#f00;
  font-size:11px;
}
div#customerSearch form#customerNameSearch p.fElem span.alert
{
  margin:0 0 0 75px;
  padding-top:0;
}

div#customerSearch form p.fElem kbd.help
{
  display:block;
  width:355px;
  margin:3px 0 0 32px;
  padding:0;
  background:transparent;
  color:#696969;
  font-family:verdana;
  font-size:1.0em;
}
div#customerSearch form#customerNameSearch p.fElem kbd.help
{
  margin-left:77px;
}

div#customerSearch form button
{
  margin:25px 0 0 10px;
}



/******************************
  =BUTTONBAR
  *****************************/
form div.buttonBar
{
  height:auto;
  width:auto;
  clear:both;
  overflow:auto;
  margin:10px 50px 0 0;
}
form div.buttonBar button,
form div.buttonBar input
{
  float:right;
  margin:7px;
}


/******************************
  =REPORTCATEGORY
  *****************************/
label#reportCategoryLabel,
label#templateLabel
{
	width: 150px;
}