/*
-----------------------------------------------
Client:REDF
Project:Web Site Redesign (http://www.redf.org/)

File Name:form.css 
Notes:Styles all form elements.

Author:Dayspring Technologies, Inc.
Email:info@dayspring-tech.com
Web:http://www.dayspring-tech.com/
----------------------------------------------- */

/* Layout
------------------------------------------------- */
form {
  margin:0 0 15px;
  padding:0;
  }
form ul {
  margin:0;
  padding:0;
  }
form li {
  list-style:none;
  margin:0 0 3px;
  padding:3px 5px 5px 0px;
/*  position:relative;*/
  }
form li.info, form li p { /* When there is no error. */
  display:none;
  }
form li.focused { /* Highlights the entire li for active control. */
  background-color:#f0f8fc;
  }

/* Typography and Form Elements
------------------------------------------------- */
form li label {
  display:block;
  font-size:100%;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
	position:static;
  width:auto;
	}
form li label acronym { /* Styles asterisk that indicates a required field. */
  border:0;
  color:#df0000;
  cursor:help;
  font-size:100%;
  }
form label {
  position:static;
  }
form input {
  font-size:100%;
  margin:0 0 3px;
  padding:2px;
  width:150px;
  }
form input.checkbox,
form input.radio, 
form input[type=image] {
  border: 0px none;
  font-size:100%;
  margin:0;
  padding:2px;
  width:auto;
  }
form fieldset {
  border:0;
  margin:0;
  padding:0;
  }
form legend {
  font-weight:normal;
  font-size:120%;
  margin:0;
  padding:0 0 5px 0;
  }
form select {
  display:block;
  font-size:100%;
  margin:0;
  padding:0;
  width:250px;
  }
form select#edit-field-bubble-up-tag-tid {
  width:450px;
  }
form option {
  margin:0px;
  }
form textarea {
  font-size:100%;
  padding:2px;
  width:350px;
  }
form input.submit {
  cursor:pointer;
	font-size:100%;
  font-weight:normal;
  margin:0 5px 5px 0;
  padding:2px 10px;
	text-align:center;
  width:auto;
  }
form input.form-image {
  font-size:100%;
  margin:0;
  padding:2px;
  width:auto;
  border: 0px none;
  }
