/**
 * Developers, please try and use the zm-alr-pro-* classes for styling,
 * Note I'm trying to phase out the long and not always prefixed classes of ajax-login-reigster-*
 */

 .zm-alr-pro-widget .zm-alr-pro-both-widget .zm-alr-pro-widget-navigation {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    }

.zm-alr-pro-widget .zm-alr-pro-both-widget .zm-alr-pro-nav-item {
    padding: 5px 10px;
    background: #FFF;
    border: solid #ECECEC;
    border-width: 1px 1px 0;
    border-radius: 3px 3px 0 0;
    position: relative;
    top: -8px;
    left: 5px;
    z-index: 0;
    color: #ccc;
    cursor: pointer;
    }

.zm-alr-pro-widget .zm-alr-pro-both-widget .zm-alr-pro-nav-item-active {
    color: #000;
    padding-bottom: 7px;
    }

.zm-alr-pro-widget .zm-alr-pro-both-widget .ajax-login-default-form-container .error-container {
    width: auto;
    }


/* We need to unfloat various items due to other themes */
.zm-alr-pro-widget .button-container,
.zm-alr-pro-widget .ajax-login-register-status-container,
.zm-alr-pro-widget .form-wrapper,
.zm-alr-pro-widget .ajax-login-default-form-container input[type="submit"] {
    float: none;
    }

/* Widgets (Both) */
.zm-alr-pro-widget .zm-alr-pro-form-container .ajax-login-default-form-container input[type="text"],
.zm-alr-pro-widget .zm-alr-pro-form-container .ajax-login-default-form-container input[type="password"] {
    width: 100%;
    }

/* Widgets (Wide) */
.zm-alr-pro-widget .zm-alr-pro-form-container.wide .zm-alr-pro-col-1,
.zm-alr-pro-widget .zm-alr-pro-form-container.wide_new .zm-alr-pro-col-1 {
    float: none;
    width: auto;
    padding: auto;
    }

.zm-alr-pro-widget .zm-alr-pro-form-container.wide .zm-alr-pro-form-wrapper,
.zm-alr-pro-widget .zm-alr-pro-form-container.wide_new .zm-alr-pro-form-wrapper {
    float: none;
    width: auto;
    padding: auto;
    }