/**
*    Tools: Form
**
*    Used on: -> global design styles
*
*    Skin: Default
*
*    @author  Frenk T. Sedmak Nahtigal
*    @version 1.02
**/

/* =input text color
----------------------------------------------- */
form input[type="text"],
form input[type="password"],
form select,
form textarea {
    color: #000;
}

form input[type="text"].active,
form input[type="password"].active,
form select.active,
form textarea.active {
    color: #000;
}

/* =input fields
----------------------------------------------- */
form input[type="text"],
form input[type="password"],
form textarea {
    font-family: 'Trebuchet MS', trebuchet, sans-serif;
    border: 1px solid #909090;
}

form select {
    border: 1px solid #909090;
}

.button {
    cursor: pointer;
    border: none;
    font-family: 'Trebuchet MS', trebuchet, sans-serif;
    background: url(../../../../images/sprite_form.png) no-repeat;
    color: #ffffff;
}

a.button {
    text-align: center;
}

a.button:hover, a.button.large:hover {
    text-decoration: none;
}

.button.pico {
    background-position: 0 -200px;
}

.button.nano {
    background-position: 0 0;
}

.button.login {
    background-position: 0 -500px;
}

.button.large.mili {
    background-position: 0 -100px;
}

.button.large.nano {
    background-position: 0 -50px;
}

.button.large.mega {
    background-position: 0 -1130px;
}

.fb_connect {
    text-indent: -9999px;
    background: url(../../../../images/sprite_form.png) no-repeat 0 -1240px;
}

/* =select
 * ----------------------------------------------- */
.select {
    background: url(../../../../images/arrow_down_select.png) no-repeat 273px 15px;
}

    .select div {
        background: url(../../../../images/sprite_flags.png) no-repeat 7px 11px;
        border: 1px solid #909090;
    }

    .select ul {
        background: #fff;
        border: 1px solid #909090;
    }

    .select ul li {
        background: url(../../../../images/sprite_flags.png) no-repeat 7px 11px;
    }

        .select ul li:hover {
            background-color: #3399FF;
            color: #FFF;
        }

/* =errors
 * ----------------------------------------------- */
form input.error,
form textarea.error {
    color: #ef4023;
    border: 1px solid #ef4023;
}

form input.success {
    color: #7acc6d;
    border: 1px solid #7acc6d;
}

form > fieldset ul.errors > li {
    background: url(../../../../images/sprite_icons.png) no-repeat;
}

    form > fieldset ul.errors > li   { background-position: -248px -849px; color: #ef4023 }
    form > fieldset ul.waiting > li  { background-position: -248px -889px; }
    form > fieldset ul.no_icons > li { font-size: 14px; background: none; }