.info-message { margin: 10px; padding: 10px; background: #ffc; color: #660; }
.logged-in { margin: 10px 20px; }

/* registration page */
.account-register { margin: 10px 20px; }
.account-register th { border: none; font-weight: normal; text-transform: capitalize; width: 25%; }
.account-register td { border: none; padding: 4px 0; vertical-align: top; }
.account-register input[type="text"] { width: 20.5em; }
.account-register .errorlist { float: right; top: 0; padding: 4px; max-width: 60%; text-align: right; }
.account-register #id_captcha_1 { width: 5em; }

.account-register-info { margin: 10px 20px; }
.account-register-info p { margin-bottom: 10px; }

/* login page */
.login { margin: 10px 20px; }
.login-external { float: left; margin: 5px; padding: 2px; border: 5px solid #eee; }
.login-external.special { border: none; }
#login-facebook { padding: 0; min-width: 110px; min-height: 30px; margin-top: 15px;
    background: url('../images/auth/facebook_gray.png') no-repeat; }
#login-openid { clear: left; float: none; }
#login-openid input { display: inline; margin: 0 5px; padding-left: 18px; width: 150px;
    background: url('../images/auth/openid_icon.gif') no-repeat; }

.login-site { width: 50%; margin: 10px; padding: 10px; background-color: #eee; }
.login-site label { float: left; width: 80px; }
.login-site small { display: block; font-size: 11px; margin: 2px; text-align: right; }
.login .error { width: 50%; margin: -5px 10px 10px; padding: 5px 10px; clear: both;
    color: red; background-color: #fee; }
.login .error-note { margin: 10px 20px; color: #888; }

/* profile page */
.account-profile { margin: 10px 20px; }
.account-profile th { border: none; font-weight: normal; }
.account-profile td { border: none; font-size: 10px; color: #999; }
.account-profile input[type="text"] { width: 20.5em; }
.account-profile .errorlist { font-size: 12px; }
.account-avatar { float: right; margin-top: -100px; }

/* password reset pages */
.account-reset { margin: 10px 20px; }
.account-reset form input { display: inline; }
.account-reset form div { margin: 5px; }
.account-reset form div label { float: left; width: 150px; }
.account-reset .errorlist { top: 0; }