@charset "UTF-8";

/* --- external_accounts.css --- */

/*
 * When enabled, this hides default providers.
 * Rather than simply removing the providers via
 * Template Modification, this method prevents
 * conflictions from other addons that may add
 * their own provider.
*/


/* Login Disabler */


/* Horizontal Buttons */


/* Removes text-decoration on hover */
#eAuthUnit li a:hover,
#pageLogin .ctrlUnit dd a:hover
{
	text-decoration: none;
}

/* Fixes Login for multiple providers */
#loginBar form.eAuth #eAuthUnit
{
	overflow-x: hidden;
	overflow-y: auto;

	height: 100%;
	width: 200px;

	right: -10px !important;
}

/* External Minimal Button */
a.externalMinimal,
#loginBar a.externalMinimal
{
	background: #303030;
}

	a.externalMinimal span:before
	{
		background: none !important;
	}

a.externalMinimal:active,
#loginBar a.externalMinimal:active
{
	background-color: #303030;
}

/* All External Providers */

/* Global Options (standard display) */

/* External Provider Default Icon Styling */
a.externalProvider span
{
	display: block;
	padding: 3px;
	padding-left: 23px;
	white-space: nowrap;
	overflow: hidden;
}
a.externalProvider span:before
{
	content: " ";
	background: url("styles/default/xenforo/external/sprite-20.png");
	background-repeat: no-repeat;
	display: block;
	position: absolute;

	width: 20px;
	height: 20px;

	margin-left: -23px;
	margin-top: -3px;
}

