.portlet-login {
    .form {
        fieldset {
            border-width: 0;
            margin-bottom: 0;
            padding: 0;
        }

        .button-holder,
        .form-column {
            margin-bottom: 10px;
        }
    }

    .facebook-login-button {
        .button-content {
            background: url(@theme_image_path@/login/facebook_login_button.png) no-repeat scroll 0 50%;
            padding: 5px 5px 5px 30px;
        }

        .button-input {
            background: transparent none;
            border-width: 0;
            color: #FFF;
            font-family: "lucida grande", Tahoma, Verdana, Arial, sans-serif;
            padding: 0;
            text-shadow: none;
        }
    }

    .navigation {
        background: #eee;
        border-top: 1px solid #BFBFBF;
        padding: 10px;
    }

    .btn-login-wrapper:hover {
        text-decoration: none !important;
    }

    .btn-login {
        background: url('../images/socialIconsVertical.png') no-repeat;
        border: 0;
        border-radius: 3px;
        color: #fff;
        border-width: 1px;
        border-style: solid;
        cursor: pointer;
        display: block;
        font: 400 14px/40px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
        margin: 0 0 5px;
        outline: 0;
        padding: 0 15px 0 45px;
        position: relative;
        text-align: left;
        text-decoration: none !important;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, .3) inset;
        -webkit-transition: all .15s ease-out;
        transition: all .15s ease-out;
    }

    .type-twitter {
        background-color: #55acee;
        border-color: #55acee;
        background-position: 0 0;
    }

    .type-facebook {
        background-color: #3b5998;
        border-color: #3b5998;
        background-position: 0 -84px;
    }

    .type-google {
        background-color: #df4a32;
        border-color: #df4a32;
        background-position: 0 -168px;
    }

    .type-linkedin {
        background-color: #696969;
        border-color: #696969;
        background-position: 0 -252px;
    }

    .type-mail {
        background-color: #c9c9c9;
        border-color: #c9c9c9;
        background-position: 0 -336px;
    }

    .type-liferay {
        background-color: #29527f;
        border-color: #29527f;
        background-position: 0 -504px;
    }

    .type-microsoft {
        background-color: #287bbc;
        border-color: #287bbc;
        background-position: 0 -420px;
    }

    .btn-login.type-twitter:hover {
        background-color: #3ea1ec;
    }

    .btn-login.type-facebook:hover {
        background-color: #344e86;
    }

    .btn-login.type-google:hover {
        background-color: #d63a21;
    }

    .btn-login.type-linkedin:hover {
        background-color: #5c5c5c;
    }

    .btn-login.type-mail:hover {
        background-color: #b4b4b4;
    }

    .btn-login.type-microsoft:hover {
        background-color: #256da5;
    }

    .btn-login.type-liferay:hover {
        background-color: #224164;
    }
}

.sprite {

    background-repeat: no-repeat;
    display: block;
}

.socialLoginSprite {
    margin-top: 15px;
}


.sprite-btn_Facebook_signin_dark_normal_web_2x {
    width: 225px;
    height: 60px;
    background-size: contain;

    margin: 0 auto;
    background-image: url(../images/btn_Facebook_signin.png);
}

.sprite-btn_google_signin_dark_normal_web_2x {
    width: 225px;
    height: 60px;
    background-size: contain;

    margin: 0 auto;
    background-image: url(../images/btn_google_signin.png);
}

.sprite-btn_linkedin_signin_dark_normal_web_2x {
    width: 225px;
    height: 60px;
    background-size: contain;
    margin: 0 auto;
    background-image: url(../images/btn_linkedin_signin.png);
}