	div#userLogin {
		width: 100%;
	}
	
	#userLogin_container {
		width:400px;
		margin: 0px auto;
	}
	
	div#fbLoginContainer {
		width:100%;
		height: 100px;
		background: rgba(113,182,247,1);
		background: -moz-radial-gradient(center, ellipse cover, rgba(113,182,247,1) 0%, rgba(11,72,194,1) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(113,182,247,1)), color-stop(100%, rgba(11,72,194,1)));
		background: -webkit-radial-gradient(center, ellipse cover, rgba(113,182,247,1) 0%, rgba(11,72,194,1) 100%);
		background: -o-radial-gradient(center, ellipse cover, rgba(113,182,247,1) 0%, rgba(11,72,194,1) 100%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(113,182,247,1) 0%, rgba(11,72,194,1) 100%);
		background: radial-gradient(ellipse at center, rgba(113,182,247,1) 0%, rgba(11,72,194,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b6f7', endColorstr='#0b48c2', GradientType=1 );
		border-radius: 5px;
		cursor: pointer;
		margin-bottom:1em;
	}
	
	div#fbLogin {
		width: 100%;
		height: 100%;
		margin: 0px auto;
		position: relative;
		background: url(icon_fb_login.png) no-repeat 5% 45%;
	}
	
	#fbLoginLink {
		font-family:'wdb_bangna';
		font-size: 1.3em;
		font-weight: bold;
		display:inline-block;
		position: relative;
		top: 22px;
		left: 95px;
		text-decoration:none;
	}
	
	#fbLoginDesc {
		font-size: 22px;
		color:#fff;
		position: relative;
		top: 22px;
		left: 95px;
		font-weight: bold;
	}
	
	
	#local_loginContainer {
		margin:0px auto;
		margin: 0px 0px 15px 0px;
		border-radius: 5px;
		padding: 10px;
		border: 1px solid #888;
	}
	
	
	#local_loginContainer > div {
		margin:0px auto;
		margin:0px 10px 10px 20px;
		padding-top:10px;
	}
	
	#local_loginContainer #localLogin {
		width:280px;
		margin:0px auto;
	}

	#local_loginContainer .field_container label {
		margin: 0px 0px 5px 0px;
		display: block;
	}
	
	#local_loginContainer .field_container label strong{
		
	}
	
	#local_loginContainer span.required {
		color: #f75d59;
	}
	
	#ddlLogin_mem  {
		width: 270px;
	}
	
	#ddlLogin_mem * {
		color:#666;
		font-size:1em;
	}


	#local_loginContainer .field_container input[type=text],
	#local_loginContainer .field_container input[type=email],
	#local_loginContainer .field_container input[type=password]  {
		width: 250px;
	}
	
	#fbPopup {
		width:	500px;
		height: 300px;
		background:#fff;
		display:none;
	}
	
	
	/**** Responsive Layout ****/
	@media only screen and (max-width: 1366px) and (min-width: 1280px) {
		#userLogin_container {
			width:400px;
		}

	}
	@media only screen and (max-width: 1280px) and (min-width: 1024px) {
		#userLogin_container {
			width:400px;
		}

	}
	@media only screen and (max-width: 1024px) {
		#userLogin_container {
			width:400px;
		}


	}
	@media only screen and (max-width: 800px) {
		#userLogin_container {
			width:400px;
		}
		#fbLoginLink {
			font-size: 1.3em;
			left: 85px;
		}
	}

	@media only screen and (max-width: 640px) {
		#userLogin_container {
			width:400px;
		}
		#fbLoginLink {
			font-size: 1.3em;
			left: 85px;
		}
	}
	@media only screen and (max-width: 480px) {
		#userLogin_container {
			width:300px;
		}

	}
	@media only screen and (max-width: 320px) {
		#userLogin_container {
			width:300px;
		}
	
		#fbLoginDesc {
			font-size: 18px;
			left: 85px;
		}
	}

	