/* -------------------------------------------------------------- 
   
   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:1.4em; margin: 0 0 1.5em 0; }
legend      { font-weight: bold; font-size:1.2em; }
input, 
textarea, 
select      { font-family: arial, helvetica, sanserif; }



/* Header Search -------------------------------------------------------- */

#search form {
    padding: 0;
    }

#search .input, #search .submit {
    background: transparent;
    font-weight: bold;
    }

#search .input {
    font-size: 14px;
    line-height: 16px;
    width: 202px;
    color: #660000;
    }

#search .submit {
    border: none;
    font-size: 11px;
    line-height: 11px;
    padding: 2px 4px 5px 5px;
    color: #737351;
    width: 60px;
    .width: 54px;
    }

#search .submit:hover {
    color: #4f4f32;
    background: url('/design/img/search_button_header.png') repeat-x left top;
    }


/* Footer Search -------------------------------------------------------- */

.search form {
    padding: 0;
    }


.search .input {
    font-size: 10px;
    text-transform: uppercase;
    width: 67px;
    color: #000000;
    background: #ecece2;
    border: none;
    margin: 0;
    padding: 4px 0 2px 4px;
    }

.search .submit {
    width: 19px;
    height: 19px;
    padding: 0 0 3px 3px;
    margin: 0 0 0 -4px;
    color: #737351;
    background: #d9d9c5 url('/design/img/search_button_footer.png') no-repeat left top;
    border: none;
    }

.search .submit:hover {
    background: #d9d9c5 url('/design/img/search_button_footer.png') no-repeat left -19px;
    }




/* Stay Informed -------------------------------------------------------- */


#signup fieldset {
    border: none;
    padding: 0;
    margin: 0;
    }

#signup .input, #signup .submit {
    font-size: 12px;
    line-height: 12px;
    color: white;
    margin: 0;
    }


#signup .input {
    border: 1px #8e8e6c solid;
    border-right: none;
    padding: 5px 5px 5px 6px;
    .padding: 5px 5px 2px 6px;
    color: white;
    margin: 0;
    background: #999977 url('/design/img/signup_input_tile_home.png') no-repeat left top;
    }

#signup .submit {
    border: 1px #78785d solid;
    padding: 4px;
    .padding: 4px 4px 3px 4px;
    margin: 0 0 0 -4px;
    font-weight: bold;
    text-transform: uppercase;
    background: #838368 url('/design/img/signup_submit_tile_home.png') no-repeat left top;
    .background: #838368 url('/design/img/signup_submit_tile_home.png') no-repeat -1px -2px;
    }

#signup .input_error {
    font-size: 12px;
    line-height: 12px;
    color: white;
    font-weight: bold;
    margin: 0;
    border: 1px #8e8e6c solid;
    border-right: none;
    padding: 5px 5px 5px 6px;
    .padding: 5px 5px 2px 6px;
    margin: 0;
    background: #a60000 url('/design/img/signup_input_error_home.png') no-repeat left top;
    }

/* Primary and Secondary Column Form Fields -------------------------------------------------------- */

#primary select, #primary .input,
#secondary select, #secondary .input {
    border: 1px solid #d9d9c5;
    font-size: 12px;
    color: #898989;
    padding: 2px;
    margin-top: 5px;
    }

#primary select { width: 200px; }

#secondary select { width: 150px; }




/* Contact Forms -------------------------------------------------------- */

form dl {
    width: 600px;
    }

form dt, form dd {
    float: left;  
    }

form dt {
    width: 155px; text-align: right; padding: 0; margin: 0;
    }

form dd {
    width: 350px; padding: 0; margin: 0;
    }

form dt label {
    font-size: .9em; line-height: .9em; padding: 0; margin: 0;
    }

form dd input, form dd textarea, form dd select {
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    border: 1px #a3acb5 solid;
    padding: 3px 2px 3px 6px;
    margin: 0 0 0 10px;
    background: #e9f2fa repeat;
    width: 400px;
    }

form dd .submit {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    border: 1px #a3acb5 solid;
    padding: 3px 6px;
    margin: 0;
    background: #8e9db1 url('/design/img/8e9db1.png') repeat;
    }



form table            { margin-bottom: 1.4em; width:100%; }
form th               { font-weight: bold;  }
form th,form td       { padding: 4px 10px 4px 5px; }