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

.signup-innerbox {
    width: 698px;
    height: 168px;
    border: 1px solid #d9dfe6;
    z-index: 10;
    position: relative;
    left: -1px;
    top: -1px;
    background: -moz-linear-gradient(top,  rgba(247,249,251,1) 0%, rgba(239,242,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,249,251,1)), color-stop(100%,rgba(239,242,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,249,251,1) 0%,rgba(239,242,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,249,251,1) 0%,rgba(239,242,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,249,251,1) 0%,rgba(239,242,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(247,249,251,1) 0%,rgba(239,242,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fb', endColorstr='#eff2f6',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow:  0px 3px 3px -1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:  0px 3px 3px -1px rgba(0, 0, 0, 0.05);
	box-shadow:  0px 3px 3px -1px rgba(0, 0, 0, 0.05);
}


/******************************************************************************/
/* SIGNUP FORM                                                                */
/******************************************************************************/
.signup-column {
    width: 315px;
    margin: 17px auto 16px auto;
}

.signup-form-label {
    font: bold 20px proxima-nova;
    margin: 12px 0 2px 3px;
    color: #2c343d;
}

.signup-form-textbox {
	width: 8px;
	height: 46px;
	position: relative;
	background: url(/assets/art/sprite-global.png) -1px -132px no-repeat;
}
.signup-form-textbox.active { background: url(/assets/art/sprite-global.png) -10px -132px no-repeat; }
.signup-form-textbox.error  { background: url(/assets/art/sprite-global.png) -19px -132px no-repeat; }

.signup-form-textbox .end {
	position: relative;
	height: 46px;
	background: url(/assets/art/sprite-global.png) 100% -885px no-repeat;
	margin: 0 0 0 8px;
}
.signup-form-textbox.active .end { background: url(/assets/art/sprite-global.png) 100% -932px no-repeat; }
.signup-form-textbox.error .end  { background: url(/assets/art/sprite-global.png) 100% -979px no-repeat; }

.signup-form-textbox .end input {
	font: normal 20px proxima-nova;
	padding: 11px 8px 5px 4px;
	border: 0;
	background: url(/assets/art/sprite-global.png) no-repeat -4000px 0;
	margin: 0;
	outline: none;
	color: #6b7177;
}
.signup-form-textbox.active .end input {color: #2c343d;}
.signup-form-textbox.error  .end input {color: #2c343d;}

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

.signup-form-textbox .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 12px 0 8px;
	font: 16px/46px proxima-nova;
	color: #fff;
	white-space: nowrap;
}

.signup-form-textbox .error-tooltip-email {
	/*display: none;*/
	position: absolute;
    top: 15px;
	width: 6px;
	height: 10px;
	background: url(/assets/art/sprite-global.png) -180px -154px no-repeat;
	overflow: visible;
}
.signup-form-textbox.error .error-tooltip-email { display: block; }

.signup-form-textbox .error-tooltip-email .end-email {
	position: absolute;
	top: -12px;
	left: 6px;
	word-wrap: normal;
	word-break: normal;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.78);
	color: white;
	padding: 11px 13px 12px 13px;
	font: 14px proxima-nova;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    white-space: nowrap;
}

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

.signup-form-textbox .end a.fb {
	position: absolute;
	display: none;
	width: 65px;
	height: 30px;
	top: 8px;
	right: 9px;
	background: url(/assets/art/sprite-global.png) -552px -328px no-repeat;
}
.signup-form-textbox .end a.fb:hover  { background: url(/assets/art/sprite-global.png) -552px -359px no-repeat; }
.signup-form-textbox .end a.fb:active { background: url(/assets/art/sprite-global.png) -552px -390px no-repeat; }
.signup-form-textbox.fb .end a.fb { display: block; }

.signup-form-textbox .end a.vk {
	position: absolute;
	display: none;
	width: 65px;
	height: 30px;
	top: 8px;
	right: 9px;
	background: url(/assets/art/sprite-global.png) -618px -328px no-repeat;
}
.signup-form-textbox .end a.vk:hover  { background: url(/assets/art/sprite-global.png) -618px -359px no-repeat; }
.signup-form-textbox .end a.vk:active { background: url(/assets/art/sprite-global.png) -618px -390px no-repeat; }
.signup-form-textbox.vk .end a.vk { display: block; }

.signup-form-textbox .end .validate-process {
    position: absolute;
    top: 15px;
    left: 277px;
    /*display: none;*/
    width: 17px;
    height: 17px;
    z-index: 25;
}
.signup-form-textbox .end .validate-process.u { background: url(/assets/art/sprite-global.png) -244px -19px no-repeat; }
.signup-form-textbox .end .validate-process.r { background: url(/assets/art/sprite-global.png) -244px -37px no-repeat; }
.signup-form-textbox .end .validate-process.d { background: url(/assets/art/sprite-global.png) -244px -55px no-repeat; }
.signup-form-textbox .end .validate-process.l { background: url(/assets/art/sprite-global.png) -244px -73px no-repeat; }
.signup-form-textbox.validate .end .validate-process { display: block; }


/******************************************************************************/
/* SOCIAL BUTTONS                                                             */
/******************************************************************************/
.signup-social-container
{
    height: 64px;
    margin: 21px 29px 0 30px;
}

.signup-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);
}
.signup-social-fb        { background: url(/assets/art/sprite-global.png) -265px -4px no-repeat; }
.signup-social-fb:hover  { background: url(/assets/art/sprite-global.png) -265px -69px no-repeat; }
.signup-social-fb:active { background: url(/assets/art/sprite-global.png) -265px -134px no-repeat; }
.signup-social-vk        { background: url(/assets/art/sprite-global.png) -560px -4px no-repeat; }
.signup-social-vk:hover  { background: url(/assets/art/sprite-global.png) -560px -69px no-repeat; }
.signup-social-vk:active { background: url(/assets/art/sprite-global.png) -560px -134px no-repeat; }
.signup-social-or 
{
    float: left;
    width: 63px;
    height: 58px;
    font: normal 18px/58px proxima-nova;
    color: #7b8187;
    text-align: center;
}

/******************************************************************************/
/* SIGNUP MODAL BOX                                                           */
/******************************************************************************/
.signup-modalbox
{
	position: absolute;
	display: none;
	background-color: white;
	-webkit-box-shadow: 0px 1px 27px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 27px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 27px rgba(0, 0, 0, 0.3);
	z-index: 10000;
}

.signup-close-box
{
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(/assets/art/sprite-global.png) -201px -132px no-repeat;
}
.signup-close-box:hover { background: url(/assets/art/sprite-global.png) -219px -132px no-repeat; }

.signup-modalbox-header
{
	text-align: center; 
	color: #2c343d; 
	padding: 22px 0 0 0;
}

.signup-modalbox-description
{
	color: #2c343d; 
	padding: 11px 30px 12px 30px; 
	letter-spacing: normal;
}

.signup-modalbox-email-row
{
	height: 46px;
}

.signup-modalbox-email-label
{
	height: 46px; 
	padding: 12px 0 0 30px;
	display: inline-block;
	float: left;
	width: 77px;
}

.signup-modalbox-email-textbox
{
	height: 46px; 
	padding: 12px 30px 0 0;
	display:  inline-block;
	float: right;
	width: 383px;
}


/******************************************************************************/
/* EMAIL BOX                                                                  */
/******************************************************************************/
.signup-emailbox
{
	width: 520px;
	height: 298px;
}

/******************************************************************************/
/* FORGOT BOX                                                                 */
/******************************************************************************/
.signup-forgotbox
{
	width: 520px;
	height: 298px;
}

/******************************************************************************/
/* SEND BOX                                                                   */
/******************************************************************************/
.signup-sendbox
{
	width: 520px;
	height: 188px;
	background: url(/assets/art/sprite-global.png) -1px -487px no-repeat;
}