/*
 * Styles moved out of the inline <style> blocks in LoginMasterPage.cshtml so the
 * page complies with a Content-Security-Policy of "style-src 'self'" (no unsafe-inline).
 * Component/utility classes at the bottom replace former inline style="..." attributes.
 */

label, input {
    display: block;
}

    input.text {
        margin-bottom: 12px;
        width: 95%;
        padding: .4em;
    }

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
    margin-bottom: 0px;
}

h1 {
    font-size: 3em;
    margin: .6em 0;
}

div#users-contain {
    width: 350px;
    margin: 20px 0;
}

    div#users-contain table {
        margin: 1em 0;
        border-collapse: collapse;
        width: 100%;
    }

.ui-dialog .ui-state-error {
    padding: .3em;
}

.validateTips {
    border: 1px solid transparent;
    padding: 0.1em;
    height: 20px;
    display: block;
}

.slideshow1 {
    position: relative;
    width: 500px;
    height: 332px;
}

    .slideshow1 img {
        position: absolute;
        left: 0;
        top: 0;
    }

.slideshow2 {
    position: relative;
}

    .slideshow2 img {
        position: absolute;
        left: 411;
        top: 4;
    }

/* Component/utility classes replacing former inline style attributes. */
#dialog-form {
    font-size: 80%;
    display: none;
}

.login-label {
    text-align: left;
}

.line-18 {
    line-height: 18px;
}

#productslider {
    position: relative;
    width: 280px;
    height: 200px;
    overflow: hidden;
}

.product-slide {
    position: absolute;
    left: 0px;
    opacity: 1;
    width: 280px;
    height: 200px;
}

.product-slide--active {
    top: 0px;
    display: block;
    z-index: 10;
}

.product-slide--hidden {
    top: 200px;
    display: none;
    z-index: 9;
}

.footer-text {
    font-size: 10px;
}