/******************************************************************************/
/* OUTER AND INNER BOX                                                        */
/******************************************************************************/
.login-outerbox {
	width: 698px;
	height: 286px;
	margin: 0 auto;
	background-color: white;
	-webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.17);
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.17);
}

.login-innerbox {
	display: inline-block;
	width: 291px;
	height: 233px;
	padding: 23px 30px 30px 28px;
}

.login-innerbox.l {
	float: left;
}

.login-innerbox.r {
	float: right;
	width: 288px;
	border-left: 1px solid #dee3e9;
}

/******************************************************************************/
/* LOGIN FORM                                                                 */
/******************************************************************************/
.login-form {
	position: relative;
	z-index: 2;
	width: 255px;
	height: 96px;
	margin: 20px 0 0 0;
	padding: 0 0 0 34px;
}
.login-form.inactive { background: url(/assets/art/sprite-global.png) -262px -196px no-repeat; }
.login-form.active   { background: url(/assets/art/sprite-global.png) -262px -293px no-repeat; }
.login-form.error    {
	background: url(/assets/art/sprite-global.png) -262px -390px no-repeat;
	-webkit-box-shadow: 0px 1px 6px rgba(225, 27, 27, 0.33);
	-moz-box-shadow: 0px 1px 6px rgba(225, 27, 27, 0.33);
	box-shadow: 0px 1px 6px rgba(225, 27, 27, 0.33);
}

.login-form input {
	font: normal 20px proxima-nova;
	padding: 14px 8px 2px 4px;
	border: 0;
	background: url(/assets/art/sprite-global.png) no-repeat -4000px 0;
	margin: 0 0 10px 0;
	outline: none;
	color: #2c343d;
}
.login-form.inactive input { color: #828589; }
.login-form.active input   { color: #2c343d; }
.login-form.error input    { color: #2c343d; }

.login-form a {
	position: absolute;
	width: 63px;
	height: 30px;
	font: 14px proxima-nova;
	line-height: 30px;
	top: 57px;
	right: 9px;
	text-align: center;
	text-decoration: none;
	color: #6c7279;
	background-color: #eef0f2;
}
.login-form a:hover  { color: #434b53; background-color: #d7dde0; }
.login-form a:active { color: #2c343d; background-color: #b8c3ca; }

.login-form .error-tooltip {
	display: none;
	position: absolute;
    top: 1px;
	width: 9px;
	height: 46px;
	background: url(/assets/art/sprite-global.png) -28px -132px no-repeat;
	overflow: visible;
}
.login-form.error .error-tooltip { display: block; }

.login-form .error-tooltip .end {
	display: inline-block;
	float: left;
	width: auto;
	height: 46px;
	background: url(/assets/art/sprite-global.png) 100% -1026px no-repeat;
	margin: 0 0 0 9px;
	padding: 0 10px 0 7px;
	font: 16px/46px proxima-nova;
	color: #fff;
	white-space: nowrap;
}

/******************************************************************************/
/* SOCIAL BUTTONS                                                             */
/******************************************************************************/
.login-social {
    display: inline-block;
    float: left;
    width: 288px;
    height: 58px;
    cursor: pointer;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.17);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.17);
	position: relative;
	z-index: 1;
}
.login-social-fb        { background: url(/assets/art/sprite-global.png) -265px -4px no-repeat; }
.login-social-fb:hover  { background: url(/assets/art/sprite-global.png) -265px -69px no-repeat; }
.login-social-fb:active { background: url(/assets/art/sprite-global.png) -265px -134px no-repeat; }
.login-social-fb.busy { background-position: 0 -1754px!important; }
.login-social-vk        { background: url(/assets/art/sprite-global.png) -560px -4px no-repeat; }
.login-social-vk:hover  { background: url(/assets/art/sprite-global.png) -560px -69px no-repeat; }
.login-social-vk:active { background: url(/assets/art/sprite-global.png) -560px -134px no-repeat; }
.login-social-vk.busy { background-position: -289px -1754px!important; }
.login-social-or {
	display: inline-block;
	float: left;
    width: 288px;
    height: 58px;
    font: normal 18px/64px proxima-nova;
    color: #7b8187;
    text-align: center;
}

.login-social .content-busy   { display: none; }
.login-social.busy .content-busy
{
    display: inline-block;
    width: 27px;
    height: 27px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -14px;
    background: url(/assets/art/sprite-global.png) -578px -1781px no-repeat;
}
.login-social.busy .content-busy span
{
    width: 17px;
    height: 17px;
    position: absolute;
    right: 5px;
    top: 4px;
}
.login-social.busy .content-busy span.u { background: url(/assets/art/sprite-global.png) -244px -19px no-repeat; }
.login-social.busy .content-busy span.r { background: url(/assets/art/sprite-global.png) -244px -37px no-repeat; }
.login-social.busy .content-busy span.d { background: url(/assets/art/sprite-global.png) -244px -55px no-repeat; }
.login-social.busy .content-busy span.l { background: url(/assets/art/sprite-global.png) -244px -73px no-repeat; }