#login-container
{
    padding-top: 35px;
}

    #login-container #fb-login
    {
        margin-left: 3px;
    }

        #login-container #fb-login:hover
        {
            cursor: pointer;
        }

    #login-container #email-forgotpassword
    {
        width: 200px;
        font-size: 13px;
    }

    #login-container #login-form-remember
    {
        margin-top: 10px;
    }

    #login-container .block
    {
        min-width: 84px;
    }

    #login-container .clearfix
    {
        clear: both;
    }

    #login-container .right
    {
        float: right;
    }

    #login-container .left
    {
        float: left;
    }

    #login-container .btn-row
    {
        margin-top: 45px;
    }

    #login-container .error-container
    {
        min-height: 20px;
    }

    #login-container .forgot-container
    {
        margin-top: 25px;
    }

    #login-container .field-container
    {
        margin-top: 10px;
    }

.hiin-spaces-login #create-account-view .title
{
    height: 62px;
    text-align: center;
}

    .hiin-spaces-login #create-account-view .title h4
    {
        margin: 0;
    }

    .hiin-spaces-login #create-account-view .title #err-msg
    {
        color: red;
    }

.hiin-spaces-login #create-account-view #create-container
{
    width: 500px;
}

    .hiin-spaces-login #create-account-view #create-container .field-container
    {
        height: 18px;
        margin: 4px;
    }

    .hiin-spaces-login #create-account-view #create-container .valid
    {
        float: right;
        width: 160px;
    }

.hiin-spaces-login #create-account-view #drop-zone
{
    border: 2px DASHED #000;
    width: 120px;
    height: 120px;
    margin-top: -205px;
    position: absolute;
    right: 35px;
}

    .hiin-spaces-login #create-account-view #drop-zone span
    {
        font-weight: 700;
        margin-top: 20px;
        display: block;
        text-align: center;
    }

.hiin-spaces-login #create-account-view .spinner
{
    margin-left: 46%;
}

