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

    forms.css
    * Sets up some default styling for forms
    * Gives you classes to enhance your forms

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

label {
    font-weight: normal;
    }
legend {
    font-weight: bold;
    }


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

input,
button,
select,
textarea {
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
    }

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

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

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

.hasPlaceholder {
    color: #aaa;
    }

input.error,
input.invalid,
select.error,
select.invalid,
textarea.error,
textarea.invalid {
    border: 1px solid #ca0000 !important;
    background: #fbf2f2 !important;
    }

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

input[type="text"],
input[type="password"],
input[type="email"] {
    padding: .3em .4em .15em;
    }
input.text {
    padding: .3em .4em .15em;
    }
input.f-small {
    width: 88px;
    }

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

textarea {
    padding: .3em .4em .15em;
    height: 180px;
    overflow: auto;
    resize: none;
    }


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

.errorbox,
.noticebox,
.successbox {
    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: #ca0000;
    }
.noticebox {
    border-color: #ffd324;
    background: #fff6bf;
    color: #514721;
    }
.successbox {
    border-color: #c6d880;
    background: #e6efc2;
    color: #264409;
    }
.errorbox a {
    color: #ca0000;
    }
.noticebox a {
    color: #514721;
    }
.successbox a {
    color: #264409;
    }

.errors {
    color: #ca0000;
    }
.errors a {
    color: #ca0000;
    }

.required {
    color: #00c0f3;
    }


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

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

.f-oneline dl {
    clear: both;
    overflow: hidden;
    margin: 0 0 10px;
    }
.f-oneline dt {
    float: left;
    }
.f-oneline dd {
    padding-left: 165px;
    }
