/**
 * @version		$Id: style.css 3315 2013-07-09 16:26:36Z lefteris.kavadas $
 * @package		SocialConnect
 * @author		JoomlaWorks http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2013 JoomlaWorks Ltd. All rights reserved.
 * @license		http://www.joomlaworks.net/license
 */
/*@altFontFamily:         'futuramc','futura', @serifFontFamily; */
/* we use the 'standard convention of

    1em = 12pt = 16px = 100%
    as default font, so everything bellow this point
    MUST express font size as a em (and added rem)
    as it is best to use a % in the outermost class (e.g body)
    and use em (better rem in the futur) for expressing scalable
    multitples instead of % of %
*/
/*
@boldFontFamily:       @font-family-bold;
 we use the standard font, along with a font-weight of @font-weight-bold|bolder
*/
/*
*  name convention :
*
*    we use CamelCasing for our own definitions while Boostrap use '-' as word separator
*    so we could reduce the number of useless declaration if, we only get one definition like
*       @ourOwnVariable : @bootstrap-variable
*       and no other computed dependency on @ourOwnVariable
*    then all @ourOwnVariable MUST BE replaced by @bootstrap-variable
*  example :
*       @text-color: @grayDark;
*   while boostrap define :
*       @text-color : @gray-dark
*
*/
div.loginSocialConnectTemplate.container {
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
}
div.loginSocialConnectTemplate.container #comSocialConnectContainer div.socialConnectBlock {
  border-radius: 0;
}
/* Common extension styles */
#modSocialConnectCompact {
  border-left: 1px solid #777777;
  padding: 10px 15px;
  margin-left: -3px;
  font-size: 14px;
  color: #333333;
  position: relative;
  /* Sign in button and Toggler button */
  /*#modSocialConnectCompact .socialConnectSignInButton, #modSocialConnectCompact .socialConnectToggler {*/
  /*width: 116px;*/
  /*height: 36px;*/
  /*background-color: #299bd8;*/
  /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#299bd8), to(#0143d0));*/
  /*background-image: -webkit-linear-gradient(top, #299bd8, #0143d0);*/
  /*background-image: -moz-linear-gradient(top, #299bd8, #0143d0);*/
  /*background-image: -ms-linear-gradient(top, #299bd8, #0143d0);*/
  /*background-image: -o-linear-gradient(top, #299bd8, #0143d0);*/
  /*border-color: #005fba;*/
  /*margin: 12px 0 14px 0;*/
  /*box-shadow: 0 1px 0 0 #2baced inset;*/
  /*text-shadow: 0 1px 0 #696363;*/
  /*}*/
  /*#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);*/
  /*}*/
  /* Registration button */
  /*#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 */
  /* Twitter Button */
  /* Google Button */
  /* Google+ Button */
  /* LinkedIn Button */
  /* GitHub Button */
  /* WordPress Button */
  /* Windows Button */
  /* Ning Button */
  /* 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 #696363;*/
  /*}*/
  /*#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');*/
  /*}*/
  /* 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 .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');*/
  /*}*/
  /* Clear Fix */
  /* Template specific styles */
  /* 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;*/
  /*}*/
  /*[TV][PATCH]04/06/2014]*/
  /*[TV-END]04/05/2014]*/
}
#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: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background: #f8f6f6;
  padding: 8px 12px;
  margin: 0 0 6px 0;
  height: 32px;
  /*box-shadow: 0 1px 1px 0 #d4d4d4 inset;*/
  font-size: 14px;
  /*font-weight: bold;*/
  color: #6e6d6d;
}
#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: #00e0c2;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  float: left;
}
#modSocialConnectCompact .socialConnectLink:hover,
#modSocialConnectCompact #modSocialConnectCompact .socialConnectLink:focus {
  background: none;
  color: black;
  font-size: 12px;
  text-decoration: underline;
}
#modSocialConnectCompact.modSocialConnectAuth .socialConnectButton span {
  font-family: 'acrom', 'Lucida Grande', "Times New Roman", Times, serif;
  color: #2ddcb4;
  font-size: 1.15em;
  font-weight: 800;
}
#modSocialConnectCompact .socialConnectButton {
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  /*text-shadow: 0 1px 0 #333333;*/
}
#modSocialConnectCompact .socialConnectButton span {
  color: #333;
  font-size: 1.1em;
  font-weight: 800;
  /*
      font-size: 1.7em;
      line-height: 34px;*/
  display: block;
  height: 34px;
  padding-right: 14px;
  text-align: center;
}
#modSocialConnectCompact .socialConnectSignInButton i {
  border-right-color: #005fba;
  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: #005fba;
  background-image: url('../images/key.png');
}
#modSocialConnectCompact .socialConnectToggler span {
  padding: 0;
  text-align: center;
}
#modSocialConnectCompact .socialConnectRegistrationButton {
  color: white;
  /*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 .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 #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;
}
#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 #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;
}
#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 #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;
}
#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,
#modSocialConnectCompact #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;
}
#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 #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;
}
#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 #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;
}
#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 #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;
}
#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 #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;
}
#modSocialConnectCompact .socialConnectNingButton {
  border-color: #4c7c04;
  background-color: #558c00;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#558c00), to(#558c00));
  background-image: -webkit-linear-gradient(top, #558c00, #558c00);
  background-image: -moz-linear-gradient(top, #558c00, #558c00);
  background-image: -ms-linear-gradient(top, #558c00, #558c00);
  background-image: -o-linear-gradient(top, #558c00, #558c00);
  box-shadow: 0 1px 0 0 #8ab04f inset;
}
#modSocialConnectCompact .socialConnectNingButton:hover,
#modSocialConnectCompact #modSocialConnectCompact .socialConnectNingButton:focus {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#77b81d), to(#63a600));
  background-image: -webkit-linear-gradient(top, #77b81d, #63a600);
  background-image: -moz-linear-gradient(top, #77b81d, #63a600);
  background-image: -ms-linear-gradient(top, #77b81d, #63a600);
  background-image: -o-linear-gradient(top, #77b81d, #63a600);
}
#modSocialConnectCompact .socialConnectNingButton:active {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63a600), to(#77b81d));
  background-image: -webkit-linear-gradient(top, #63a600, #77b81d);
  background-image: -moz-linear-gradient(top, #63a600, #77b81d);
  background-image: -ms-linear-gradient(top, #63a600, #77b81d);
  background-image: -o-linear-gradient(top, #63a600, #77b81d);
}
#modSocialConnectCompact .socialConnectNingButton i {
  background-image: url("../images/ning.png");
  border-right: 1px solid #4c7c04;
}
#modSocialConnectCompact #socialConnectEmailFormSubmitButton span {
  padding-right: 0;
}
#modSocialConnectCompact .socialConnectUserBlock {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 252px;
  padding: 20px;
  /*background: #F8F8F8;*/
  /*border: 1px solid #D4D4D4;*/
  border-radius: 2px;
  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;
}
#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: 50%;
  margin: 0 auto;
}
#modSocialConnectCompact .socialConnectGreeting {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
#modSocialConnectCompact .socialConnectUsername {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
#modSocialConnectCompact .socialConnectSignOutButton {
  color: white;
}
#modSocialConnectCompact ul.socialConnectUserMenu {
  margin: 13px 0 0 0;
  padding: 0;
  list-style: none;
  border-top: 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 #modSocialConnectCompact ul.socialConnectUserMenu li a {
  display: block;
  width: auto;
  height: 34px;
  line-height: 34px;
  padding-left: 40px;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  background-position: left center;
  background-repeat: no-repeat;
}
#modSocialConnectCompact ul.socialConnectUserMenu li .fa-chevron-right {
  margin-top: 3px;
}
#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');
}
#modSocialConnectCompact .socialConnectClearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#modSocialConnectCompact body.scIsIE6 #modSocialConnectCompact .socialConnectClearFix {
  height: 1%;
}
#modSocialConnectCompact body.scIsIE7 #modSocialConnectCompact .socialConnectClearFix {
  display: inline-block;
}
#modSocialConnectCompact .socialConnectIntroMessage {
  margin-bottom: 38px;
}
#modSocialConnectCompact .socialConnectSignInBlockContainer {
  opacity: 0;
  visibility: hidden;
  display: none;
  /* [TV] : else create a bottom margin*/
  position: absolute;
  background: #ffffff;
  /*border: 1px solid #D4D4D4;*/
  border-radius: 2px;
  margin-top: 20px;
  -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;
}
#modSocialConnectCompact .socialConnectVisible {
  visibility: visible;
  display: block;
  /* [TV] : else create a bottom margin */
  opacity: 1;
}
#modSocialConnectCompact .socialConnectSignInBlock {
  width: 296px;
  float: left;
}
#modSocialConnectCompact #modSocialConnectCompact.socialConnectNoServices .socialConnectSignInBlockContainer {
  width: 252px;
}
#modSocialConnectCompact #modSocialConnectCompact.socialConnectNoServices .socialConnectSignInBlock {
  width: 252px;
  float: none;
}
#modSocialConnectCompact .socialConnectSignInBlock .socialConnectInnerBlock {
  padding: 20px;
}
#modSocialConnectCompact #modSocialConnectCompact.socialConnectNoServices .socialConnectSignInBlock .socialConnectInnerBlock {
  border-right: none;
}
#modSocialConnectCompact #modSocialConnectCompact.socialConnectNoServices .socialConnectRegistrationButton {
  float: left;
}
#modSocialConnectCompact .socialConnectServicesBlock {
  width: 238px;
  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: 19px 22px 15px 22px;
}
#modSocialConnectCompact .socialConnectRegistrationBlock .socialConnectSubHeading {
  float: left;
  line-height: 34px;
  width: 100%;
}
#modSocialConnectCompact .socialConnectSignOutBlock.socialConnectButton {
  padding: 10px 16px;
}
#modSocialConnectCompact #modSocialConnectCompactRemember {
  margin: 0;
}
#modSocialConnectCompact .socialConnectLeft {
  left: -33%;
  text-align: left;
  text-transform: none;
}
#modSocialConnectCompact .socialConnectLeft:after,
#modSocialConnectCompact #modSocialConnectCompact .socialConnectLeft:before {
  left: 47%;
}
#modSocialConnectCompact .socialConnectRight {
  right: 0;
}
#modSocialConnectCompact .socialConnectRight:after,
#modSocialConnectCompact #modSocialConnectCompact .socialConnectRight:before {
  right: 44px;
}