a.externalProvider,
#loginBar a.externalProvider
{
	display: inline-block;
	width: 180px;
	height: 22px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	cursor: pointer;

	color: #FFFFFF !important;

	-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
	padding-left: 2px;

	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

/* Provider-Specific */
a.soundCloudLogin,
#loginBar a.soundCloudLogin
{
	background: #ffa348;
	background: -moz-linear-gradient(top, #ffa348 0%, #e67301 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa348), color-stop(100%,#e67301));
	background: -webkit-linear-gradient(top, #ffa348 0%,#e67301 100%);
	background: -o-linear-gradient(top, #ffa348 0%,#e67301 100%);
	background: -ms-linear-gradient(top, #ffa348 0%,#e67301 100%);
	background: linear-gradient(to bottom, #ffa348 0%,#e67301 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa348', endColorstr='#e67301',GradientType=0 );
}

	a.soundCloudLogin span:before
	{
		background-position: -50px -26px;
	}

a.soundCloudLogin:active,
#loginBar a.soundCloudLogin:active
{
	background-color: #ffa348;
}

a.tumblrLogin,
#loginBar a.tumblrLogin
{
	background-color: #36475d;
	border: #36465d solid 1px;
}

	a.tumblrLogin span:before
	{
		background-position: -26px -50px;
	}

a.tumblrLogin:active,
#loginBar a.tumblrLogin:active
{
	background-color: #36475d;
}

a.vkLogin,
#loginBar a.vkLogin
{
	background-color: #54769b;
	border: #54769b solid 1px;
}

	a.vkLogin span:before
	{
		background-position: -74px -26px;
	}

a.vkLogin:active,
#loginBar a.vkLogin:active
{
	background-color: #54769b;
}

a.odnoklassnikiLogin,
#loginBar a.odnoklassnikiLogin
{
	background: #fb8012;
	background: -moz-linear-gradient(top, #fb8012 0%, #ff3901 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb8012), color-stop(100%,#ff3901));
	background: -webkit-linear-gradient(top, #fb8012 0%,#ff3901 100%);
	background: -o-linear-gradient(top, #fb8012 0%,#ff3901 100%);
	background: -ms-linear-gradient(top, #fb8012 0%,#ff3901 100%);
	background: linear-gradient(to bottom, #fb8012 0%,#ff3901 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8012', endColorstr='#ff3901',GradientType=0 );

	border: #d05300 solid 1px;
}

	a.odnoklassnikiLogin span:before
	{
		background-position: -26px -26px;
	}

a.odnoklassnikiLogin:active,
#loginBar a.odnoklassnikiLogin:active
{
	background-color: #be3e2e;
}

a.githubLogin,
#loginBar a.githubLogin
{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );

	border: #c9c9c9 solid 1px;

	color: #515151 !important;
}

	a.githubLogin span:before
	{
		background-position: -26px -2px;
	}

a.githubLogin:active,
#loginBar a.githubLogin:active
{
	background-color: #ffffff;
}

a.linkedinLogin,
#loginBar a.linkedinLogin
{
	background: #7dbcd6;
	background: -moz-linear-gradient(top,  #7dbcd6 0%, #55a6c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dbcd6), color-stop(100%,#55a6c9));
	background: -webkit-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
	background: -o-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
	background: -ms-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
	background: linear-gradient(to bottom,  #7dbcd6 0%,#55a6c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbcd6', endColorstr='#55a6c9',GradientType=0 );

	border: #55a6c9 solid 1px;
}

	a.linkedinLogin span:before
	{
		background-position: -50px -2px;
	}

a.linkedinLogin:active,
#loginBar a.linkedinLogin:active
{
	background-color: #f9f9f9;
}

a.twitchLogin,
#loginBar a.twitchLogin
{
	background-color: #6441A5;
}

	a.twitchLogin span:before
	{
		background-position: -50px -50px;
	}

a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
	background-color: #6441A5;
}

a.battlenetLogin,
#loginBar a.battlenetLogin
{
	background: #0f9ada;
	background: -moz-linear-gradient(top,  #0f9ada 0%, #0076ad 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9ada), color-stop(100%,#0076ad));
	background: -webkit-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
	background: -o-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
	background: -ms-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
	background: linear-gradient(to bottom,  #0f9ada 0%,#0076ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ada', endColorstr='#0076ad',GradientType=0 );

	border: #55a6c9 solid 1px;
}

	a.battlenetLogin span:before
	{
		background-position: -2px -2px;
	}

a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
	background-color: #f9f9f9;
}

a.liveLogin,
#loginBar a.liveLogin
{
	background: #ffffff;

	border: #e3e3e3 solid 1px;

	color: #000000 !important;
}

	a.liveLogin span:before
	{
		background-position: -2px -26px;
	}

a.live:active,
#loginBar a.live:active
{
	background-color: #f9f9f9;
}


a.stravaLogin,
#loginBar a.stravaLogin
{
	background: #fc4c02;

	border: #fc4c02 solid 1px;
}

	a.stravaLogin span:before
	{
		background-position: -2px -50px;
	}

a.strava:active,
#loginBar a.strava:active
{
	background-color: #f9f9f9;
}

a.vimeoLogin,
#loginBar a.vimeoLogin
{
	background: #1ab7ea;

	border: #1ab7easolid 1px;
}

	a.vimeoLogin span:before
	{
		background-position: -74px -2px;
	}

a.vimeo:active,
#loginBar a.vimeo:active
{
	background-color: #1ab7ea;
}

a.instagramLogin,
#loginBar a.instagramLogin
{
	color: #483e33 !important;
	background: #ece5d6;
}

	a.instagramLogin span:before
	{
		background-position: -74px -49px;
	}

a.instagram:active,
#loginBar a.instagram:active
{
	background-color: #ece5d6;
}

/* Enables UI.X Support */


/* --- fa_socialicons.css --- */

.socialicons
{
	float: right;
	margin-top: 10px;
}
.socialicons li
{
	display: inline-block;
}
.socialicons li a
{
	padding: 10px;
	font-size: 24px;
	color: rgb(20,20,20);
}
.socialicons li a:hover
{
	color: rgb(196, 84, 84);
}

/* --- facebook.css --- */

a.fbLogin,
#loginBar a.fbLogin
{
	display: inline-block;
	width: 180px;
	height: 22px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	cursor: pointer;
	
	background: #29447e url('//b.s-static.ak.facebook.com/images/connect_sprite.png');
	background-repeat: no-repeat;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
	background-position: left -188px;
	padding: 0px 0px 0px 1px;
	outline: none;
	
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

a.fbLogin:active,
#loginBar a.fbLogin:active
{
	background-position: left -210px;
}

a.fbLogin:hover,
#loginBar a.fbLogin:hover
{
	text-decoration: none;
}

	a.fbLogin span
	{
		background: #5f78ab url('//b.s-static.ak.facebook.com/images/connect_sprite.png');
		border-top: solid 1px #879ac0;
		border-bottom: solid 1px #1a356e;
		display: block;
		padding: 2px 4px 3px;
		margin: 1px 1px 0px 21px;
		text-shadow: none;
		white-space: nowrap;
		overflow: hidden;
	}

	a.fbLogin:active span
	{
		border-bottom: solid 1px #29447e;
		border-top: solid 1px #45619d;
		background: #4f6aa3;
		text-shadow: none;
	}

/* --- google.css --- */

.googleLogin,
#loginBar .googleLogin
{
	display: inline-block;
	width: 180px;
	height: 22px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	cursor: pointer;
	
	background-color: #dd4b39;
	border: #be3e2e solid 1px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
	padding-left: 2px;
	
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

	.googleLogin span
	{
		display: block;
		background: url('styles/flatawesome/xenforo/gplus.png') no-repeat;
		background-position: left 0;
		padding: 3px;
		padding-left: 23px;
		white-space: nowrap;
		overflow: hidden;
	}

.googleLogin:active,
#loginBar .googleLogin:active
{
	background-color: #be3e2e;
}