@charset "utf-8";

/**
 * @version    1.09
 * @date       2011-07-21, 2011-07-16
 * @since      2011-01-25
 * @author     Christian Oellers
 * @copyright  2010-2011 Christian Oellers
 * @link       http://veryshort.de
 *
 * DESCRIPTION
 * - Basic form elements and reset.
 * - Reset overwrites custom OS theme (background-)colors to some neutral default.
 * - Code order: Contentual importance; block to inline.
 */

/* ------------------------------------------------------------------------------------------------------------ FORMS */

/**
 * Don't add more specific styles here.
 *
 * @see  modules.css
 */

fieldset, button, input,
textarea, select, option {
    background-color:transparent;
    border:none;
}

textarea {
    overflow:auto;
    vertical-align:top;
}

label {
    color:#151515;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:11px;
    line-height:140%;
    background-color:transparent;
    cursor:pointer;
}

input.submit {
    cursor:pointer;
    border:none;
}

/* ----------------------------------------------------------------------------------------- main */

.main input {
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:none;
}

.main input.text {
    color:#6C6C6C;
    font-family:'OptimaRegular', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:12px;
    background:#FCFCFC;
    width:200px;
    height:20px;
    margin:0 3px 0 0;
    padding:2px;
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.main input.text:hover {
    color:#333;
}

.main input.text:focus {
    color:#333;
    background:#FAFAFA;
}

.main input.submit {
    color:#858585;
    font-family:'OptimaBold', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:12px;
    width:100px;
    height:25px;
    background:#EEE;
    background-image:-moz-linear-gradient(100% 100% 90deg, #DADADA, #F2F2F2);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#DADADA));
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}

.main input.submit:focus,
.main input.submit:hover {
    color:#999;
    background:#DFDFDF;
    background-image:-moz-linear-gradient(100% 100% 90deg, #DFDFDF, #F9F9F9);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DFDFDF));
}

.main input.submit:active {
    color:#999;
    background:#EEE;
    background-image:-moz-linear-gradient(100% 100% 90deg, #DADADA, #F2F2F2);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#DADADA));
}

/**
 * Error/confirmation do not always belong to form elements!
 * Duplicated styles to prevent overriding false values.
 */

.main .formbody p.error {
    margin:0 0 5px;
}

.main .formbody p.confirm {
    margin:0 0 5px;
}

.main p.error {
    color:#DC10CD;
}

.main p.confirm {
    color:#4B9320;
}

.main input.text.error {
    background:#FFF7F7;
}

.main input.text.error:hover {
    background:#FFF4F4;
}

.main input.text.error:focus {
    color:#E08DAE;
    background:#FFF4F4;
}