/**
 * Mm Ajax Login CSS
 */

.mm-ajax-login {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0, 0, 0, 0.7 );
	opacity: 0;
	display: none;
	-webkit-transform: translate( 0px, -100% ) scale( 0, 0 );
	   -moz-transform: translate( 0px, -100% ) scale( 0, 0 );
	    -ms-transform: translate( 0px, -100% ) scale( 0, 0 );
	     -o-transform: translate( 0px, -100% ) scale( 0, 0 );
	        transform: translate( 0px, -100% ) scale( 0, 0 );
}

.mm-ajax-login.open {
	display: block;
	-webkit-transform: translate( 0px, 0px ) scale( 1, 1 );
	   -moz-transform: translate( 0px, 0px ) scale( 1, 1 );
	    -ms-transform: translate( 0px, 0px ) scale( 1, 1 );
	     -o-transform: translate( 0px, 0px ) scale( 1, 1 );
	        transform: translate( 0px, 0px ) scale( 1, 1 );
}

.mm-ajax-login,
.mm-ajax-login-inner {
	-webkit-transition: opacity 0.1s ease-in-out;
	   -moz-transition: opacity 0.1s ease-in-out;
	    -ms-transition: opacity 0.1s ease-in-out;
	     -o-transition: opacity 0.1s ease-in-out;
	        transition: opacity 0.1s ease-in-out;
}

.mm-ajax-login-inner {
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.5);
    width:384px; 
    height: auto;
    padding:0;
    background-color:#f4efe6;
	text-align:center;
	opacity: 0;
}

.mm-ajax-login.visible,
.mm-ajax-login-inner.visible,
#mm-ajax-login-status.visible {
	opacity: 1;
}

#mm-ajax-login-status {
	opacity: 0;
}