.online_status_table {
    display: table;
    width: 100%;
}

/* @title Online Status Image */
/* @help Cell class for image area in Online Status for an individual User */
.online_status_image {
    display: table-cell;
    width: 10%;
    padding: 6px;
}

/* @title Online Status User */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user {
    display: table-cell;
    width: 80%;
    vertical-align: middle;
    padding: 2px 6px;
}

/* @title Online Status User Anchor */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user a {
    color: #000;
}

/* @title User is Online */
/* @help Class for small ONLINE box that shows when the user is actually online */
.online_status_online {
    background-color: #CF9;
    color: #000;
    display: inline-block;
    width: 100%;
    border-radius: 2px;
}

/* @title User is Offline */
/* @help Class for small OFFLINE box that shows when the user is not online */
.online_status_offline {
    color: #000;
    display: inline-block;
    width: 100%;
    border-radius: 2px;
}

/* @title Widget Font Size */
/* @help sets the label font size for the Login and Signup widgets */
.widget-item-widget_login {
    font-size: 12px !important;
}

#user-notification-select {
    margin: 10px 6px !important;
    width: 35% !important;
    text-transform: capitalize;
}

.user_notification_left {
    width: 35% !important;
    padding: 20px !important;
}

.element_left.user_notification_left.expanded {
    text-align: justify;
}

.user_notification_right {
    width: 65% !important;
    padding: 20px !important;
}

.user_notification_right span {
    display: block;
}

.user_notification_right input {
    margin: 3px 6px 3px 3px;
    vertical-align: bottom;
}

#jrUser_account input[readonly="readonly"] {
    background: inherit;
    color: inherit;
}

.user-delete-modal {
    text-align: center;
    width: 290px;
    padding: 20px;
}

.user-delete-modal input {
    width: 250px;
    display: inline-block;
    margin: 10px 20px;
}

.new_login {
    margin: 50px auto;
    text-align: center;
    max-width: 360px;
    height: auto;
    background: white;
    border-radius: 8px;
    padding: 2em 0 1em;
    box-shadow: 0 0 20px #BBB;
}

.new_login .form_text {
    box-sizing: border-box;
    background: white;
    padding: 7px 10px;
    border-radius: 8px;
    color: #333;
    width: 290px;
    box-shadow: none;
    border: 2px solid #AAA;
}

.new_login .form_select {
    box-sizing: border-box;
    padding: 7px 10px;
    border-radius: 8px;
    color: #333;
    width: 290px;
    box-shadow: none;
    border: 2px solid #AAA;
}

.form_text_wrap {
    position: relative;
    width: 300px;
    margin: 6px auto;
}

.form_text_wrap.password {
    margin: 10px auto 0;
}

.login_button {
    background: #333 linear-gradient(#444, #222);
    height: 40px;
    width: 100%;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    margin: 10px 0;
    color: white;
    font-size: 16px;
    max-width: 292px;
}

.login_button:disabled {
    opacity: 0.6;
}

.new_login h2 {
    display: block;
    margin-bottom: 12px;
    color: #333;
}

.login_forgot {
    padding: 1em;
    border-top: 1px solid #999;
    width: 270px;
    margin: auto;
}

.login_forgot a {
    color: #888;
    font-size: 16px;
}

.new_login .form_text:focus {
    border: 2px solid #333;
}

.new_login .form_submit_section {
    padding: 16px;
    background: none;
}

.signup_button {
    background: #EEE linear-gradient(#444, #222);
    color: white;
    padding: 12px;
    width: 90%;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    text-transform: capitalize;
    cursor: pointer;
}

.form_text_wrap.left {
    text-align: left;
    padding: 12px 0 0;
}

.new_login .page_notice {
    margin: 10px;
}

.form_capitalize {
    text-transform: capitalize;
}

#account-tabs-profile-button {
    text-transform: none;
}

.u-view-keys {
    display: none;
}

.index_form .form_text {
    box-sizing: border-box;
    width: 100%;
}

.new_login .form_text {
    width: auto;
    min-width: 290px;
    height: 36px;
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
    .new_login {
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}