/*  ----------------------------------------------------------------------------
    * Filename:         forms.css
    * Description:      -
    * Version:          1.2 (2011-02-11)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Inputs
----------------------------------------------------------------------------- */

.input1                     { background: #FFFFFF; border: 1px solid #CCCCCC; color: #000000; }
.input1:focus               { background: #FFFFFF; border: 1px solid #888888; color: #000000; }

/*  ----------------------------------------------------------------------------
    2. Buttons
----------------------------------------------------------------------------- */

.button1                    { background: #222222; border: 1px solid #000000; color: #FFFFFF; }
.button1:hover              { background: #006699; }

/*  ----------------------------------------------------------------------------
    3. Selects
----------------------------------------------------------------------------- */

.select1                    { background: #FFFFFF; border: 1px solid #CCCCCC; color: #000000; }
.select1:focus              { background: #FFFFFF; border: 1px solid #888888; color: #000000; }

/*  ----------------------------------------------------------------------------
    3. Forms
----------------------------------------------------------------------------- */

.form1                              { width: 380px; }
.form1 .field                       { clear: both; overflow: hidden; background: #EEEEEE; margin: 0 0 3px 0; padding: 5px; }
.form1 .field label                 { float: left; width: 135px; padding: 3px 0; }
.form1 .required label              { font-weight: bold; }
.form1 .field .input1               { float: left; width: 229px; padding: 2px; height: 18px; line-height: 18px; }
.form1 .field textarea.input1       { height: 100px; }
.form1 .field .select1              { float: left; width: 235px; padding: 2px; }
.form1 .field .captcha1             { clear: both; float: right; margin: 6px 0 0 0; }
.form1 .field .checkbox-holder,
.form1 .field .radio-holder         { float: left; margin: 0 10px 0 0; padding: 3px 0; }
.form1 .buttons                     { clear: both; text-align: center; }
.form1 .buttons .button1            { width: 100px; padding: 4px 7px; }