@charset "utf-8";
/* CSS Document */
    p.caption, p.comment { font-size: 86%; color: #888; }
    .warning{
        color: #821517;
        font-weight: bold;
        }
    .success{
        color: #090;
        font-weight: bold;
        }
    input, .inputBox {
        padding: 1px;
        }
    .sectionHeader {
        padding: 5px 3px 5px 18px;
        font-weight: bold;
        color: #FFF;
        border-top: 1px solid #c5db88;
        background-color: #006599;
        }
    .sectionBody {
        border: 1px solid #e3e3e3;
        border-top-color: #ccc;
        padding: 10px 20px 4px 20px;
        display: block;
		height:220px;
        background: #fff url(media/style/MODxLight/images/misc/tabareabg.gif) repeat-x top;
        }
    #mx_loginbox {
        width: 350px;
        margin: 20px 20px 0px 0px;
		float:left;
        }
    img.loginCaptcha {
        border: 1px solid #039;
        width: 148px;
        height: 60px;
        }
    label {
        display: block;
        font-weight: bold;
        }
    input {
        margin: 0 0 10px 0;
        }
    input.checkbox {
        float: left;
        clear: left;
        margin-right: 3px;
        }
    input.text {
        width: 300px;
        }
    input.login {
        float: right;
        clear: right;
        margin-right: 25px;
    }
    .notice {
        width: 100%;
        padding: 5px;
        border: 1px solid #eee;
        background-color: #F4F4F4;
        color: #707070;
        }
    #preLoader {
        position: absolute;
        z-index: 50000;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        }
    .preLoaderText {
        background-color: #fff;
        width: 300px;
        height: 150px;
        padding: 50px;
        border: 1px solid #039;
        }