/* -------------------------------------------------- */
/*	Login Form
/* -------------------------------------------------- */

.account-wrapper {
	position: fixed;
	z-index: 99;
	top: 140px;
	right: -230px;
	width: 230px;
}
	.account-wrapper .log {
		display: block;
		position: absolute;
		top: 20px;
		left: -80px;
		padding: 6px 10px 6px 10px;
		width: 95px;
		background-color: #ff600a;
		color: #fff;
		font-weight: 600;
		cursor: pointer;
	}

	.account-wrapper .log .icon-login,
	.account-wrapper .log .icon-logout {
		font-family: "fontello";
		color: #fff !important;
		font-size: initial;
		line-height: initial;
	}

	#user_login_button,
	#show_register_user_panel {
		font-size: 12px;
	}

	@media only screen and (max-width: 767px) {
		.account-wrapper .log {
			left: -35px;
			padding: 6px 7px;
			width: 35px;
			font-size: 0;
			line-height: 0;
		}
	}

	.form-reg {
		position: relative;
		overflow: hidden;
		padding: 20px;
		background-color: #ff600a;
	}
	
		.form-reg-hidden { overflow: hidden; }
	
		.form-reg li { list-style: none; color: yellow; }

		.form-reg h3 { color: #fff; }
	
		.form-reg > p {
			margin-bottom: 5px;
			width: 185px;
		}

			.form-reg label {
				display: block; 
				color: #fff;
			}

			.form-reg .input-medium {
				width: 100%;
				border-color: transparent;
			}
			
			.form-reg .input-medium:focus { border-color: transparent; }

			.form-reg .forgot-pass { 
				margin-bottom: 0;
				padding: 7px 0; 
			}

				.form-reg .forgot-pass a {
					color: #fff;
					font-style: italic;	
				}

			.form-reg .enter-btn:hover { background-color: #3a3a3a; }
			
	.error-login {
		margin-bottom: 15px;
		padding: 5px 10px;
		height: 30px;
		opacity: 0;
		filter: alpha(opacity = 0);
		border: 1px solid #cc0000;
		background-color: #ffebe8;
	}
	
	#register-info { color: #fff; }
		#register-info a { color: yellow; }

	.register-user-entry { margin-bottom: 15px; }
		
	.register-user-entry,
	.register-hidden-panel {
		position: relative;
		overflow: hidden; 
	}