/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding: 0; margin: 0; border: none; }
legend      { font-weight: bold; font-size:1.2em; }
input, 
textarea, 
select      { font-family: arial, helvetica, sanserif; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0 0 0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; padding:5px; }

input.checkbox { width: 20px; }



/* Success, notice and error boxes
-------------------------------------------------------------- */

.formfielderror  { color: #8a1f11; }


/* Contact Form fields
-------------------------------------------------------------- */

#contact-form {
    background: #f2f8ff;
    width: 370px;
    margin-left: 95px;
    padding: 20px;
    border: 1px solid #dadada;
    }

#contact-form fieldset {
    margin: 0 0 15px 0;
    }

#contact-form input,
#contact-form textarea,
#contact-form select {
    margin: 0;
    border: 1px solid #bbb;
    }

#contact-form input:focus,
#contact-form textarea:focus,
#contact-form select:focus {
    border:1px solid #666;
    }

#contact-form label { 
    display: block;
    font-size: .85em;
    line-height: 1.2em;
    margin: 5px 0;
    }

#contact-form input    { width: 250px; padding: 4px 6px; }
#contact-form select   { width: 60px; padding: 3px 3px 3px 3px; }
#contact-form textarea { width: 354px; height: 120px; padding: 4px 6px; }

#contact-form fieldset.clearfix label { 
    width: 105px;
    float: left;
    }
    
#contact-form fieldset.clearfix label.error { 
    width: 300px; color: red;
    }

#contact-form fieldset.clearfix input,
#contact-form fieldset.clearfix select { 
    float: left;
    }

#contact-form input#submit, 
#contact-form input#submit-btn { 
    border: none;
    background: url('/img/btn-submit.png') no-repeat left top;
    width: 132px; height: 50px; overflow: hidden;
    cursor: pointer;
    }

    #contact-form input#submit:hover,
    #contact-form input#submit-btn:hover { background-position: left -50px; }


#contact-form p.required-fields { 
    font-size: .75em;
    margin: 15px 0 0 0;
    }



/* AMPS Form fields
-------------------------------------------------------------- */

#amps-form {
    background: #cbd8e2 url(/img/share.png) repeat-x center top;
    width: 370px;
    margin-left: 173px;
    padding: 20px;
    }

#amps-form fieldset {
    margin: 0 0 15px 0;
    }

#amps-form fieldset.checkbox {
    margin: 0 0 5px 0;
    }

#amps-form input,
#amps-form textarea,
#amps-form select {
    margin: 0;
    border: 1px solid #bbb;
    }

#amps-form input:focus,
#amps-form textarea:focus,
#amps-form select:focus {
    border:1px solid #666;
    }

#amps-form label,
#amps-form h2 { 
    display: block;
    font-size: .85em;
    line-height: 1.2em;
    margin: 5px 0;
    }

#amps-form h2 { 
    margin-top: 20px;
    font-weight: bold;
    }

#amps-form input { width: 250px; padding: 4px 6px; }
#amps-form input[type="checkbox"],
#amps-form input[type="radio"] { width: 20px; padding: 4px 10px; margin: 5px 0 0 10px; display: block;  border: none; }

#amps-form select    { width: 60px; padding: 3px 3px 3px 3px; }
#amps-form textarea     { width: 354px; height: 120px; padding: 4px 6px; }

#amps-form fieldset.clearfix label { 
    width: 105px;
    float: left;
    }

    #amps-form fieldset.checkbox label,
    #amps-form fieldset.radio label { width: 300px; }


#amps-form fieldset.clearfix input,
#amps-form fieldset.clearfix select { 
    float: left;
    }

#amps-form input.submit { 
    border: none;
    background: url('/img/btn-submit.png') no-repeat left top;
    width: 132px; height: 50px; overflow: hidden;
    cursor: pointer;
    margin: 0 0 0 120px;
    _margin: 0 0 0 60px;
    text-indent: -999999px;
    }

    #amps-form input.submit:hover { background-position: left -50px; }

#amps-form p.required { 
    font-size: .75em;
    margin: 15px 0;
    }

/* Success, notice and error boxes
-------------------------------------------------------------- */

#amps-form .error,
#amps-form p.required.error { color: #8a1f11; }

#amps-form fieldset.clearfix label.error { width: 200px; padding-left: 105px; }

#amps-form input.error  { border: 1px solid #8a1f11; }