#register #recaptcha_area {
    margin-left: 190px;
}
#featured-ending-auctions {
    width: 960px;
}

#static section article {
    width: 90%;

}
.stats a.history {
    margin-left: 10px;
}
#remind {
    float: right;
    margin-right: 60px;
    margin-top: 14px;
}

#static.how-it-works article div {
    width: 100%;
}

/* ckeditor content display fixes */
#product-details img {
    max-width: 100%;
}
#product-details section h1,
#product-details section h2,
#product-details section h3,
#product-details section h4 {
    margin: 0px;    
    padding: 0px;
    border: 0;    
    background: none;
    float:none;
    display: block;
}



/* Login block: inputs + button + links on one line */
#login {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
}

/* Make the form itself horizontal */
#login form,
#login #loginForm {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

/* Don’t let Cake wrap the controls in extra block-level divs */
#login input[type="text"],
#login input[type="password"] {
    margin: 0;
}

/* “Forgot password” text */
#login .login-links {
    margin-left: 8px;
}

/* The “-or-” text between login and register button */
#login .divider {
    margin: 0 6px;
}

/* Register button spacing */
#login .btn.join {
    margin-left: 4px;
}

/* Newsletter checkbox row */
#register .clearfix.checkbox {
    clear: both;
    margin: 6px 0;
    overflow: hidden;
}

#register .clearfix.checkbox input[type="checkbox"] {
    float: left;
    margin: 2px 0 0 170px;   /* lines up with the other inputs (160 label + 10 margin) */
}

#register .clearfix.checkbox label {
    float: left;
    width: auto;
    text-align: left;
    font-weight: normal;
    margin: 0 0 0 5px;
}

/* Terms line */
#register .terms {
    margin-top: 15px;
}

#register .terms > div {
    margin-left: 170px;   /* align with the inputs column */
}

#register .terms label {
    display: inline;
    float: none;
    width: auto;
    text-align: left;
    font-weight: normal;
    margin: 0;
}

#register .terms input[type="checkbox"] {
    margin-left: 5px;     /* little gap between text and box */
}

//* ===============================
   Flash message wrapper
   =============================== */
/* Flash message wrapper */
#message-notifications {
    width: 100%;
    margin: 15px 0;        /* adds space ABOVE and BELOW */
    padding: 0 12px;       /* small space LEFT and RIGHT */
    box-sizing: border-box;
}

/* Inner message box */
.alert-message.block-message {
    padding: 12px 19px;    /* padding INSIDE the green box */
    border-radius: 6px;
    max-width: 100%;
}
/* Close "X" */
.alert-message.block-message .close {
    position: absolute;
    top: 6px;
    right: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #555;
}

/* Success = nice green box */
.alert-message.block-message.success {
    background: #e6f8e6;
    border-color: #b6e3b6;
    color: #276427;
}

/* Error = red */
.alert-message.block-message.error {
    background: #fde5e5;
    border-color: #f3b4b4;
    color: #8b1e1e;
}

/* Info = blue-ish */
.alert-message.block-message.info,
.alert-message.block-message.message {
    background: #e7f2ff;
    border-color: #b8d4ff;
    color: #1e4c8b;
}

/* Warning = yellow/orange */
.alert-message.block-message.warning,
.alert-message.block-message.danger {
    background: #fff7df;
    border-color: #f2d48b;
    color: #7a5a12;
}
