@charset "UTF-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	color:#222;
	font-size:100%;
	font-family:"Lucida Grande", Arial;
	text-align:center;
	
}

.loginwrap{
	width:100%;
	height:100%;
	margin:1% auto;
//	margin:50% auto;
	text-align:center;
	max-width:350px;
}

#titlebox{
	height:20%;
	text-align:center;
	font-size:1.5rem;
	font-weight:bold;
	color:#6666cc;
}

#titlebox a{
	color:#CCC;
	text-decoration:none;
}

#titlebox a:hover{
	color:#F60;
	text-decoration:none;
}

#loginbox{
	text-align:center;
	background:#6666cc;
	width:100%;
	height:auto;
	border:1px #6666cc solid;
	color:white;
	-moz-border-radius:5px;
	margin: 0 auto;
}

input{
	color:#6666cc;
	border:#6666cc 1px solid;
	background-color:#FFF;
	font-size:1rem;
	margin: 3px 3px 3px 3px;
//	height:30%;
	width:90%;
}

input:hover{
	cursor:pointer;
	color:#111;
}

.loginfooter{
	width:350px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#6666cc;
}

.loginfooter a{
	color:#F30;
}

.lol{
	color:
}

@media screen and (max-width: 360px){

input{
	font-size:2rem;
}

.loginwrap{
	margin:0 auto;
}

}