.hiin-spaces-login
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 7px;
}

    .hiin-spaces-login label
    {
        font-size: 15px;
    }

    .hiin-spaces-login h4
    {
        text-align: center;
        color: #333;
    }

    .hiin-spaces-login a
    {
        color: #F8981D;
        text-decoration: none;
    }

        .hiin-spaces-login a:hover
        {
            color: #FDC18B;
            text-decoration: underline;
        }

    .hiin-spaces-login input[type="text"], .hiin-spaces-login input[type="password"]
    {
        display: inline-block;
        height: 18px;
        padding: 4px;
        font-size: 13px;
        line-height: 18px;
        color: #555555;
        border: 1px solid #cccccc;
    }

    .hiin-spaces-login input[type="checkbox"]
    {
        height: 13px;
    }

        .hiin-spaces-login input[type="checkbox"]:focus
        {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

    .hiin-spaces-login #r-main
    {
        height: 313px;
        background-color: #f1f1f1;
        padding: 5px;
        border-radius: 10px;
        border: 1px solid #CCC;
    }

    .hiin-spaces-login #login-container, .hiin-spaces-login #forgotpassword-container, .hiin-spaces-login #create-container
    {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
    }

    .hiin-spaces-login #btn-container
    {
        padding-top: 5px;
        padding-left: 3px;
        padding-bottom: 3px;
        margin-bottom: 10px;
    }

    .hiin-spaces-login .block
    {
        display: inline-block;
        min-width: 140px;
        font-size: 15px;
    }

    .hiin-spaces-login .field-container
    {
        width: 315px;
        padding: 4px;
    }

        .hiin-spaces-login .field-container input
        {
            width: 150px;
        }

    .hiin-spaces-login .btn
    {
        padding: 7px 11px 6px 11px;
        font-size: 12px;
        font-weight: bold;
        margin-right: 5px;
        color: #464646;
        background-color: #DEDBD5;
    }

        .hiin-spaces-login .btn:hover
        {
            cursor: pointer;
            color: #FFFFFF;
            background-color: #F8981D;
        }

        .hiin-spaces-login .btn.selected
        {
            color: #FFFFFF;
            background: #404040;
        }

        .hiin-spaces-login .btn:disabled
        {
            background-color: gray;
            color: lightgray;
            cursor: default;
        }

    .hiin-spaces-login .email-spinner
    {
        display: inline-block;
        visibility: visible;
    }

    .hiin-spaces-login .hidden, .hiin-spaces-login .no-show
    {
        display: none;
    }

.hiin-spaces-mobile-login
{
    font-family: HelveticaNeue,Helvetica,Arial,sans-serif !important;
    margin: 0;
    background: #46413C;
    width: 100%;
    color: white;
    font-weight: 100;
}

    .hiin-spaces-mobile-login #emailed-message, .hiin-spaces-mobile-login #err-msg
    {
        position: absolute;
        width: 100%;
        left: 0;
        margin: 0;
        top: 30%;
        background-color: #3A3A35;
        text-align: center;
        padding: 10px;
        display: none;
    }

    .hiin-spaces-mobile-login #r-main
    {
        height: 313px;
    }

    .hiin-spaces-mobile-login #login-container
    {
        padding-top: 0;
    }

    .hiin-spaces-mobile-login .login-view
    {
        padding: 0;
    }

    .hiin-spaces-mobile-login .no-show
    {
        display: none !important;
    }

    .hiin-spaces-mobile-login .btn
    {
        cursor: pointer;
        padding: 15px;
        font-weight: 100;
        font-size: 22px;
        letter-spacing: 1px;
        color: #FFF;
        text-align: center;
        background: linear-gradient(0deg, #e70 0, #ff9f00 100%);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.149);
    }

        .hiin-spaces-mobile-login .btn:hover
        {
            background: #ff9f00;
        }

    .hiin-spaces-mobile-login input
    {
        font-family: HelveticaNeue,Helvetica,Arial,sans-serif !important;
        display: inline-block;
        height: 50px;
        border: 0;
        padding: 0 6%;
        font-size: 18px;
        font-weight: 300;
        color: #918C88;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        background-repeat: no-repeat;
        background-size: 6%;
        background-position: 3%;
        padding-left: 10%;
    }

        .hiin-spaces-mobile-login input#username
        {
            background-image: url('../images/user.png');
        }

        .hiin-spaces-mobile-login input#email-first, .hiin-spaces-mobile-login input#email-confirm, .hiin-spaces-mobile-login input#email-forgotpassword
        {
            background-image: url('../images/mail.png');
        }

        .hiin-spaces-mobile-login input#password-first, .hiin-spaces-mobile-login input#password-confirm, .hiin-spaces-mobile-login input#new-password, .hiin-spaces-mobile-login input#confirm-password
        {
            background-image: url('../images/lock.png');
        }

        .hiin-spaces-mobile-login input#passwordQuestion, .hiin-spaces-mobile-login input#passwordAnswer, .hiin-spaces-mobile-login input#security-answer
        {
            background-image: url('../images/security.png');
        }

    .hiin-spaces-mobile-login .left
    {
        float: left;
        width: 56%;
        min-height: 330px;
        padding-bottom: 20px;
        -webkit-box-shadow: 2px 0 10px 0 rgba(0,0,0,0.75);
        -moz-box-shadow: 2px 0 10px 0 rgba(0,0,0,0.75);
        box-shadow: 2px 0 10px 0 rgba(0,0,0,0.75);
    }

        .hiin-spaces-mobile-login .left > *
        {
            margin-left: 8%;
            width: 72%;
        }

        .hiin-spaces-mobile-login .left #login-form-username, .hiin-spaces-mobile-login .left #login-form-password
        {
            float: left;
            width: 68%;
        }

        .hiin-spaces-mobile-login .left #login-form-username
        {
            margin-top: 30px;
            margin-bottom: 3%;
            background-image: url('../images/user.png');
        }

        .hiin-spaces-mobile-login .left #login-form-password
        {
            background-image: url('../images/lock.png');
        }

        .hiin-spaces-mobile-login .left #login-form-remember
        {
            height: auto;
            width: auto;
            margin-bottom: 10px;
        }

        .hiin-spaces-mobile-login .left label[for="login-form-remember"]
        {
            color: white;
            margin: 0;
        }

        .hiin-spaces-mobile-login .left #login-btn
        {
            width: 75%;
        }

        .hiin-spaces-mobile-login .left #fb-login
        {
            margin-left: 0 !important;
            margin: 25px 0 10px;
            padding: 20px 0;
            width: 100%;
            text-align: center;
            background: #3b5998;
            font-size: 13px;
        }

        .hiin-spaces-mobile-login .left #forgot-pw-lnk
        {
            width: 82%;
            display: inline-block;
            text-align: center;
            color: white;
            font-size: 13px;
        }

    .hiin-spaces-mobile-login .right
    {
        float: right;
        width: 44%;
    }

        .hiin-spaces-mobile-login .right *:not(b)
        {
            display: inline-block;
            text-align: center;
            margin-left: 10%;
            width: 80%;
        }

        .hiin-spaces-mobile-login .right .tagline
        {
            margin-top: 30px;
        }

        .hiin-spaces-mobile-login .right .tagline-2
        {
            margin-top: 35px;
        }

        .hiin-spaces-mobile-login .right .tagline-3
        {
            margin-top: 20px;
            text-decoration: underline;
            font-weight: bold;
        }

        .hiin-spaces-mobile-login .right #register-btn
        {
            margin-top: 43px;
            padding: 14px;
            width: 70%;
            font-size: 15px;
        }

    .hiin-spaces-mobile-login #create-account-view .left
    {
        width: 48%;
        padding-top: 10px;
    }

        .hiin-spaces-mobile-login #create-account-view .left #create-container
        {
            width: auto;
            margin-left: 0;
        }

            .hiin-spaces-mobile-login #create-account-view .left #create-container > *
            {
                margin-left: 4%;
                width: 92%;
            }

        .hiin-spaces-mobile-login #create-account-view .left input
        {
            height: 32px;
            width: 83%;
            padding-left: 11%;
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: 500;
            background-repeat: no-repeat;
        }

            .hiin-spaces-mobile-login #create-account-view .left input#profileImgUpload
            {
                height: 16px;
                padding-left: none;
                width: 88%;
            }

        .hiin-spaces-mobile-login #create-account-view .left b
        {
            margin: 0;
            width: auto;
        }

        .hiin-spaces-mobile-login #create-account-view .left #image-container
        {
            height: 25px;
            margin-top: 3px;
        }

            .hiin-spaces-mobile-login #create-account-view .left #image-container label
            {
                font-size: 14px;
                float: left;
            }

            .hiin-spaces-mobile-login #create-account-view .left #image-container input
            {
                height: 16px;
                width: auto;
                float: right;
                width: 65%;
                padding: 0;
                margin-left: 0;
            }

        .hiin-spaces-mobile-login #create-account-view .left #submit-btn
        {
            width: 83%;
            display: inline-block;
            font-size: 18px;
            padding: 14px;
        }

        .hiin-spaces-mobile-login #create-account-view .left #account-created-msg
        {
            text-align: center;
            margin-top: 30%;
            font-size: 20px;
            width: 82%;
        }

        .hiin-spaces-mobile-login #create-account-view .left #continue-btn
        {
            margin-top: 91px;
            margin-left: 5%;
            width: 80%;
            display: inline-block;
        }

    .hiin-spaces-mobile-login #create-account-view .right
    {
        width: 52%;
        text-align: center;
    }

        .hiin-spaces-mobile-login #create-account-view .right *
        {
            margin-left: 0;
        }

        .hiin-spaces-mobile-login #create-account-view .right #create-tagline
        {
            margin-top: 20px;
        }

        .hiin-spaces-mobile-login #create-account-view .right img
        {
            margin-top: 30px;
        }

        .hiin-spaces-mobile-login #create-account-view .right #cancel-btn
        {
            font-size: 15px;
            width: 55%;
            padding: 12px;
            margin-top: 20px;
        }

    .hiin-spaces-mobile-login .forgotpassword-view h4
    {
        font-weight: 100;
        font-size: 25px;
        margin-left: 11%;
    }

    .hiin-spaces-mobile-login .forgotpassword-view .request-password
    {
        text-align: center;
    }

        .hiin-spaces-mobile-login .forgotpassword-view .request-password input
        {
            width: 65%;
            margin-top: 45px;
        }

    .hiin-spaces-mobile-login .forgotpassword-view #btn-container
    {
        text-align: center;
        margin-top: 100px;
    }

        .hiin-spaces-mobile-login .forgotpassword-view #btn-container:first-child
        {
            margin-right: 5px;
        }

    .hiin-spaces-mobile-login .reset-password-view
    {
        padding-left: 5%;
    }

        .hiin-spaces-mobile-login .reset-password-view input
        {
            width: 495px !important;
            background-size: 3%;
            background-position: 2%;
            padding-left: 7%;
        }

        .hiin-spaces-mobile-login .reset-password-view #confirm-password
        {
            margin-bottom: 20px;
        }

@media (min-device-width:768px) and (max-device-width:1024px)
{
    .hiin-spaces-mobile-login .left #login-form-remember
    {
        font-size: 20px;
        height: 20px;
        width: 20px;
        padding: 0;
    }

    .hiin-spaces-mobile-login label[for=login-form-remember]
    {
        font-size: 20px;
        padding-left: 20px;
    }
}

@-webkit-keyframes rotate-forever-home
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-forever-home
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-forever-home
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hiin-spaces-mobile-login .spinner
{
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate-forever-home;
    -moz-animation-name: rotate-forever-home;
    animation-name: rotate-forever-home;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 30px;
    width: 30px;
    border: 8px solid #F8981D;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 71%;
    right: 0;
    bottom: 0;
    left: 18%;
    margin-top: -55px;
}

.reset-password-view input
{
    width: 250px;
    font-size: 14px;
    margin-bottom: 5px;
}

.reset-password-view .instructions
{
    color: #707070;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}

.reset-password-view #security-answer
{
    width: 397px;
    margin-bottom: 15px;
}

.reset-password-view label
{
    min-width: 143px;
    display: inline-block;
}

.reset-password-view .buttons-wrapper
{
    margin-top: 10px;
}

.pcs-login
{
    padding: 0;
    margin: 0;
    font-family: 'Lato',sans-serif;
    color: #7e8083;
    background-color: transparent;
    cursor: default;
    font-size: 13px;
}

    .pcs-login div#main
    {
        text-align: center;
    }

    .pcs-login div#loginBox
    {
        margin-top: 7px;
        white-space: nowrap;
        display: inline-block;
        background-color: white;
        width: 210px;
        box-shadow: 0 0 2px 1px #c8c8c8;
        box-shadow: 0 2px 2px #c8c8c8;
        padding: 10px;
    }

    .pcs-login #signInTitle
    {
        text-align: left;
        font-weight: 100;
        font-size: 18px;
        color: #b7b7b7;
    }

    .pcs-login label
    {
        font-size: 11px;
    }

    .pcs-login textarea:focus, .pcs-login input:focus
    {
        outline: 0;
    }

    .pcs-login .divinputboxe
    {
        text-align: left;
        padding-top: 7px;
    }

    .pcs-login #divpassword
    {
        margin-top: 1px;
    }

    .pcs-login div#RememberMe
    {
        text-align: left;
        margin-top: 10px;
    }

    .pcs-login #lblrememberme
    {
        cursor: pointer;
    }

    .pcs-login #login-btn:active
    {
        position: relative;
        top: 2px;
    }

    .pcs-login #login-btn:hover
    {
        background-color: #d88106;
    }

    .pcs-login #login-btn
    {
        background-color: #f8971d;
        border-radius: 2px;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: white;
        cursor: pointer;
    }

    .pcs-login #register-btn_TODO
    {
        background-color: #7e8083;
        border-radius: 2px;
        width: 150px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: white;
        cursor: not-allowed;
        display: block;
        margin: 12px auto 5px auto;
    }

    .pcs-login input[type=text], .pcs-login input[type=password]
    {
        height: 25px;
        width: 98%;
        border-radius: 2px;
        padding-left: 2px;
        border: 1px solid #b7b7b7;
    }

    .pcs-login #tblbuttons
    {
        margin-top: 8px;
        border-spacing: 0;
        width: 100%;
    }

    .pcs-login td#columnSignIn
    {
        text-align: left;
    }

    .pcs-login td#columnCreateAccount
    {
        text-align: right;
    }

    .pcs-login #login-form-remember
    {
        vertical-align: middle;
        position: relative;
        bottom: 2px;
        cursor: pointer;
    }

    .pcs-login #err-msg
    {
        white-space: normal;
        color: #EE0000;
    }

.password-manager-view
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

    .password-manager-view .heading
    {
        padding: 0 10px 15px;
        font-size: 16px;
        color: #444;
    }

    .password-manager-view .top-login-row
    {
        margin-bottom: 10px;
        min-height: 30px;
    }

    .password-manager-view .login-row .login-info-col1
    {
        width: 20%;
        display: inline-block;
    }

        .password-manager-view .login-row .login-info-col1 span
        {
            padding-left: 10px;
            width: 100%;
        }

    .password-manager-view .login-row .login-info-col2
    {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .password-manager-view .login-row .login-info-col3
    {
        width: 48%;
        display: inline-block;
        font-style: italic;
        vertical-align: top;
    }

    .password-manager-view .change-password-btn
    {
        text-align: center;
    }

    .password-manager-view .reset-password-btn
    {
        margin-top: 3px;
        display: inline-block;
        text-align: center;
        position: relative;
        top: 0;
    }

    .password-manager-view .blue-button
    {
        padding: 7px 11px 6px;
        font-size: 12px;
        font-weight: 700;
        margin-right: 5px;
        color: #464646;
        background-color: #dedbd5;
        width: 125px;
    }

        .password-manager-view .blue-button:hover
        {
            cursor: pointer;
            color: #fff;
            background-color: #f8981d;
        }

    .password-manager-view input
    {
        width: 175px;
        font-family: 'Open Sans',sans-serif;
        font-size: 20px;
    }

    .password-manager-view #pw-input-display
    {
        color: #949BA0;
    }

    .password-manager-view .clearfix
    {
        clear: both;
    }

    .password-manager-view .error, .password-manager-view .notification
    {
        display: none;
        position: absolute;
        top: 65px;
        width: 100%;
        text-align: center;
        color: #F8981D;
        background-color: rgba(0,0,0,0.7);
        padding: 10px 0 10px 0;
        margin-left: -8px;
    }

        .password-manager-view .error.notification, .password-manager-view .notification.notification
        {
            color: black;
            background-color: rgba(248,152,29,0.7);
        }

    .password-manager-view .spinner
    {
        display: none;
        margin-left: calc(50% - 24px);
    }

.password-manager-reset-view .description
{
    padding: 20px;
    display: inline-block;
}

.password-manager-reset-view .buttons
{
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

    .password-manager-reset-view .buttons .cancel-btn, .password-manager-reset-view .buttons .confirm-btn
    {
        width: 105px;
        display: inline-block;
    }

.password-manager-change-view .description
{
    padding-left: 15px;
}

.password-manager-change-view .inputs
{
    margin-top: 5px;
    height: 70px;
}

    .password-manager-change-view .inputs .left
    {
        float: left;
    }

    .password-manager-change-view .inputs .right
    {
        float: right;
    }

    .password-manager-change-view .inputs .left, .password-manager-change-view .inputs .right
    {
        width: 50%;
    }

        .password-manager-change-view .inputs .left label, .password-manager-change-view .inputs .right label
        {
            float: left;
            margin-left: 15px;
        }

        .password-manager-change-view .inputs .left input, .password-manager-change-view .inputs .right input
        {
            float: right;
            margin-right: 10px;
        }

.password-manager-change-view .buttons
{
    text-align: center;
    width: 100%;
}

    .password-manager-change-view .buttons .cancel-btn, .password-manager-change-view .buttons .submit-btn, .password-manager-change-view .buttons .login-btn, .password-manager-change-view .buttons .confirm-again-btn
    {
        width: 105px;
        display: inline-block;
    }

.password-manager-change-view .first-step .inputs
{
    margin: 0 auto;
    height: 60px;
    width: 250px;
    margin-top: 15px;
    text-align: center;
}

    .password-manager-change-view .first-step .inputs input
    {
        font-size: 15px;
        width: 150px;
        float: right;
    }

        .password-manager-change-view .first-step .inputs input#current
        {
            margin-top: 3px;
        }

    .password-manager-change-view .first-step .inputs label
    {
        float: left;
    }

        .password-manager-change-view .first-step .inputs label[for="current"]
        {
            margin-top: 8px;
        }

.password-manager-change-view .second-step .inputs input
{
    font-size: 16px;
    margin-bottom: 3px;
}

.password-manager-change-view .second-step .inputs label
{
    margin-left: 35px;
    margin-top: 5px;
}