/* --------------------------------------------------------------

    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: normal; }
fieldset           { margin: 0; padding: 15px 0; border-top: 1px solid #ececec; }
legend             { font-size: 1.2em; font-weight: bold; }


/* =Form fields
-------------------------------------------------------------- */

input,
select,
button,
.button            { cursor: pointer; }
label[for],
a[href]            { cursor: pointer; }

input[type="text"],
input[type="password"] { margin: 0; border: 1px solid #e3e3e3; background: #fff; color: #808080; cursor: text; }
input.text,
input.title,
select,
textarea           { margin: 0; border: 1px solid #e3e3e3; background: #fff; color: #808080; cursor: text; }

select             { padding: .1em .2em 0; }
option             { padding: 0 .4em; background: #fff; }

input[type="text"]:focus,
input[type="password"]:focus { border-color: #888; background: #e6e0e7; color: #010101; }
input.text:focus,
input.title:focus,
select:focus,
textarea:focus     { border-color: #888; background: #e6e0e7; color: #010101; }

input.error,
select.error,
textarea.error     { border: 1px solid #fd8924 !important; background: #fff5ec !important; }

input[type="hidden"] { display: none; }

input[type="text"],
input[type="password"] { padding: .3em .4em .15em; width: 250px; }
input.text,
input.title        { padding: .3em .4em .15em; width: 250px; }
input.title        { font-size: 1.5em; }

input[type="checkbox"],
input[type="radio"] {
    position: relative;
    top: -1px;
    margin: 0 3px 1px 0;
    padding: 0;
    vertical-align: middle;
    }
input.checkbox,
input.radio {
    position: relative;
    top: -1px;
    margin: 0 3px 1px 0;
    padding: 0;
    vertical-align: middle;
    }
input.next-item { margin-left: 25px; }

textarea {
    padding: .3em .4em .15em;
    width: 550px;
    height: 100px;
    overflow: auto;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    }

a.button,
button {
    position: relative;
    padding: 0 10px;
    border: 0;
    height: 24px;
    line-height: 24px;
    background: #015998 url(../images/btn_bg.png) repeat-x top left;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    -moz-border-radius: 4px 0; -khtml-border-top-left-radius: 4px; -khtml-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px;
    }
.theme a.button,
.theme button {
    background-color: #fd8924;
    background-image: url(../images/btn_bg_ngf.png);
    }
button .cufon { top: -2px; }
a.button {
    display: table-cell;
    display: inline-block;
    }
.calendar-tabs a.button {
    width: 78px;
    color: #fff;
    text-align: center;
    }
.calendar-tabs a.tab-inactive {
    background: #e8e8e8;
    color: #1b1b1b;
    }


/* =Success, notice and error boxes
-------------------------------------------------------------- */

.errorbox,
.noticebox,
.successbox        { clear: both; margin: .6em 0; padding: .6em; border: 2px solid #ddd; }
.errorbox a,
.noticebox a,
.successbox a      { text-decoration: underline; }
.errorbox          { border-color: #fbc2c4; background: #fbe3e4; color: #8a1f11; }
.noticebox         { border-color: #ffd324; background: #fff6bf; color: #514721; }
.successbox        { border-color: #c6d880; background: #e6efc2; color: #264409; }
.errorbox a        { color: #8a1f11; }
.noticebox a       { color: #514721; }
.successbox a      { color: #264409; }

.errors            { color: #f00; }
.errors a          { color: #8a1f11; }

.required          { color: #fd8924; }


/* =Definition forms
-------------------------------------------------------------- */

fieldset dl      { margin: 0; }
.f-line,
.f-newline dd    { margin: 0 0 10px; }

.f-oneline dt    { float: left; }
.f-oneline dd    { margin: 0 0 6px; padding-left: 120px; }
.f-oneline dd.checkbox-radio { margin-bottom: 8px; }

.labelr dt       { width: 110px; text-align: right; }
.btn-right       { float: right !important; }

.f-multi         { padding-right: 0; }
.f-multi dl      { float: left; margin-right: 20px; padding: 10px; border: 1px solid #aeaeae; }
.f-multi dt      { width: 40px; }
.f-multi dd      { padding-left: 75px; }
.f-multi input[type="text"] { width: 60px; }
.f-multi input.text { width: 60px; }

input.f-small    { width: 73px; }