/*
-----------------------------------------------
Client: N/A
Project: CSS Design Dayspring Technologies Library

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

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

/* Layout
------------------------------------------------- */
form {
  margin:15px 0 0;
  padding:0;
  }
form ul {
  list-style:none;
  margin:0;
  padding:0;
  }
form li {
  margin:0 0 3px 0;
  padding:3px 10px 6px;
  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 {
  color:#42352e;
  display:block;
  font-size:85%;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
  }
form li label acronym { /* Styles asterisk that indicates a required field. */
  border:0;
  color:#df0000;
  cursor:help;
  font-size:100%;
  }
form input {
  color:#42352e;
  font-size:100%;
  margin:0;
  padding:2px;
  width:300px;
  }
form input.small {
  width:40px;
  }
form input.paypal {
  display:block;
  margin:0 auto;
  width:120px;
}
form fieldset {
  border:0;
  margin:0;
  padding:0;
  }
form legend {
  color:#42352e;
  font-weight:normal;
  font-size:85%;
  margin:0;
  padding:0 0 5px 0;
  }
form select {
  color:#42352e;
  display:block;
  font-size:85%;
  margin:0;
  padding:0;
  width:auto;
  }
form option {
  margin:2px;
  }
form textarea {
  color:#42352e;
  font-size:85%;
  padding:2px;
  width:350px;
  }
form input.submit {
  color:#42352e;
  font-size:85%;
  font-weight:normal;
  margin:0 5px 5px 0;
  padding:2px 10px;
  width:auto;
  }

/* Phone Number Area 
------------------------------------------------- */
form fieldset legend {
  color:#42352e;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
  }
* 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:85%;
  margin:0;
  width:40px;
  }
form fieldset span label {
  display:block;
  font-weight:normal;
  font-size:75%;
  margin:0;
  padding:0;
  vertical-align:top;
  }

/* 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 {
  margin:0 5px 0 0;
  padding:0;
  width:auto;
  }
form fieldset.radio label {
  display:inline;
  font-size:85%;
  font-weight:normal;
  margin:0;
  padding:0;
  }

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