/**
 * @version     1.9.x
 * @package     SocialConnect
 * @author      JoomlaWorks https://www.joomlaworks.net
 * @copyright   Copyright (c) 2006 - 2020 JoomlaWorks Ltd. All rights reserved.
 * @license     https://www.joomlaworks.net/license
 */

/* Common extension styles */
#modSocialConnectCompact {
    font-size: 14px;
    color: #333333;
    position: relative;
}
#modSocialConnectCompact div.socialConnectBlock {
    border: 1px solid #D4D4D4;
    border-radius: 8px 8px 8px 8px;
    padding: 46px 40px;
}
#modSocialConnectCompact .socialConnectHeading {
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #333333;
    margin: 0 0 18px 0;
    padding: 0;
}
#modSocialConnectCompact .socialConnectSubHeading {
    font-size: 21px;
    line-height: 21px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    padding: 0;
}
#modSocialConnectCompact .socialConnectServicesMessage {
    font-weight: normal;
    font-size: 19px;
    line-height: 19px;
    margin: 0 0 22px 0;
    padding: 0;
    color: #333333;
}
#modSocialConnectCompact .socialConnectLabel {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 8px;
}
#modSocialConnectCompact .socialConnectInput {
    display: block;
    width: 206px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background: #f8f6f6;
    padding: 8px 12px;
    margin: 0 0 6px 0;
    height: 18px;
    box-shadow: 0 1px 1px 0 #d4d4d4 inset;
    font-size: 14px;
    font-weight: bold;
    color: #628e13;
}
#modSocialConnectCompact .socialConnectInput:focus {
    background-color: #FFFFFF;
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
#modSocialConnectCompact .modSocialConnectPassword {
    margin-top: 20px;
}
#modSocialConnectCompact .socialConnectLink {
    background: none;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: right;
}
#modSocialConnectCompact .socialConnectLink:hover,
#modSocialConnectCompact .socialConnectLink:focus {
    background: none;
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
}
#modSocialConnectCompact .socialConnectButton {
    display: block;
    width: 170px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #333333;
}
#modSocialConnectCompact .socialConnectButton i {
    display: block;
    float: left;
    width: 32px;
    height: 34px;
    border-right-width: 1px;
    border-right-style: solid;
    background-repeat: no-repeat;
    background-position: center center;
}
#modSocialConnectCompact .socialConnectButton span {
    display: block;
    height: 34px;
    line-height: 34px;
    padding-right: 14px;
    text-align: center;
}
/* Sign in button and Toggler button */
#modSocialConnectCompact .socialConnectSignInButton,
#modSocialConnectCompact .socialConnectToggler {
    width: 116px;
    height: 36px;
    background-color: #71a416;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#71a416), to(#0143d0));
    background-image: -webkit-linear-gradient(top, #71a416, #0143d0);
    background-image: -moz-linear-gradient(top, #71a416, #0143d0);
    background-image: -ms-linear-gradient(top, #71a416, #0143d0);
    background-image: -o-linear-gradient(top, #71a416, #0143d0);
    border-color: #00ba5b;
    margin: 12px 0 14px 0;
    box-shadow: 0 1px 0 0 #2baced inset;
    text-shadow: 0 1px 0 #334b0a;
}
#modSocialConnectCompact .socialConnectSignInButton:hover,
#modSocialConnectCompact .socialConnectSignInButton:focus,
#modSocialConnectCompact .socialConnectToggler:hover,
#modSocialConnectCompact .socialConnectToggler:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2eb1f2), to(#2d69eb));
    background-image: -webkit-linear-gradient(top, #2eb1f2, #2d69eb);
    background-image: -moz-linear-gradient(top, #2eb1f2, #2d69eb);
    background-image: -ms-linear-gradient(top, #2eb1f2, #2d69eb);
    background-image: -o-linear-gradient(top, #2eb1f2, #2d69eb);
}
#modSocialConnectCompact .socialConnectSignInButton:active,
#modSocialConnectCompact .socialConnectToggler:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d69eb), to(#2eb1f2));
    background-image: -webkit-linear-gradient(top, #2d69eb, #2eb1f2);
    background-image: -moz-linear-gradient(top, #2d69eb, #2eb1f2);
    background-image: -ms-linear-gradient(top, #2d69eb, #2eb1f2);
    background-image: -o-linear-gradient(top, #2d69eb, #2eb1f2);
}
#modSocialConnectCompact .socialConnectSignInButton i {
    border-right-color: #00ba5b;
    background-image: url('../images/key.png');
    position: relative;
    top: -1px;
}
#modSocialConnectCompact .socialConnectSignInButton span {
    position: relative;
    top: -1px;
}
#modSocialConnectCompact .socialConnectToggler {
    min-width: 178px;
    height: 34px;
    line-height: 34px;
    margin: 0;
}
#modSocialConnectCompact .socialConnectToggler i {
    border-right-color: #00ba5b;
    background-image: url('../images/key.png');
}
#modSocialConnectCompact .socialConnectToggler span {
    padding: 0;
    text-align: center;
}
/* Registration button */
#modSocialConnectCompact .socialConnectRegistrationButton {
    float: right;
    color: #333333;
    border-color: #bdbdbd;
    margin: 0;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
    background-image: -o-linear-gradient(top, #ffffff, #cccccc);
    text-shadow: 0 1px 0 #ffffff;
}
#modSocialConnectCompact .socialConnectRegistrationButton:hover,
#modSocialConnectCompact .socialConnectRegistrationButton:focus {
    color: #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
}
#modSocialConnectCompact .socialConnectRegistrationButton:active {
    color: #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e9e9e9, #ffffff);
    background-image: -moz-linear-gradient(top, #e9e9e9, #ffffff);
    background-image: -ms-linear-gradient(top, #e9e9e9, #ffffff);
    background-image: -o-linear-gradient(top, #e9e9e9, #ffffff);
}
#modSocialConnectCompact .socialConnectRegistrationButton i {
    border-right-color: #bdbdbd;
    background-image: url('../images/user.png');
}
/* Facebook Button */
#modSocialConnectCompact .socialConnectFacebookButton {
    border-color: #394e90;
    background-color: #4159a2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#566eb7), to(#4159a2));
    background-image: -webkit-linear-gradient(top, #566eb7, #4159a2);
    background-image: -moz-linear-gradient(top, #566eb7, #4159a2);
    background-image: -ms-linear-gradient(top, #566eb7, #4159a2);
    background-image: -o-linear-gradient(top, #566eb7, #4159a2);
    box-shadow: 0 1px 0 0 #8a9bcd inset;
}
#modSocialConnectCompact .socialConnectFacebookButton:hover,
#modSocialConnectCompact .socialConnectFacebookButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#627ed1), to(#4b68bd));
    background-image: -webkit-linear-gradient(top, #627ed1, #4b68bd);
    background-image: -moz-linear-gradient(top, #627ed1, #4b68bd);
    background-image: -ms-linear-gradient(top, #627ed1, #4b68bd);
    background-image: -o-linear-gradient(top, #627ed1, #4b68bd);
}
#modSocialConnectCompact .socialConnectFacebookButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b68bd), to(#627ed1));
    background-image: -webkit-linear-gradient(top, #4b68bd, #627ed1);
    background-image: -moz-linear-gradient(top, #4b68bd, #627ed1);
    background-image: -ms-linear-gradient(top, #4b68bd, #627ed1);
    background-image: -o-linear-gradient(top, #4b68bd, #627ed1);
}
#modSocialConnectCompact .socialConnectFacebookButton i {
    background-image: url("../images/facebook.png");
    border-right: 1px solid #394e90;
}
/* Twitter Button */
#modSocialConnectCompact .socialConnectTwitterButton {
    border-color: #3092bf;
    background-color: #39b0e9;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50c4fe), to(#39b0e9));
    background-image: -webkit-linear-gradient(top, #50c4fe, #39b0e9);
    background-image: -moz-linear-gradient(top, #50c4fe, #39b0e9);
    background-image: -ms-linear-gradient(top, #50c4fe, #39b0e9);
    background-image: -o-linear-gradient(top, #50c4fe, #39b0e9);
    box-shadow: 0 1px 0 0 #86d6fe inset;
}
#modSocialConnectCompact .socialConnectTwitterButton:hover,
#modSocialConnectCompact .socialConnectTwitterButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8dd6fa), to(#3dc2ff));
    background-image: -webkit-linear-gradient(top, #8dd6fa, #3dc2ff);
    background-image: -moz-linear-gradient(top, #8dd6fa, #3dc2ff);
    background-image: -ms-linear-gradient(top, #8dd6fa, #3dc2ff);
    background-image: -o-linear-gradient(top, #8dd6fa, #3dc2ff);
}
#modSocialConnectCompact .socialConnectTwitterButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3dc2ff), to(#8dd6fa));
    background-image: -webkit-linear-gradient(top, #3dc2ff, #8dd6fa);
    background-image: -moz-linear-gradient(top, #3dc2ff, #8dd6fa);
    background-image: -ms-linear-gradient(top, #3dc2ff, #8dd6fa);
    background-image: -o-linear-gradient(top, #3dc2ff, #8dd6fa);
}
#modSocialConnectCompact .socialConnectTwitterButton i {
    background-image: url("../images/twitter.png");
    border-right: 1px solid #3092bf;
}
/* Google Button */
#modSocialConnectCompact .socialConnectGoogleButton {
    border-color: #b53c28;
    background-color: #cc442e;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e25944), to(#cc442e));
    background-image: -webkit-linear-gradient(top, #e25944, #cc442e);
    background-image: -moz-linear-gradient(top, #e25944, #cc442e);
    background-image: -ms-linear-gradient(top, #e25944, #cc442e);
    background-image: -o-linear-gradient(top, #e25944, #cc442e);
    box-shadow: 0 1px 0 0 #eb8c7e inset;
}
#modSocialConnectCompact .socialConnectGoogleButton:hover,
#modSocialConnectCompact .socialConnectGoogleButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc634c), to(#e54c35));
    background-image: -webkit-linear-gradient(top, #fc634c, #e54c35);
    background-image: -moz-linear-gradient(top, #fc634c, #e54c35);
    background-image: -ms-linear-gradient(top, #fc634c, #e54c35);
    background-image: -o-linear-gradient(top, #fc634c, #e54c35);
}
#modSocialConnectCompact .socialConnectGoogleButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e54c35), to(#fc634c));
    background-image: -webkit-linear-gradient(top, #e54c35, #fc634c);
    background-image: -moz-linear-gradient(top, #e54c35, #fc634c);
    background-image: -ms-linear-gradient(top, #e54c35, #fc634c);
    background-image: -o-linear-gradient(top, #e54c35, #fc634c);
}
#modSocialConnectCompact .socialConnectGoogleButton i {
    background-image: url("../images/google.png");
    border-right: 1px solid #b53c28;
}
/* Google+ Button */
#modSocialConnectCompact .socialConnectGooglePlusButton {
    border-color: #bd402f;
    background-color: #ab3a2b;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed5b47), to(#ab3a2b));
    background-image: -webkit-linear-gradient(top, #ed5b47, #ab3a2b);
    background-image: -moz-linear-gradient(top, #ed5b47, #ab3a2b);
    background-image: -ms-linear-gradient(top, #ed5b47, #ab3a2b);
    background-image: -o-linear-gradient(top, #ed5b47, #ab3a2b);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectGooglePlusButton:hover,
#comSocialConnectContainer .socialConnectGooglePlusButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bd402f), to(#dd4b38));
    background-image: -webkit-linear-gradient(top, #bd402f, #dd4b38);
    background-image: -moz-linear-gradient(top, #bd402f, #dd4b38);
    background-image: -ms-linear-gradient(top, #bd402f, #dd4b38);
    background-image: -o-linear-gradient(top, #bd402f, #dd4b38);
}
#modSocialConnectCompact .socialConnectGooglePlusButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd4b38), to(#bd402f));
    background-image: -webkit-linear-gradient(top, #dd4b38, #bd402f);
    background-image: -moz-linear-gradient(top, #dd4b38, #bd402f);
    background-image: -ms-linear-gradient(top, #dd4b38, #bd402f);
    background-image: -o-linear-gradient(top, #dd4b38, #bd402f);
}
#modSocialConnectCompact .socialConnectGooglePlusButton i {
    background-image: url("../images/googleplus.png");
    border-right: 1px solid #bd402f;
}
/* LinkedIn Button */
#modSocialConnectCompact .socialConnectLinkedInButton {
    border-color: #00698a;
    background-color: #00789c;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008db1), to(#00789c));
    background-image: -webkit-linear-gradient(top, #008db1, #00789c);
    background-image: -moz-linear-gradient(top, #008db1, #00789c);
    background-image: -ms-linear-gradient(top, #008db1, #00789c);
    background-image: -o-linear-gradient(top, #008db1, #00789c);
    box-shadow: 0 1px 0 0 #4fb0c9 inset;
}
#modSocialConnectCompact .socialConnectLinkedInButton:hover,
#modSocialConnectCompact .socialConnectLinkedInButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a1c9), to(#008bb5));
    background-image: -webkit-linear-gradient(top, #00a1c9, #008bb5);
    background-image: -moz-linear-gradient(top, #00a1c9, #008bb5);
    background-image: -ms-linear-gradient(top, #00a1c9, #008bb5);
    background-image: -o-linear-gradient(top, #00a1c9, #008bb5);
}
#modSocialConnectCompact .socialConnectLinkedInButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008bb5), to(#00a1c9));
    background-image: -webkit-linear-gradient(top, #008bb5, #00a1c9);
    background-image: -moz-linear-gradient(top, #008bb5, #00a1c9);
    background-image: -ms-linear-gradient(top, #008bb5, #00a1c9);
    background-image: -o-linear-gradient(top, #008bb5, #00a1c9);
}
#modSocialConnectCompact .socialConnectLinkedInButton i {
    background-image: url("../images/linkedin.png");
    border-right: 1px solid #00698a;
}
/* GitHub Button */
#modSocialConnectCompact .socialConnectGitHubButton {
    border-color: #3877b5;
    background-color: #336ba3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b9dff), to(#336ba3));
    background-image: -webkit-linear-gradient(top, #3b9dff, #336ba3);
    background-image: -moz-linear-gradient(top, #3b9dff, #336ba3);
    background-image: -ms-linear-gradient(top, #3b9dff, #336ba3);
    background-image: -o-linear-gradient(top, #3b9dff, #336ba3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectGitHubButton:hover,
#modSocialConnectCompact .socialConnectGitHubButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4da4fa), to(#3e83c8));
    background-image: -webkit-linear-gradient(top, #4da4fa, #3e83c8);
    background-image: -moz-linear-gradient(top, #4da4fa, #3e83c8);
    background-image: -ms-linear-gradient(top, #4da4fa, #3e83c8);
    background-image: -o-linear-gradient(top, #4da4fa, #3e83c8);
}
#modSocialConnectCompact .socialConnectGitHubButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e83c8), to(#4da4fa));
    background-image: -webkit-linear-gradient(top, #3e83c8, #4da4fa);
    background-image: -moz-linear-gradient(top, #3e83c8, #4da4fa);
    background-image: -ms-linear-gradient(top, #3e83c8, #4da4fa);
    background-image: -o-linear-gradient(top, #3e83c8, #4da4fa);
}
#modSocialConnectCompact .socialConnectGitHubButton i {
    background-image: url("../images/github.png");
    border-right: 1px solid #3877b5;
}
/* WordPress Button */
#modSocialConnectCompact .socialConnectWordPressButton {
    border-color: #16658a;
    background-color: #16678c;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2092c7), to(#16678c));
    background-image: -webkit-linear-gradient(top, #2092c7, #16678c);
    background-image: -moz-linear-gradient(top, #2092c7, #16678c);
    background-image: -ms-linear-gradient(top, #2092c7, #16678c);
    background-image: -o-linear-gradient(top, #2092c7, #16678c);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectWordPressButton:hover,
#modSocialConnectCompact .socialConnectWordPressButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f8ec2), to(#19749e));
    background-image: -webkit-linear-gradient(top, #1f8ec2, #19749e);
    background-image: -moz-linear-gradient(top, #1f8ec2, #19749e);
    background-image: -ms-linear-gradient(top, #1f8ec2, #19749e);
    background-image: -o-linear-gradient(top, #1f8ec2, #19749e);
}
#modSocialConnectCompact .socialConnectWordPressButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#19749e), to(#1f8ec2));
    background-image: -webkit-linear-gradient(top, #19749e, #1f8ec2);
    background-image: -moz-linear-gradient(top, #19749e, #1f8ec2);
    background-image: -ms-linear-gradient(top, #19749e, #1f8ec2);
    background-image: -o-linear-gradient(top, #19749e, #1f8ec2);
}
#modSocialConnectCompact .socialConnectWordPressButton i {
    background-image: url("../images/wordpress.png");
    border-right: 1px solid #16658a;
}
/* Windows Button */
#modSocialConnectCompact .socialConnectWindowsLiveButton {
    border-color: #008bc2;
    background-color: #0090c9;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#27b9f2), to(#0090c9));
    background-image: -webkit-linear-gradient(top, #27b9f2, #0090c9);
    background-image: -moz-linear-gradient(top, #27b9f2, #0090c9);
    background-image: -ms-linear-gradient(top, #27b9f2, #0090c9);
    background-image: -o-linear-gradient(top, #27b9f2, #0090c9);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectWindowsLiveButton:hover,
#modSocialConnectCompact .socialConnectWindowsLiveButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#28c2ff), to(#01adef));
    background-image: -webkit-linear-gradient(top, #28c2ff, #01adef);
    background-image: -moz-linear-gradient(top, #28c2ff, #01adef);
    background-image: -ms-linear-gradient(top, #28c2ff, #01adef);
    background-image: -o-linear-gradient(top, #28c2ff, #01adef);
}
#modSocialConnectCompact .socialConnectWindowsLiveButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01adef), to(#28c2ff));
    background-image: -webkit-linear-gradient(top, #01adef, #28c2ff);
    background-image: -moz-linear-gradient(top, #01adef, #28c2ff);
    background-image: -ms-linear-gradient(top, #01adef, #28c2ff);
    background-image: -o-linear-gradient(top, #01adef, #28c2ff);
}
#modSocialConnectCompact .socialConnectWindowsLiveButton i {
    background-image: url("../images/windows.png");
    border-right: 1px solid #008bc2;
}
/* Instagram Button */
#modSocialConnectCompact .socialConnectInstagramButton {
    border-color: #466b8b;
    background-color: #5280a5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6aa4d1), to(#5280a5));
    background-image: -webkit-linear-gradient(top, #6aa4d1, #5280a5);
    background-image: -moz-linear-gradient(top, #6aa4d1, #5280a5);
    background-image: -ms-linear-gradient(top, #6aa4d1, #5280a5);
    background-image: -o-linear-gradient(top, #6aa4d1, #5280a5);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectInstagramButton:hover,
#modSocialConnectCompact .socialConnectInstagramButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76b8eb), to(#5f94bf));
    background-image: -webkit-linear-gradient(top, #76b8eb, #5f94bf);
    background-image: -moz-linear-gradient(top, #76b8eb, #5f94bf);
    background-image: -ms-linear-gradient(top, #76b8eb, #5f94bf);
    background-image: -o-linear-gradient(top, #76b8eb, #5f94bf);
}
#modSocialConnectCompact .socialConnectInstagramButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f94bf), to(#76b8eb));
    background-image: -webkit-linear-gradient(top, #5f94bf, #76b8eb);
    background-image: -moz-linear-gradient(top, #5f94bf, #76b8eb);
    background-image: -ms-linear-gradient(top, #5f94bf, #76b8eb);
    background-image: -o-linear-gradient(top, #5f94bf, #76b8eb);
}
#modSocialConnectCompact .socialConnectInstagramButton i {
    background-image: url("../images/instagram.png");
    border-right: 1px solid #466b8b;
}
/* Foursquare Button */
#modSocialConnectCompact .socialConnectFoursquareButton {
    border-color: #057992;
    background-color: #04b8df;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#02ccf5), to(#04b8df));
    background-image: -webkit-linear-gradient(top, #02ccf5, #04b8df);
    background-image: -moz-linear-gradient(top, #02ccf5, #04b8df);
    background-image: -ms-linear-gradient(top, #02ccf5, #04b8df);
    background-image: -o-linear-gradient(top, #02ccf5, #04b8df);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectFoursquareButton:hover,
#modSocialConnectCompact .socialConnectFoursquareButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2cd9fd), to(#05c9f6));
    background-image: -webkit-linear-gradient(top, #2cd9fd, #05c9f6);
    background-image: -moz-linear-gradient(top, #2cd9fd, #05c9f6);
    background-image: -ms-linear-gradient(top, #2cd9fd, #05c9f6);
    background-image: -o-linear-gradient(top, #2cd9fd, #05c9f6);
}
#modSocialConnectCompact .socialConnectFoursquareButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#05c9f6), to(#2cd9fd));
    background-image: -webkit-linear-gradient(top, #05c9f6, #2cd9fd);
    background-image: -moz-linear-gradient(top, #05c9f6, #2cd9fd);
    background-image: -ms-linear-gradient(top, #05c9f6, #2cd9fd);
    background-image: -o-linear-gradient(top, #05c9f6, #2cd9fd);
}
#modSocialConnectCompact .socialConnectFoursquareButton i {
    background-image: url("../images/foursquare.png");
    border-right: 1px solid #057992;
}
/* Amazon Button */
#modSocialConnectCompact .socialConnectAmazonButton {
    border-color: #b16b08;
    background-color: #fd9904;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcba2b), to(#fd9904));
    background-image: -webkit-linear-gradient(top, #fcba2b, #fd9904);
    background-image: -moz-linear-gradient(top, #fcba2b, #fd9904);
    background-image: -ms-linear-gradient(top, #fcba2b, #fd9904);
    background-image: -o-linear-gradient(top, #fcba2b, #fd9904);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectAmazonButton:hover,
#modSocialConnectCompact .socialConnectAmazonButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fac755), to(#fdb407));
    background-image: -webkit-linear-gradient(top, #fac755, #fdb407);
    background-image: -moz-linear-gradient(top, #fac755, #fdb407);
    background-image: -ms-linear-gradient(top, #fac755, #fdb407);
    background-image: -o-linear-gradient(top, #fac755, #fdb407);
}
#modSocialConnectCompact .socialConnectAmazonButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdb407), to(#fac755));
    background-image: -webkit-linear-gradient(top, #fdb407, #fac755);
    background-image: -moz-linear-gradient(top, #fdb407, #fac755);
    background-image: -ms-linear-gradient(top, #fdb407, #fac755);
    background-image: -o-linear-gradient(top, #fdb407, #fac755);
}
#modSocialConnectCompact .socialConnectAmazonButton i {
    background-image: url("../images/amazon.png");
    border-right: 1px solid #b16b08;
}
/* Disqus Button */
#modSocialConnectCompact .socialConnectDisqusButton {
    border-color: #245271;
    background-color: #1c7cce;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2499f9), to(#1c7cce));
    background-image: -webkit-linear-gradient(top, #2499f9, #1c7cce);
    background-image: -moz-linear-gradient(top, #2499f9, #1c7cce);
    background-image: -ms-linear-gradient(top, #2499f9, #1c7cce);
    background-image: -o-linear-gradient(top, #2499f9, #1c7cce);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectDisqusButton:hover,
#modSocialConnectCompact .socialConnectDisqusButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44a7f8), to(#218ae7));
    background-image: -webkit-linear-gradient(top, #44a7f8, #218ae7);
    background-image: -moz-linear-gradient(top, #44a7f8, #218ae7);
    background-image: -ms-linear-gradient(top, #44a7f8, #218ae7);
    background-image: -o-linear-gradient(top, #44a7f8, #218ae7);
}
#modSocialConnectCompact .socialConnectDisqusButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#218ae7), to(#44a7f8));
    background-image: -webkit-linear-gradient(top, #218ae7, #44a7f8);
    background-image: -moz-linear-gradient(top, #218ae7, #44a7f8);
    background-image: -ms-linear-gradient(top, #218ae7, #44a7f8);
    background-image: -o-linear-gradient(top, #218ae7, #44a7f8);
}
#modSocialConnectCompact .socialConnectDisqusButton i {
    background-image: url("../images/disqus.png");
    border-right: 1px solid #245271;
}
/* StackExchange Button */
#modSocialConnectCompact .socialConnectStackExchangeButton {
    border-color: #1b5198;
    background-color: #1b5299;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4397d2), to(#1b5299));
    background-image: -webkit-linear-gradient(top, #4397d2, #1b5299);
    background-image: -moz-linear-gradient(top, #4397d2, #1b5299);
    background-image: -ms-linear-gradient(top, #4397d2, #1b5299);
    background-image: -o-linear-gradient(top, #4397d2, #1b5299);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectStackExchangeButton:hover,
#modSocialConnectCompact .socialConnectStackExchangeButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4aa9ec), to(#1e5eb0));
    background-image: -webkit-linear-gradient(top, #4aa9ec, #1e5eb0);
    background-image: -moz-linear-gradient(top, #4aa9ec, #1e5eb0);
    background-image: -ms-linear-gradient(top, #4aa9ec, #1e5eb0);
    background-image: -o-linear-gradient(top, #4aa9ec, #1e5eb0);
}
#modSocialConnectCompact .socialConnectStackExchangeButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e5eb0), to(#4aa9ec));
    background-image: -webkit-linear-gradient(top, #1e5eb0, #4aa9ec);
    background-image: -moz-linear-gradient(top, #1e5eb0, #4aa9ec);
    background-image: -ms-linear-gradient(top, #1e5eb0, #4aa9ec);
    background-image: -o-linear-gradient(top, #1e5eb0, #4aa9ec);
}
#modSocialConnectCompact .socialConnectStackExchangeButton i {
    background-image: url("../images/stackexchange.png");
    border-right: 1px solid #1b5198;
}
/* Tumblr Button */
#modSocialConnectCompact .socialConnectTumblrButton {
    border-color: #2f3c50;
    background-color: #36465d;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#445874), to(#36465d));
    background-image: -webkit-linear-gradient(top, #445874, #36465d);
    background-image: -moz-linear-gradient(top, #445874, #36465d);
    background-image: -ms-linear-gradient(top, #445874, #36465d);
    background-image: -o-linear-gradient(top, #445874, #36465d);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectTumblrButton:hover,
#modSocialConnectCompact .socialConnectTumblrButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c779e), to(#36465d));
    background-image: -webkit-linear-gradient(top, #5c779e, #36465d);
    background-image: -moz-linear-gradient(top, #5c779e, #36465d);
    background-image: -ms-linear-gradient(top, #5c779e, #36465d);
    background-image: -o-linear-gradient(top, #5c779e, #36465d);
}
#modSocialConnectCompact .socialConnectTumblrButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#445874), to(#36465d));
    background-image: -webkit-linear-gradient(top, #445874, #36465d);
    background-image: -moz-linear-gradient(top, #445874, #36465d);
    background-image: -ms-linear-gradient(top, #445874, #36465d);
    background-image: -o-linear-gradient(top, #445874, #36465d);
}
#modSocialConnectCompact .socialConnectTumblrButton i {
    background-image: url("../images/tumblr.png");
    border-right: 1px solid #2f3c50;
}
/* SoundCloud Button */
#modSocialConnectCompact .socialConnectSoundCloudButton {
    border-color: #e02e02;
    background-color: #f30;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f70), to(#f30));
    background-image: -webkit-linear-gradient(top, #f70, #f30);
    background-image: -moz-linear-gradient(top, #f70, #f30);
    background-image: -ms-linear-gradient(top, #f70, #f30);
    background-image: -o-linear-gradient(top, #f70, #f30);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
}
#modSocialConnectCompact .socialConnectSoundCloudButton:hover,
#modSocialConnectCompact .socialConnectSoundCloudButton:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff973c), to(#f30));
    background-image: -webkit-linear-gradient(top, #ff973c, #f30);
    background-image: -moz-linear-gradient(top, #ff973c, #f30);
    background-image: -ms-linear-gradient(top, #ff973c, #f30);
    background-image: -o-linear-gradient(top, #ff973c, #f30);
}
#modSocialConnectCompact .socialConnectSoundCloudButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f30), to(#f70));
    background-image: -webkit-linear-gradient(top, #f30, #f70);
    background-image: -moz-linear-gradient(top, #f30, #f70);
    background-image: -ms-linear-gradient(top, #f30, #f70);
    background-image: -o-linear-gradient(top, #f30, #f70);
}
#modSocialConnectCompact .socialConnectSoundCloudButton i {
    background-image: url("../images/soundcloud.png");
    border-right: 1px solid #e02e02;
}
#modSocialConnectCompact #socialConnectEmailFormSubmitButton span {
    padding-right: 0;
}
/* Authenticated user */
#modSocialConnectCompact .socialConnectAccountButton {
    background-color: #606060;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#606060), to(#323232));
    background-image: -webkit-linear-gradient(top, #606060, #323232);
    background-image: -moz-linear-gradient(top, #606060, #323232);
    background-image: -ms-linear-gradient(top, #606060, #323232);
    background-image: -o-linear-gradient(top, #606060, #323232);
    border-color: #323232;
    margin: 0;
    box-shadow: 0 1px 0 0 #929292 inset;
    text-shadow: 0 1px 0 #334b0a;
}
#modSocialConnectCompact .socialConnectAccountButton:hover,
#modSocialConnectCompact .socialConnectAccountButton:focus,
#modSocialConnectCompact .socialConnectAccountButton:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#323232), to(#606060));
    background-image: -webkit-linear-gradient(top, #323232, #606060);
    background-image: -moz-linear-gradient(top, #323232, #606060);
    background-image: -ms-linear-gradient(top, #323232, #606060);
    background-image: -o-linear-gradient(top, #323232, #606060);
}
#modSocialConnectCompact .socialConnectAccountButton i {
    border-right-color: #323232;
    background-image: url('../images/user-authenticated.png');
}
#modSocialConnectCompact .socialConnectUserBlock {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 252px;
    padding: 20px;
    background: #fff;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    margin-top: 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 9999;
}
/* CSS arrow for the container */
#modSocialConnectCompact .socialConnectUserBlock:after,
#modSocialConnectCompact .socialConnectUserBlock:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#modSocialConnectCompact .socialConnectUserBlock:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
#modSocialConnectCompact .socialConnectUserBlock:before {
    border-color: rgba(212, 212, 212, 0);
    border-bottom-color: #D4D4D4;
    border-width: 11px;
    margin-left: -11px;
}
#modSocialConnectCompact .socialConnectUserInfo {
    float: left;
    margin: 0;
}
#modSocialConnectCompact .socialConnectUserMenu {
    display: block;
}
#modSocialConnectCompact img.socialConnectAvatar {
    width: 80px;
    height: 80px;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    margin: 0 15px 13px 0;
}
#modSocialConnectCompact .socialConnectGreeting {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
#modSocialConnectCompact .socialConnectUsername {
    display: block;
    font-size: 18px;
    font-weight: bold;
}
#modSocialConnectCompact .socialConnectSignOutButton {
    width: 142px;
    color: #333333;
    border-color: #BDBDBD;
    margin: 16px auto;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
    background-image: -o-linear-gradient(top, #ffffff, #cccccc);
    text-shadow: 0 1px 0 #ffffff;
}
#modSocialConnectCompact .socialConnectSignOutButton:hover,
#modSocialConnectCompact .socialConnectSignOutButton:focus {
    color: #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9);
    background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
}
#modSocialConnectCompact .socialConnectSignOutButton:active {
    color: #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e9e9e9, #ffffff);
    background-image: -moz-linear-gradient(top, #e9e9e9, #ffffff);
    background-image: -ms-linear-gradient(top, #e9e9e9, #ffffff);
    background-image: -o-linear-gradient(top, #e9e9e9, #ffffff);
}
#modSocialConnectCompact .socialConnectSignOutButton i {
    border-right-color: #BDBDBD;
    background-image: url('../images/signout.png');
}
#modSocialConnectCompact ul.socialConnectUserMenu {
    margin: 13px 0 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    border-bottom: none;
}
#modSocialConnectCompact ul.socialConnectUserMenu li {
    border-bottom: 1px solid #BDBDBD;
}
#modSocialConnectCompact ul.socialConnectUserMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#modSocialConnectCompact ul.socialConnectUserMenu li ul li {
    border: none;
}
#modSocialConnectCompact ul.socialConnectUserMenu li ul li a {
    font-weight: normal;
    background: url('../images/link-deeper.png') 40px center no-repeat;
    padding-left: 50px;
}
#modSocialConnectCompact .socialConnectAccountLink,
#modSocialConnectCompact ul.socialConnectUserMenu li a {
    display: block;
    width: auto;
    height: 34px;
    line-height: 34px;
    padding-left: 40px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-position: left center;
    background-repeat: no-repeat;
}
#modSocialConnectCompact ul.socialConnectUserMenu li a {
    background-image: url('../images/link.png');
}
#modSocialConnectCompact .socialConnectAccountLink {
    display: inline-block;
    padding-left: 28px;
    background-image: url('../images/account.png');
}
#modSocialConnectCompact ul.socialConnectUserMenu li a.socialConnectAddLink {
    background-image: url('../images/add.png');
}
#modSocialConnectCompact ul.socialConnectUserMenu li a.socialConnectUserLink {
    background-image: url('../images/mypage.png');
}
#modSocialConnectCompact ul.socialConnectUserMenu li a.socialConnectCommentsLink {
    background-image: url('../images/comments.png');
}
/* Clear Fix */
#modSocialConnectCompact .socialConnectClearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
body.scIsIE6 #modSocialConnectCompact .socialConnectClearFix {
    height: 1%;
}
body.scIsIE7 #modSocialConnectCompact .socialConnectClearFix {
    display: inline-block;
}
/* Template specific styles */
#modSocialConnectCompact .socialConnectIntroMessage {
    margin-bottom: 38px;
}
#modSocialConnectCompact .socialConnectSignInBlockContainer {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 536px;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    margin-top: 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 1;
}
/* CSS arrow for the container */
#modSocialConnectCompact .socialConnectSignInBlockContainer:after,
#modSocialConnectCompact .socialConnectSignInBlockContainer:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#modSocialConnectCompact .socialConnectSignInBlockContainer:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
#modSocialConnectCompact .socialConnectSignInBlockContainer:before {
    border-color: rgba(185, 185, 185, 0);
    border-bottom-color: #b9b9b9;
    border-width: 11px;
    margin-left: -11px;
}
#modSocialConnectCompact .socialConnectVisible {
    visibility: visible;
    opacity: 1;
}
#modSocialConnectCompact .socialConnectSignInBlock {
    width: 296px;
    float: left;
}
#modSocialConnectCompact.socialConnectNoServices .socialConnectSignInBlockContainer {
    width: 296px;
}
#modSocialConnectCompact.socialConnectNoServices .socialConnectSignInBlock {
    width: 296px;
    float: none;
}
#modSocialConnectCompact .socialConnectSignInBlock .socialConnectInnerBlock {
    padding: 38px 30px 34px 34px;
    border-right: 1px solid #D4D4D4;
}
#modSocialConnectCompact.socialConnectNoServices .socialConnectSignInBlock .socialConnectInnerBlock {
    border-right: none;
}
#modSocialConnectCompact.socialConnectNoServices .socialConnectRegistrationButton {
    float: left;
}
#modSocialConnectCompact .socialConnectServicesBlock {
    width: 240px;
    float: left;
}
#modSocialConnectCompact .socialConnectServicesBlock .socialConnectInnerBlock {
    padding: 34px;
    border-left: 1px solid #D4D4D4;
    position: relative;
    left: -1px;
}
#modSocialConnectCompact .socialConnectServiceButton {
    float: none;
    margin: 0 auto 14px auto;
}
#modSocialConnectCompact .socialConnectRow {
    margin: 0 0 12px 0;
}
#modSocialConnectCompact .socialConnectRegistrationBlock {
    border-top: 1px solid #d4d4d4;
    margin: 0;
    padding: 25px 34px 29px 32px;
}
#modSocialConnectCompact .socialConnectRegistrationBlock .socialConnectSubHeading {
    float: left;
    line-height: 34px;
}
#modSocialConnectCompactRemember {
    margin: 0;
}
#modSocialConnectCompact .socialConnectLeft {
    left: 0;
}
#modSocialConnectCompact .socialConnectRight {
    right: 0;
}
#modSocialConnectCompact .socialConnectLeft:after,
#modSocialConnectCompact .socialConnectLeft:before {
    left: 44px;
}
#modSocialConnectCompact .socialConnectRight:after,
#modSocialConnectCompact .socialConnectRight:before {
    right: 44px;
}
/* Force load the module on the right (optional) uncomment at will */
/*
#modSocialConnectCompact .socialConnectLeft { right: 0; left: auto; }
#modSocialConnectCompact .socialConnectLeft:after, #modSocialConnectCompact .socialConnectLeft:before { right: 50%; left: auto; }
*/
/* responsive styling */
@media screen and (max-width: 600px) {
    #modSocialConnectCompact .socialConnectSignInBlockContainer {
        max-width: 100%;
    }
    #modSocialConnectCompact .socialConnectSignInBlock,
    #modSocialConnectCompact .socialConnectServicesBlock {
        float: none;
        clear: both;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #modSocialConnectCompact .socialConnectLink {
        float: left;
    }
    #modSocialConnectCompact .socialConnectInput {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
    }
    #modSocialConnectCompact .socialConnectServiceButton {
        margin: 0 0 14px;
    }
    #modSocialConnectCompact .socialConnectServicesBlock .socialConnectInnerBlock {
        padding: 0 20px 20px;
    }
    #modSocialConnectCompact .socialConnectSignInBlock .socialConnectInnerBlock {
        padding: 20px 20px 0;
    }
    #modSocialConnectCompact .socialConnectRegistrationButton {
        float: none;
        clear: both;
    }
}