/* -------------------------------------------------------------- 
   
   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; }
input.image               { margin: 0; }

/* Textareas */
textarea            { margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #7f9db9; background:#fff; color: #666; }
select:focus        { border:1px solid #fff; background:#fff; color: #333; }

/* Fieldsets */
fieldset    { padding: 0; margin: 5px 0; border: 0px; }
legend      { font-weight: bold; font-size:1.2em; }

/* Custom Fields */
.search-shell { width: 160px; margin:0; height: 20px; background: #fff; color: #a1c5d8; font-size: 14px; font-weight: 500; padding: 4px 2px 4px 8px; border: 0px; }
input.searchfield { width: 134px; margin:0; height: 20px; background: #fff; color: #a1c5d8; font-size: 14px; font-weight: 500; border: 0px; }
input.email { width: 205px; background: #fff; font-size: 16px; font-weight: normal; color: #6d5c5f; font-style: italic; height: 18px; padding: 4px 8px; border: 0px; border-right: 1px #e2dedf solid; }
input.zip { width: 80px; background: #fff; font-size: 16px; font-weight: normal; color: #6d5c5f; font-style: italic; height: 18px; padding: 4px 8px; border: 0px; }
input.phone-field { background: #fff; border: 1px #aaa solid; color: #999; font-weight: normal; padding: 3px; font-size: 10px; }
input.phone-field .error { border: 1px #ff0000 solid; color: #ff0000; }


#splash-wrapper input.first, #splash-wrapper input.last, #splash-wrapper input.email, #splash-wrapper input.zip {
    background: #fff; 
    font-size: 15px; 
    font-style: normal;
    font-weight: normal; 
    color: #6e5c5f; 
    height: 18px; 
    padding: 4px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px #dfd8d9 solid; 
    margin-bottom: 5px;
}
#splash-wrapper input.first { width: 122px; margin-right: 5px; }
#splash-wrapper input.last { width: 190px; }
#splash-wrapper input.email { clear: both; width: 232px; margin-right: 5px;  }
#splash-wrapper input.zip { width: 80px; }

#post-rev-submit {
  font-size: 16px; color: #29609d; line-height: 1.2em;
}

#page #contact { clear:both; border-top: 1px #dedede solid; margin: 10px 0; padding: 10px 0; }
#page input { width: 400px; height: 16px; padding: 4px 6px; border: 1px #dedede solid; }
#page input:focus { border: 1px #333 solid; }
#page label { width: 150px;  display: block; float:left; text-align: right; padding-right: 20px; }
#page textarea { width: 400px; padding: 4px 6px; border: 1px #dedede solid; }
#page #form_submit { height: 32px; width: 100px; font-size:16px; padding:6px 12px; color: #fff; font-weight: bold; text-transform: uppercase; background: #f8842a; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#news_filter input { width: auto; padding: 0; float:left;  }
#news_filter label { width: auto; padding: 0 20px 0 5px; margin-top: -2px; float:left;  }
#news_filter { clear: both; width: auto; padding-bottom: 10px; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { }
.error      { color: #D12F19; }
label.error { font-size: 12px; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.formfield  { font-weight:normal; }
.required   { font-weight:normal; color: #999; }