/* Login Styles */


.alert {
	padding:15px;
	border: 1px solid #ebebeb;
  	margin:0 0 28px 0;
	}


/*

body.login {
	background:url(../images/bg.png) repeat #F7D043;
	text-shadow:1px 1px rgba(255,255,255,0.5);
	}
	
#background {
	background:url(../images/bg-light.png) no-repeat  center -300px;
	width:960px;
	margin:auto;
	}

#container {
	margin:0;
	padding:40px 0;
	}

#container .wrapper, #footer .wrapper {
	width:450px;
	padding:0 10px;
	margin:auto;
	}

*/

/* #header {
	margin-bottom:30px;
	}


#logo {
	float:left;
	}

#logo h1 {
	float:left;
	width:182px;
	height:51px;
	
	background:url(../images/melocaliza-logo.png) no-repeat;
	margin-right:10px;
	text-indent:-99999px;
	}

#logo h1 a {
	width:182px;
	height:51px;
	display:block;
	}

#logo h1:hover {
	background-position:bottom;
	}


#logo .tagline {
	float:left;
	line-height:63px;
	font-size:18px;
	font-weight: lighter;
	}
	
*/








.login #content, 
.login #content-purchase, 
.login .content-other 
{
	padding:29px;
	
	
	/*min-height:370px;*/
	}

#main.narrow {
/*	background:url(../images/main-bg--wide.png) repeat-y #f2f2f2;*/
  background: none repeat-y #f2f2f2;
	}
	
#content a:hover, 
#content-purchase a:hover, 
.content-other a:hover 
{ 
  border-bottom:1px dotted #0099CC;  
}


.login-form p {
	margin-bottom:25px;
	}

.login-form .label {
	color:#666;
	font-size:14px;
	}
	

.login-form .checkbox {
	line-height:36px;
	font-size:13px;
	}

.login-form .available {
	color:#360;
	}

.login-form .notavailable {
	color:#900;
	}

.text {
	font-size:16px;
	color:#333;
	font-weight:lighter;
	margin-bottom:20px;
	}

.text p {
	line-height:22px;
	}

.text h4 {
	font-size:18px;
	margin-bottom:15px;
	}

.text ul {
	font-size:15px;
	}

.text li {
	margin-bottom:7px;
	list-style:square inside;
	}

.text strong {
	font-weight:bold;
	}

.text .notaccount {
	text-align:center;
	}



	
.login-form .input, .ghostInput_wrapper {
	font-family:Helvetica, Arial, sans-serif;
	width:368px;
	height:26px;
	padding:10px;
	font-size:20px;
	line-height:22px;
	color:#666666;

	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top:3px;	
	
	background:#fff;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin-bottom:5px;
	
	position:relative;
	display:inline-block;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin-bottom:5px;
	overflow:hidden;
	}


.login-form .input.error, .login-form .ghostInput_wrapper.error {
	background: #ffebe8;
	border: 1px solid #c00;
	}
	

#ghostInput_wrapper_login-useremail.loading {
	background:url(../images/ajaxloader.gif) no-repeat center right  #fff !important ;
}

.ghostInput_wrapper {
	padding-right:35px;
}

.ghostinput, 
.ghostInput_input, 
.ghostInput_label {
	position:absolute;
	padding:0;
	outline:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	width:343px;
	height:26px;
	font-size:20px;
}


.ghostinput {
	border: none;
	z-index:1000;
	background-color: transparent;
	color:#666;
}


.ghostInput_label {
	z-index:999;
	
}
.ghostInput_input {
	left: 12px;
	color:#ccc;
	line-height:26px;
	margin-right:35px;
	overflow:hidden;
}

.ghostInput_copy {
	visibility: hidden;
	white-space: nowrap;
}








.subinput {
	font-size:11px;
	color:#666666;
	}

.subinput strong {
	font-weight:bold;
	}

.hr {
	border: none;
	border-top:#CCC 1px solid;
	border-bottom:#fff 1px solid;
	margin:20px 0;
	}

#suggestions {
	margin: 0px;
	list-style: none;
	display: inline-block;
	margin-top:-15px;
	margin-bottom:15px;
}

#suggestions li {
	display: inline;
	float:left;
	margin: 3px 10px;
	background:#e8e8e8;
	color:#FF9900;
	padding:4px 6px;
	cursor: pointer;
	text-decoration: none;
	font-size:12px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#suggestions li:hover {
	background:#ccc;
}
	

.ghostInput_wrapper {
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
	background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
	
	}


@media screen and (max-width: 480px) {
		
	html {
		-webkit-text-size-adjust: none;
		}
		
	#zenbox_tab, #menu-footer-menu, .tagline { display:none !important; }
	
	#background {
	width:auto;
	background:none;
	}
	
	#container {
		padding:15px 0;
		}
		
	.login #content, 
	.login #content-purchase,
	.login .content-other
	{
		padding:20px;
  }
	
	#container .wrapper, #footer .wrapper {
	width:auto;
	}
	
	/*
	#header {
	margin-bottom:0px;
	}
	*/
	
	.login-form .input { 
	width:260px;
	display: block;
	font-size:16px;
	}
	
	.ghostinput, .ghostInput_input, .ghostInput_label { 
	width:235px;
	font-size:16px;
	}
	
	input.ghostinput {
    -webkit-appearance:none;  /* Remove default shadow */
	}
	
	.ghostInput_wrapper {
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
	background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
	}
	
	
}