/************* SOCIAL SIGNUP SECTION STARTS *************/
.social-signup {
    color: #aaa;
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    text-align: right;
    margin-top: 10px;
}
.social-signup p{
    font-size:15px;
    color: #aaa;
}
.social-signup span {
    background: url("/resources/images/zoho/home-sprite.png") left top no-repeat;
    display: inline-block;
    background-position: 4px 1px;
    color: #aaa;
    cursor: pointer;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 10px;
    opacity: 0.7;
    padding: 0;
    text-indent: 99999em;
    overflow: hidden;
    vertical-align: middle;
}
.social-signup span:hover {
    opacity: 1;
}
.social-signup .vi-google {
        background: url('/resources/images/zoho/sign-in-sprite-2x.png') no-repeat -1px -1px/360px auto;
        width: 99px;
        height: 40px;
        opacity: 1;
}
.social-signup .vi-facebook {
    background-position: -24px 0px;
}
.social-signup .vi-twitter {
    background-position: -48px 0px;
}
.social-signup .vi-linkedin {
    background-position: -72px 0px;
}
.social-signup .vi-yahoo {
    background-position: -96px 0px;
}
.social-signup .vi-office365{
    background-position:0 -23px;
}

/************* Overriding the above styles with Drupal signupage styles *************/
.social-signup, .socl-signup-new {
    margin: 0;
    overflow: hidden;
    padding: 25px 0 0;
    text-align: left;
}
.social-signup span, .socl-signup-new span {
    background-image: url("/resources/images/zoho/signin-socialmedia-icons-sprite.png");
    background-repeat: no-repeat;
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-size: 14px;
    height: 50px;
    line-height: 25px;
    margin: 0 0 0 15px;
    text-align: left;
    text-indent: -99999em;
    transition: all 0.5s ease 0s;
    width: 50px;
}

.social-signup span.vi-google, .socl-signup-new span.vi-google {
    background: url('/resources/images/zoho/sign-in-sprite-2x.png') no-repeat -1px -1px/360px auto;
    background-position: -104px -1px ;
    width: 99px;
    height: 40px;
    opacity: 1;
    border: medium none;
    border-radius: 0;
    margin-top: 0;
}
.social-signup .vi-facebook, .socl-signup-new .vi-facebook {
    background-position: -151px -1px;
}
.social-signup .vi-twitter, .socl-signup-new .vi-twitter {
    background-position: -99px 1px;
}
.social-signup .vi-linkedin, .socl-signup-new .vi-linkedin{
    background-position: -50px -2px;
}
.social-signup .vi-yahoo, .socl-signup-new .vi-yahoo{
    background-position: -200px 0;
}
.social-signup .vi-office365, .socl-signup-new .vi-office365 {
    background-position: -200px 0;
}
.social-signup .vi-office365:hover, .socl-signup-new .vi-office365:hover {border:1px solid #fbbc09}
.social-signup .vi-linkedin:hover, .socl-signup-new .vi-linkedin:hover {border:1px solid #1b75bb}
.social-signup .vi-yahoo:hover, .socl-signup-new .vi-yahoo:hover{border: 1px solid #710290}
.social-signup .vi-facebook:hover, .socl-signup-new .vi-facebook:hover{border: 1px solid #304b92}
.social-signup .vi-twitter:hover, .socl-signup-new .vi-twitter:hover{border: 1px solid #4c9ddd}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 240dpi) {
    .social-signup span, .socl-signup-new span {
        background-image: url("/resources/images/zoho/signin-socialmedia-icons-sprite.png");
        background-size: 250px 50px;
    }
}

/************* SOCIAL SIGNUP SECTION ENDS *************/