/******************************************************
    Stylesheet: ACCOUNT
******************************************************/


/* ****************************** CLASSES */

/* .................... Inputs */
.radio-selection {}

.radio-selection .opt {min-height: 20px}

.radio-selection .opt input {display: none}

.radio-selection .opt label {
	display: inline-block;
	padding-left: 25px;
	background: url(../../images/input-radio.png) no-repeat 0px 8px;
	line-height: 36px;
}

.radio-selection .selected label {background-position: 0px -111px}

/* ...................... Text */
.txt-n30g {font: normal 30px Georgia}

@media only screen and (max-width: 1024px) {
	h1.txt-n30g {font-size: 24px}
	
	  .txt-n18g,
	  .tmpl-page h1 {font-size: 16px}
	  
	  .tmpl-page h1 {padding: 10px 0px}
}

/* ................. Breakline */
.breakline {
	padding: 34px 0px 0px; margin-top: 30px;
	background: url(../../images/line-h.gif) repeat-x center top;
}

#reset-pass-form .breakline {padding: 34px 0px 10px}

@media only screen and (max-width: 1024px) {
	.breakline {padding: 24px 0px; margin-top: 20px}
}

@media only screen and (max-width: 599px), only screen and (max-height: 480px) and (max-width: 800px) {
	.breakline {padding: 14px 0px; margin-top: 10px}
}

/* ................... Failure */
.failure {color: #FF8400}

/* ................... Switch */
.switch .switch-btn {
	display: inline-block;
	text-indent: -9999px;
	width: 79px; height: 27px;
	background-image: url(../../images/input-switch.png); background-repeat: no-repeat;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	overflow: hidden;
    -webkit-transition: background-position .1s linear;
}

.switch.loading {
    background-position: 86px 2px;
    background-size: 24px auto;
}

.switch .switch-btn.off {background-position: -49px 0px}
.switch .switch-btn.on  {background-position:   0px 0px}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.switch .switch-btn {background-image: url(../../images/input-switch-d.png); background-size: 129px auto}
}


/* ****************************** MODULES */

/* .............. Account Form */
.account-form {
	width: 430px;
	margin: 80px auto 0px;
	text-align: center;
}

.account-form .wrp {width: 394px}

.account-form .textfield {
	width: 380px;
	margin: 0px auto 15px;
}

.account-form .inp-txt {
	display: block;
	width: 334px;
	margin: 0px auto;
}

.account-form label {
	display: block;
	padding-bottom: 30px
}

.account-form .acc-facebook #fb-login-btn {
	display: block;
	width: 183px; height: 43px;
	margin: 0px auto;
	padding-left: 40px;
	background: url(../../images/account/btn-facebook-login.png) 0px 0px no-repeat;
	font: bold 14px/43px Arial;
	color: #FFF;
}

.account-form .acc-terms,
.account-form .acc-subscription {padding: 0px 10px; margin-top: -15px}

.account-form .acc-action a {line-height: 35px}

.account-form .acc-action .btn,
.account-form .acc-action .btn .inp-btn {margin: 0px auto}

.account-form .acc-action .btn {width: 120px}

#account-form-login  .acc-action .btn .inp-btn {width:  80px}
#account-form-signup .acc-action .btn .inp-btn {width: 100px}

.account-form .acc-signup {padding-bottom: 20px}

@media only screen and (max-width: 1024px) {
	.account-form,
	.account-form .acc-terms,
	.account-form .acc-signup {margin-top: 20px !important}
	
	.account-form .acc-action {margin-top: 10px !important}
	
	#account-form-login .acc-signup {margin-top: 50px !important}
}

@media only screen and (max-width: 599px), only screen and (max-height: 480px) and (max-width: 800px) {
	.account-form {
		width: auto;
		padding: 0px 10px; margin-top: 10px;
	}
	
	.account-form .wrp {width: auto}

	.account-form label.txt-n18g {font-size: 16px}
	
	.account-form .textfield {width: 282px}
	
	.account-form .inp-txt {width: 236px}
	
	.account-form .acc-action,
	.account-form .acc-signup,
	.account-form .acc-terms,
	.account-form .acc-subscription {font-size: 14px}
	
	.account-form .acc-action {
		position: relative;
		margin-top: 20px !important;
	}
	
	.account-form .acc-terms,
    .account-form .acc-subscription {
        width: 282px;
        margin: 0px auto;
        padding: 0px 10px;
    }
    
    .account-form .acc-subscription {white-space: nowrap}
	
	#forgot-pass-link {
		width: 100%;
		float: none;
		position: absolute; left: 0px; top: 45px;
	}

	#account-form-signup .acc-action .btn .inp-btn {width: 76px}
}


/* ************************ HEADER BLOCKS */

/* ................... Account */
#my-account {
	width: 50px; height: 38px;
	margin-top: 5px;
	float: left;
	text-indent: -9999px;
	background: url(../../images/account/logo-my.png) no-repeat 0px 0px;
}


/* ******************************* OTHERS */

/* ........................... */
.tmpl-main section #head {margin-top: 100px}

#account-msg-scr {display: none}

#page-login #account-form-login .acc-action,
#page-login #account-form-login .acc-signup {margin-top: 0px !important; padding-top: 15px}


/*****************************************************/