/* -------------------------------------------------------------- 
   
   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; }



/* Resolution and Ammendments Search
-------------------------------------------------------------- */

#resolutions-search {
    padding: 20px;
    width: 300px;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
    }
    
#resolutions-search label {
    display: block;
    line-height: 1.1em;
    margin-bottom: 5px;
    }

#resolutions-search .input {
    width: 225px;
    }



/* Click to Call
-------------------------------------------------------------- */

#revmsg-CallSignupForm {
    border: 1px solid #bde4fd;
    background: #dff3ff;
    margin: 25px 50px;
    padding: 20px;
    text-align: center;
    }
    
#revmsg-CallSignupForm h2 {
    color: #005f9b;
    font-weight: bold;
    margin-bottom: 15px;
    }
    
#revmsg-CallSignupForm span {
    display: block;
    padding: 0 0 15px 90px;
    }
    
#revmsg-CallSignupForm span label,
#revmsg-CallSignupForm span input{
    float: left;
    }
  
#revmsg-CallSignupForm span label {
    width: 110px;
    }
    
#revmsg-CallSignupForm input#submit {
    background: #00a652;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #005428;
    padding: 8px;
    }
    
#revmsg-CallSignupForm input#submit:hover {
    background: #005a93;
    }
    
/* Photo Form Submission
-------------------------------------------------------------- */


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

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

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

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

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

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

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

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

#photo-form input.submit  { 
   background: url('/img/submit-photo.png'); 
    margin-top:10px;
    height: 34px;
    width: 100px;
    border: none;
    text-indent: -9999px;
  
    }

#photo-form  input.submit:hover { background-position: left -34px; }

#photo-form input#submit, 
#photo-form input#submit-btn { 
   background: url('/img/submit-photo.png'); 
    margin-top:10px;
    height: 34px;
    width: 100px;
    border: none;
    text-indent: -9999px;
    }

#photo-form input#submit:hover,
#photo-form input#submit-btn:hover { background-position: left -34px; }
    
#photo-form input#submit:active,
#photo-form input#submit-btn:active { top: 1px; }


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

#photo-form .checkbox input { 
    width: 20px; 
    margin: 5px 0;
    }

#photo-form fieldset.clearfix.checkbox label { 
    width: 350px; 
    }