﻿.SSOLoginButtonsCont {
    margin: auto;
    text-align: center;
    width: 220px;
}

.SSOButton {
    width: 200px;
    height: 30px;
}

.SSOButtonCont {
    position: relative;
    overflow: hidden;
}

.SSOButton {
    margin-bottom: 5px;
}


.SSOButtonCover {
    display: block;
    height: 30px;
    width: 220px;
    position: absolute;
    top: 0px;
    left: 0px;
    /*right: 0px;
    bottom: 0px;*/
    overflow: hidden;
    pointer-events: none;
    background-image: url('../../Images/SSObuttonsSprite.png');
}

.SSOButton > button {
    background-image: url('../../Images/SSObuttonsSprite.png');
    width: 200px;
    height: 30px;
}

.SSOButton > button > img {
    display: none;
}

.SSOLinkedInButton > button {
    background-position: 440px 0;
}
.SSOLinkedInButton > button:hover {
    background-position: 440px 30px;
}

.SSOFBButton > button {
    background-position: 0 0;
}
.SSOFBButton > button:hover {
    background-position: 0 30px;
}

.SSOGoogleButton > button {
    background-position: 660px 0;
}
.SSOGoogleButton > button:hover {
    background-position: 660px 30px;
}

.SSOTwitterButton > button {
    background-position: 220px 0;
}
.SSOTwitterButton > button:hover {
    background-position: 220px 30px;
}
