/*  -------------------------------------------------------------
    * Filename:         forms.css
    * Version:          1.9
-------------------------------------------------------------- */
label, select, input, textarea  { float: left; text-align: left; vertical-align: top; }

label                           { display: inline-block; }

select                          { border-style: solid; border-width: 1px; height: 20px; }

/*  -------------------------------------------------------------
    1.1. Inputs
-------------------------------------------------------------- */

.inputText, .inputText-focus    { border-style: solid; border-width: 1px; width: auto; height: 18px; padding: 1px 5px; font-size: 11px; }

.inputText                      { background: #ECEFFE url(../images/charte/inputtext-bg.jpg) repeat-x top left; border-color: #00008B; color: #00008b; }

.input2, .input2-focus          { border-style: solid; border-width: 1px; width: auto; height: 18px; padding: 1px 5px; font-size: 12px; }

.input2                         { background: #FFFFFF; border-color: #AFC5F6; color: #454545; }

.input2-focus                   { background: #FFFFFF; border-color: #32CD33; color: #202020; }

.inputCheckbox, .inputRadio     { width: 13px !important; height: 13px !important; margin: 3px 5px 0 0; overflow: hidden; }

.inputButton                    { float: none; cursor: pointer; font-size: 12px; text-align: center; overflow: visible; border: 0; }

/*  -------------------------------------------------------------
    1.2. Buttons
-------------------------------------------------------------- */

.button1, .button1-focus        { font-weight: bold; padding: 3px; line-height: 14px; min-width: 120px; width: auto !important; width: 120px; }
.button1                        { background: #5FFD5E; border: 1px solid #3EDE3E; color: #01008A; }
.button1-focus                  { background: #FFDB17; border: 1px solid #FEC803; color: #01008A; }

.button2, .button2-focus        { font-weight: bold; line-height: 14px; width: 120px; height: 30px; font-family: Tahoma, Arial, sans-serif; }
.button2                        { background: url(../images/charte/button2-bg.jpg) no-repeat left top; color: #01008A; }
.button2-focus                  { background: url(../images/charte/button2-focus-bg.jpg) no-repeat left top; color: #01008A; }


.ok-btn, .ok-btn-focus          { background: url(../images/charte/ok-btn-bg.jpg) no-repeat left top; width: 34px; height: 22px; float: left; }
.ok-btn-focus                   { background-position: left bottom; }

/*  -------------------------------------------------------------
    1.3. Others
-------------------------------------------------------------- */

.field, .field2                 { float: left; display: block; width: 100%; overflow: hidden; padding: 0 0 6px 0;}
.field-last                     { padding: 0; }
.field label                    { margin-top: 2px; }
.buttons                        { clear: both; margin: 0 auto; text-align: center; }
.captcha                        { border: 1px solid #AFC5F6; }

.form1                          { float: left; }
.form1 .grid1                   { float: left; padding: 0 20px 0 0; width: 348px; }
.form1 .grid2                   { float: left; width: 348px; }
.form1 label                    { width: 135px; padding: 0 5px 0 0; }
.form1 .inputText               { width: 196px; }

.form2                          { float: left; }
.form2 label                    { width: 145px; padding: 0 5px 0 0; }
.form2 .inputText               { width: 220px; }


.file-upload{
    float: left; position: relative; overflow: hidden; display: block; width: 208px;
}
.file-upload a{
    float: right; z-index: 101; position: relative; display: block; overflow: hidden; cursor: default;
    width: 80px; height: 20px; line-height: 20px;
    text-decoration: none !important; text-align: center;
    background: #53F353; border: 1px solid #3EDE3E; color: #01008A !important;
    font-weight: bold !important; font-size: 11px;
}
.file-upload a:hover{
    background: #FFE41F; color: #01008A !important; border-color: #FEC803;
}
.file-upload .fakefile{
    float:left; z-index: 100; position: absolute; top: 0; left: 0;
    width: 100%; height: 16px; padding: 2px 4px;
    text-align: left;
    border: 1px solid #AFC5F6; border-right: 0; background: #FFFFFF; color: #454545;
}
.file-upload .truefile{
    z-index: 102; position: absolute; top: 0; right: 0; cursor: default;
    height: 22px; width: auto;
}