/*
 * SimpleModal Login - WordPress Modal Ajax Login
 * Theme: default
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com
 */

#simplemodal-login-overlay {background-color:#000;}
#simplemodal-login-container {width:650px; position: relative; }
.modal .message, 
.modal #login_error {
	background-color: transparent; 
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	color: #f56060;
}

.modal .message a, .modal #login_error a {
	display:none;
	text-decoration:none;
	font-size: 16px; 
}


.modal .message {background-color: #E51F51; margin-bottom:15px; padding:10px 7px; font-size: 16px; text-align: center; color: #FFFFFF;}

#simplemodal-login-container {
	top: 0px!important;
	width: 570px;
}

.simplemodal-wrap {
	display:table; 
	z-index: 9000;
	background: #fff;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 305px rgba(0,0,0,.5);
	box-shadow: 0 0 305px rgba(0,0,0,.5);
	margin: 10px 0px 44px 0px;
	padding: 24px 35px 24px 35px;
	min-width: 500px;
	width: 100%;
}

#simplemodal-login-container form {
	
}

#simplemodal-login-container form label {}
#simplemodal-login-container form p {margin:0;}
#simplemodal-login-container form .forgetmenot {font-size:11px; font-weight:normal; float:left; line-height:19px; margin-bottom:0;}
#simplemodal-login-container form .submit input {
	display: inline-block;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 5px 0px 30px 0px;
font-weight: 700;
text-align: center;
vertical-align: middle;
color: #fefefe;
font-size: 10px;
line-height: 10px;
padding: 12px 20px;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
background-color: #1bcdcf;
border: 0;
width: 49.3%;
}

#simplemodal-login-container form .submit input:hover {
text-decoration: none;
background-color: #3bdfe1;
}
#simplemodal-login-container form .submit {float:right; width: 100%;}
#simplemodal-login-container .title {
	color: #96486A;
	line-height: 1;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
	font-size: 34px;
}
#simplemodal-login-container .nav {/*clear:both; color:#0D83DD; padding-bottom:25px; text-align:center;*/}
#simplemodal-login-container .nav a {font-size: 12px; margin: 0 5px;}
#simplemodal-login-container .reg_passmail {clear:both; color:red; font-style:italic; padding-bottom:20px; text-align:center; font-size: 12px;}
#simplemodal-login-container .user_pass,
#simplemodal-login-container .user_login,
#simplemodal-login-container .user_email {font-size:24px; width:97%; padding:3px; margin-top:2px; margin-right:6px; margin-bottom:16px; border:1px solid #e5e5e5; background:#fbfbfb;}
.simplemodal-login-activity {background:url(../img/default/loading.gif) center no-repeat; height:16px; margin-bottom:12px;}
.simplemodal-login-credit {font-size:11px; padding-top:4px; text-align:center; display: none;}
.simplemodal-login-credit a {color:#999; text-decoration:none;}
.simplemodal-login-credit a:hover {color:#777;}

.modal .close {
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
    position: relative;
}

.close::before {
    /*content: "\D7";
    position: absolute;
	outline: none;
	z-index: 777;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 40px;
	line-height: 40px;
    color: #000000;
    font-weight: 300;
    border-width: 0;
    text-shadow: none;
    display: block;*/
}

@media (max-width: 800px) {
	.modal .close::after {
		top: 10px;
		left: 10px;
	}
}

.modal .close:hover:after{
	/*background:#eee;*/
}

.modal .close span {
	/*display: none;*/
}

.modal .close span::before {
    content: "\D7";
    position: absolute;
	outline: none;
	z-index: 777;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 40px;
	line-height: 40px;
    color: #000000;
    font-weight: 300;
    border-width: 0;
    text-shadow: none;
    display: block;
}

@media (max-width: 800px) {

	#simplemodal-login-container {
		width: 100%!important;
		top:0!important;
		height: 2000px!important;
	}
	
	.simplemodal-wrap {
		display:table; 
		z-index: 9000;
		background: #fff;
		border-radius: 0px;
		margin: 0px;
		padding: 10px;
		width: 100%;
		height: 100%;
		min-width: 100%!important;
	}
	
	.simplemodal-data {
	    position: relative;
	    padding: 50px 20px 20px 20px;
	    background: transparent;
	}
	
	@media (max-width: 850px) {
		.simplemodal-data {
			padding: 0px 10px 20px 10px;
		}
	}
	

}