fieldset {
    padding: 10px;
    background: #def;
    border-radius: 10px;
    border: 1px solid #9cccfd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 10px 0px;
}
    fieldset h3 {
        color: #1f7cd9;
        margin-top: 0px;
    }

input, select, textarea {
    font-family: sans-serif;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.1);
    /*-webkit-box-shadow: #EAEAEA 0px 1px 3px;*/
    background: #fff;
}
input[type=checkbox] {
    padding: 0px !important;
    border: none;
    background-color: none;
}

input.loading {
    background: url(images/loader.gif) right center no-repeat;
}

form .button {
    width: auto !important;
}

/** General layout **/
ul.form {
    margin: 10px 0;
}
    ul.form > li {
        margin: 4px;
        padding: 2px 5px;
        /*border-bottom: 1px solid #ccc;*/
        clear: both;
    }
    ul.form > li:last-child {
        border: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
        ul.form li label, ul.form li span.label {
            display: block;
            float: left;
            width: 160px;
            font-weight: bold;
            padding: 2px 5px;
            margin-top: 4px;
        }
        ul.form li .help {
            font-size: 11px;
            font-style: italic;
            color: #999;
            margin: 0px 0px 0px 160px;
        }
            ul.form li .help a {
                color: #999;
            }
        ul.form li.submit, form p.submit {
            padding-left: 170px;
        }
            ul.form li ul {
                overflow: hidden;
            }
                ul.form>li ul li {
                    border-bottom: none;
                    float: left;
                }
                ul.form>li ul li label {
                    display: inline;
                    float: none;
                    font-weight: normal;
                }
        ul.form li .field {
            margin: 2px;
            padding: 6px 4px;
            background-color: #eff6ff;
            /*background-color: rgba(255, 255, 255, 0.5);*/
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            min-height: 14px;
        }

ul.form li.checkbox input,
ul.form .checkbox input {
/*    float: left;*/
    padding: 0px;
    width: auto !important;
}
ul.form li.checkbox label,
ul.form .checkbox label {
/*    width: 88%;*/
/*    float: right;*/
display: inline;
    margin: 0px;
}

/** 2 column layout **/
ul.two-column {
    overflow: hidden;
}
    ul.two-column>li {
        width: 45%;
        float: left;
    }
    ul.two-column>li.colspan {
        clear: both;
        width: 95%;
    }
    ul.two-column>li.col1 {
        clear: left;
    }
    ul.two-column>li.col2 {
        clear: right;
    }
        ul.two-column li label, ul.two-column li span.label {
            float: none;
        }
        ul.two-column li .help {
            margin: 0px;
            clear: both;
        }

form span.required {
    color: #e33;
}

/** Login **/
#form-login {
    width: 340px;
    margin: 20px auto;
    /*background: #333;*/
}
    #form-login label {
        width: 80px;
    }
    
    #form-login .submit {
        padding-left: 100px;
    }
    
/** Error messages **/
.errorlist {
    background: #fee url(images/icons/exclamation.png) 4px 4px no-repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 6px 6px 6px 24px;
    /*-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);*/
    border: 1px solid #edd;
    font-size: 0.9em;
}
fieldset .errorlist {
    /*background-color: #fff;
    background-color: rgba(255, 255, 255, 0.4);*/
}
    .errorlist li {
        width: auto !important;
    }