#farber-profile-form input.img-btn-submit,
form input.img-btn-submit {
  background: transparent url(/img/btn-submit.gif) no-repeat center top;
  border: 0px none;
  width: 53px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  
#farber-profile-form input.img-btn-preview,
form input.img-btn-preview {
  background: transparent url(/img/btn-preview.gif) no-repeat center top;
  border: 0px none;
  width: 57px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  
#farber-profile-form input.img-btn-attach,
form input.img-btn-attach {
  background: transparent url(/img/btn-attach.gif) no-repeat center top;
  border: 0px none;
  width: 50px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  
#farber-profile-form input.img-btn-search,
form input.img-btn-search {
  background: transparent url(/img/btn-search.gif) no-repeat center top;
  border: 0px none;
  width: 51px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  
#farber-profile-form input.img-btn-createacct,
form input.img-btn-createacct {
  background: transparent url(/img/btn-createacct.gif) no-repeat center top;
  border: 0px none;
  width: 113px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  
#farber-profile-form input.img-btn-delete,
form input.img-btn-delete {
  background: transparent url(/img/btn-delete.gif) no-repeat center top;
  border: 0px none;
  width: 50px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  
#farber-profile-form input.img-btn-filter,
form input.img-btn-filter {
  background: transparent url(/img/btn-filter.gif) no-repeat center top;
  border: 0px none;
  width: 50px;
  height: 19px;
  text-indent: -10000px;
  display: block;
  float: left;
}  

/* Phone Number Area 
------------------------------------------------- */
form fieldset {
  margin-top:20px;
}
form fieldset legend {
  font-weight:bold;
  margin:0pt 0pt 5px 0pt;
  padding:0;
  }
form fieldset.collapsible legend {
  font-size: 100% !important;
}
* html form fieldset legend { /* Corrects misalignment in IE6. */
  margin-left:-7px;
  }
form fieldset span {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  }
form fieldset span input {
  font-size:100%;
  margin:0;
  width:40px;
  }
form fieldset span label {
  display:block;
  font-weight:normal;
  font-size:100%;
  margin:0;
  padding:0;
  }

/* Services Area 
------------------------------------------------- */
form fieldset.radio legend {
  margin-bottom:0;
  }
form fieldset.radio span {
  display:block;
  float:none; 
  margin:5px 0 0 0;
  padding:0;
  }
form fieldset.radio input {
  border:0;
	margin:0 5px 0 0;
  padding:0;
  width:auto;
  }
form fieldset.radio label {
  display:inline;
  font-size:100%;
  font-weight:normal;
  margin:0;
  padding:0;
  }

/* Error Styles
------------------------------------------------- */
form li.error{
  background:#ffdfdf;
  }
form li.error label, form li.error legend {
  color:#df0000;
  font-weight:bold;
  }
form li.error p {
  color:#df0000;
  display:block;
  font-size:93%;
  font-weight:bold;
  margin:5px 0 0 0; /* Space between error msg and input field. */
  padding:0;
  }
li.errorinfo,
form li.errorinfo {
  list-style:none;
  border:1px dotted #df0000;
  display:block;
	margin-top:-10px;
  margin-bottom:10px;
  padding:15px 10px;
  }
li.errorinfo h3,
form li.errorinfo h3 {
  font-family:verdana,sans-serif;
  font-size:100%;
  margin:0 0 5px;
  }
form li.errorinfo p {
  display:block;
  font-size:100%;
  margin:0;
  padding:0;
  }
form li.errorinfo em {
  background-color:#ffdfdf;
  color:#df0000;
  font-style:normal;
  font-weight:bold;
  margin:-2px;
  padding:2px;
  }
.form-item .description {
  margin-bottom: 10px;
  /*margin-top: 3px;*/
}

/* Form Comments - hack to hide preview button
------------------------------------------------- */
form#comment-form input#edit-preview {
   display:none;
}

.panel-pane .buttons input,
div.panels-display .pane-add {
  width: auto;
}

/* FARBER PROFILE FORM
-------------------------------------------------*/
#farber-profile-form li {
  padding: 0;
  margin: 0;
}

#farber-profile-form .participation-header {
  font-size:105%;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:5px;
}

#farber-profile-form h4 {
  font-size:110%;
}
#field-farber-alumn-image-attach-wrapper fieldset {
  margin-top:0px;
}
#field-farber-alumn-image-attach-wrapper legend {
  font-size:110%;
  margin-bottom:0px;
  color:#f55d07;
  font-weight:bold;
}

#farber-profile-form li label {
  float: left;
  font-size: 105%;
  width: 200px;
}
#farber-profile-form li label.option {
  width: auto;
  margin-right: 10px;
}
#farber-profile-form input {
  width: 300px;
}
#farber-profile-form input[type="image"], 
#farber-profile-form input.checkbox, 
#farber-profile-form input.radio {
  width: auto;
}

/*
#farber-profile-form input, #farber-profile-form textarea {
  width: 59%;
}
*/

#farber-profile-form select {
  font-size:100%;
  margin:0 0 3px;
  width: 308px;
  display: inline;
}

#farber-profile-form div.farber-profile-form-section {
  padding: 5px 10px 5px 10px;
  width:99%;
  border:1px solid black;
}

#farber-profile-form div.farber-profile-inner-section-left {
  float:left;
  width:48%;
}

#farber-profile-form div.farber-profile-inner-section-right {
  float:right;
  width:48%;
}

#farber-profile-form li label[for=edit-log],
#farber-profile-form li label[for=edit-field-farber-how-help-0-value],
#farber-profile-form li label[for=edit-field-farber-advice-transition-0-value] {
  width:99%;
  clear:both;
  float:none;
}

/*
#farber-profile-form li resizable-textarea {
  width:99%;
}
*/

#farber-profile-form div.form-radios {
  clear: both;
}
#farber-profile-form div.full-width label {
  width: auto;
}