@charset "utf-8";

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

html.blms-ajax-login-noscroll,
html body.blms-ajax-login-noscroll{
	overflow:hidden !important;
}

.blms-ajax-login-backdrop{
	z-index:9999999;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.75);
}

.blms-ajax-login{
	z-index:100000000;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#blms-ajax-login-container{
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -135px;
  	margin-left: -310px;
  	background-color: #fff;
  	border-radius: 2px;
  	width: 620px;
}

#blms-ajax-login-container.blms-ajax-login-only-general{
	margin-left: -200px;
	width: 400px;
}


.blms-ajax-login-method-divider{
	position: absolute;
  	left: 15px;
  	top: -30px;
  	bottom: 0;
  	border-right: 2px solid #11648E;
  	height: 198px;
}

.blms-ajax-login-method-divider-label{
	position: absolute;
  	width: 37px;
  	top: 50%;
  	margin-top:-20px;
  	left: -17px;
  	padding: 5px;
  	border: 2px solid #11648E;
  	border-radius: 50px;
  	background-color: #11648E;
  	font-weight: bold;
  	color: #fff;
}

.blms-ajax-login-horizontal-divider{
	height:10px;
}

.blms-ajax-login-with-label{
	border-bottom:1px solid #333;
	margin-bottom: 10px;
	position: absolute;
  	width: 150px;
  	top: -25px;
}

.blms-ajax-login-with-label span{
	color: #000;
  	font-weight: bold;
}


.blms-ajax-login-with-social-button{
	padding:5px 8px;
	margin-bottom:8px;
	cursor:pointer;
}

.blms-ajax-login-with-facebook{
	background:#33649E;
	color:#fff;
	border-radius: 3px;
}

.blms-ajax-login-with-facebook i{
	font-size: 20px;
  	vertical-align: middle;
  	margin-right: 10px;
  	width:20px;
  	text-align:center;	
}


.blms-ajax-login-with-google{
	background:#DE4C33;
	color:#fff;
	border-radius: 3px;
}

.blms-ajax-login-with-google i{
	font-size: 20px;
  	vertical-align: middle;
  	margin-right: 10px;
  	width:20px;
  	text-align:center;
}



.blms-ajax-login-general{
	float:left;
	padding-right:17px;
	width:60%;
}

#blms-ajax-login-container.blms-ajax-login-only-general .blms-ajax-login-general{
	padding-right:7px;
}

.blms-ajax-login-social{
	margin-left:60%;
	padding-left:48px;
	position:relative;
}

.blms-ajax-login-only-general .blms-ajax-login-general{
	float:none;
	padding-right:0px;
	width:100%;
}

.blms-ajax-login-only-general .blms-ajax-login-social{
	display:none;
}

.blms-ajax-login-handle{
	margin-bottom: 15px;
	padding:15px 15px 0px 15px;
}

.blms-ajax-login-header{
	background-color:#11648E;
	color: #fff;
	height:45px;
	position: relative;
	margin-bottom: 15px;
}

#blms-ajax-login-container .blms-ajax-login-title{
	text-align: center;
  	font-size: 45px;
  	line-height: 1;
  	position: absolute;
  	bottom: 0;
  	margin: 0;
  	margin-bottom: -6px;
  	font-weight: bold;
  	font-family: fantasy;
  	width: 100%;
  	left: 0;
}

.blms-ajax-login-close{
	display:block;
	position:absolute;
	top:9px;
	right:9px;
  	width: 27px;
  	text-align: center;
  	color:#fff;
  	border: 2px solid #fff;
  	cursor: pointer;
  	border-radius: 100px;
  	
  	-webkit-transition:background-color 0.3s, border-color 0.3s, color 0.3s;
  	transition:background-color 0.3s, border-color 0.3s, color 0.3s;
}

.blms-ajax-login-close:hover{
	/* border-color:#D72828; */
	color:#11648E;
	background-color:#fff;
}

.blms-ajax-login-close-window{
	position:absolute;
	right:0;
	bottom:0;
	padding: 2px 8px;
  	line-height: 1;
  	background-color: #888888;
  	color: #fff;
  	border-top-left-radius: 4px;
  	cursor: pointer;
  	
  	-webkit-transition:background-color 0.3s;
  	transition:background-color 0.3s;
}

.blms-ajax-login-close-window:hover{
	background-color: #333;
}

.blms-ajax-login-close-window span{
	font-size:10px;
	margin-right:5px;
}

.blms-ajax-login-close-window i{
	font-size:12px;
}

.blms-ajax-login-content{
	padding:15px 15px;
}

.blms-ajax-login-field{
	margin-bottom:12px;
}

.blms-ajax-login-field-label{
	float:left;
	width:60px;
}

.blms-ajax-login-field-label{
	display:block;
	height:33px;
	line-height:33px;
}

.blms-ajax-login-field-content{
	margin-left:60px;
}


#blms-ajax-login-container .blms-ajax-login-field-content .blms-ajax-login-field{
	margin:0px;
	border-color: #11648E;
	
	-webkit-transition:border-color 0.5s;
	transition:border-color 0.5s;
}

#blms-ajax-login-container .blms-ajax-login-field-content .blms-ajax-login-field.error{
	border-color: #CB1818;
}

.blms-ajax-login-notice-wrap{
	padding:0px 15px;
}

#blms-ajax-login-notice{
	display:none;
	height:0px;
	-webkit-transition:height 0.5s;
	transition:height 0.5s;
}

#blms-ajax-login-notice span{
	font-size:12px;
}

#blms-ajax-login-notice.process{
	display:block;
	height:auto;
	line-height:1.4;
	padding:10px;
	border:1px solid #CB1818;
	border-radius:1px;
}



#blms-ajax-login-container #blms-ajax-login-form,
#blms-ajax-login-container #blms-ajax-login-form fieldset{
	margin-bottom:0px;
}



.blms-ajax-login-submit,
.blms-ajax-login-register{
	display:block;
	float:left;
	width: 50%;
	
}

.blms-ajax-login-submit{
	padding-left:7px;
}

.blms-ajax-login-register{
	padding-right:7px;
}

.blms-ajax-login-submit span,
.blms-ajax-login-register a{
	display: block;
  	padding: 5px 0px;
  	text-align:center;
  	cursor:pointer;
  	
  	-webkit-transition:background-color 0.3s;
  	transition:background-color 0.3s;
}

.blms-ajax-login-submit span{
	background-color: #11648E;
	color: #fff;
}

.blms-ajax-login-submit span:hover{
	background-color:#1C4664;
}

.blms-ajax-login-register a{
	text-decoration:none;
	background-color: #308C43;
  	color: #fff;
}

.blms-ajax-login-register a:hover{
	text-decoration:none;
	background-color: #176226;
}


@media only screen and (max-width: 460px) {
	
	#blms-ajax-login-container,
	#blms-ajax-login-container.blms-ajax-login-only-general{
		top: 0;
  		left: 0;
  		bottom: 0;
  		margin-top: 20px;
  		margin-bottom: 20px;
  		margin-left: 5%;
  		width: 90%;
	}
}