input, textarea {
    outline: none;
    resize: none;
    border: 1px solid #CCCCCC;
    padding: 5px 8px 6px 8px;
    margin: 0 auto;

    width: 100%;
    display: block;

    border-radius: 0;
    font-size: 1em;

    box-sizing: border-box;
}

select {
    outline: none;
    resize: none;
    border: 1px solid #CCCCCC;
    padding: 5px 8px 5px 8px;

    width: 100%;

    border-radius: 0;
    font-size: 1em;
    box-sizing: border-box;
}

option {
    border-radius: 0;
    box-sizing: border-box;
}

option:checked {
    background: #dceafa;
}

input:focus, textarea:focus, select:focus {
    border-color: rgba(44, 44, 44, 1);
    box-shadow: none;
    color: #000000;
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
    box-shadow: none;
}

label {
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
    cursor: pointer;
    color: #111111;
    box-sizing: border-box;
}

label.required {
    font-weight: bold;
}

label + p.help {
    padding-top: 0;
    margin-top: 0;

}

input[type="submit"].inline {
    outline: none;
    resize: none;
    border: 1px solid #000;
    padding: 5px 8px 5px 8px;
    margin: 0;
    margin-bottom: 5px;
    display: inline;
    width: auto;
}

input[type="submit"].right {
    float: right;
}

input[type="submit"].left {
    float: left;
}

input[type="submit"].btn_disabled {
    border: 1px solid #eaeaea;
}

input[type="radio"], input[type="checkbox"] {
    outline: none;
    resize: none;
    border: none;
    padding: 5px 8px 5px 8px;
    margin: 0;
    margin-bottom: 5px;
    display: inline;
    width: auto;
}

input[type="radio"] + label, input[type="checkbox"] + label {
    display: inline;
    margin-left: 5px;
}

/*
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
    font-weight: bold;
}
*/

.help {
    font-size: 11px;
    color: #666;
    display: block;
    margin-bottom: 5px;
    padding-top: 3px;
}

input[type="submit"].progress {
    outline: none;
    resize: none;
    border: 1px solid #EBE9E9;
    padding: 6px 8px;

    border-radius: 0;
    font-size: 12px;

    width: 100%;
    display: block;

    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    text-align: center;

    cursor: pointer;
    box-shadow: none;

    background: #ffffff url('../forms/progress.gif') 5px center no-repeat;
    color: #000000;

}

span.progress {
    outline: none;
    resize: none;
    border: 1px solid #EBE9E9;
    padding: 10px 15px 10px 15px;

    border-radius: 0;
    font-size: 12px;

    width: 100%;
    display: block;

    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    text-align: center;

    cursor: wait;
    box-shadow: none;

    background: #ffffff url('../forms/progress.gif') 5px center no-repeat;
    color: #000000;
}

input[type="submit"].href_like {
    outline: none;
    resize: none;
    border: none;
    padding: 0;
    margin: 0;

    width: auto;
    display: inline;

    border-radius: 0;
    font-size: 14px;

    text-decoration: underline;
    background: transparent;
    cursor: pointer;
}

input[type="submit"].href_like:hover {
    text-decoration: none;
}

input[type="submit"].href_like:disabled {
    text-decoration: none;
    cursor: default;
    color: #b2b2b2;
}

.text-placeholder {
    color: #AAA !important
}

input.error, textarea.error, select.error {
    border: 1px solid maroon;
}