html {	
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
}
.login { background: #D45500; }
h1 { font-size: 24px; }
h2 { text-align: center; margin-bottom: 20px; color: #fff; font-size: 34px; }
.loginbox { background: #D45500; padding: 10px; width: 400px; margin: 4% auto 0 auto; position: relative; }
.loginboxinner { 
	background: #fff; padding: 20px; position: relative; border: none;
}
.loginheader { height: 40px; }
.loginform { margin-top: 30px; }

.loginbox h1 { font-size: 30px; letter-spacing: 1px; color: #555; font-weight: normal; padding-top: 0px; margin-top: 0; }
.loginbox .logo { position: absolute; top: 10px; right: 20px; }
.logo img { height:60px; width:60px; }
.loginbox p { margin: 10px 0 15px 0; }
.loginbox label { display: block; color: #666; letter-spacing: 1px; font-size: 18px; }
.loginbox input { 
	padding: 12px 10px;
	background: #fff;
	outline: none;
}
.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.subscribeMsg, .subscribeMsg a { text-align:center; margin-top: 20px; color: #fff; }
.subscribeMsg a {
	background: #A34100;
	padding: 10px;
	margin-left: 10px;
	text-decoration: none;
}
#close,
#logout {
	background: none;
	color: #fff;
	text-align: center;
	border: none;
}
#magplusForm input[type="text"] {
	margin: 20px 0;
	padding: 10px 0;
	font-size: 18px;
	width: 100%;
	text-align: center;
	border: 1px solid #ddd;
	color: #000;
}
#submit,
.loginform .button.large {
	width: 100%;
	background: #333;
	border: none;
	outline: none;
	color: #fff;
	font-size: 18px;
}
/* Renew button */
.loginform .button.large {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	padding: 10px 0;
}
.message {
	margin-top: 20px;
}
.messageError {
	margin-top: 20px;
	background: #FFF4A6;
	padding: 5px;
	text-align: center;
	border: 1px solid #FFEDB8;
}
#magplusClose,
#magplusLogout {
	margin: 0 auto;
	margin-top: 40px;
	width: 120px;
}
#magplusLogout {
	width: 80px;
}
#magplusClose input,
#magplusLogout input {
	background: #fff;
	color: #000;
	padding: 10px;
	text-decoration: none;
	font-size: 14px;
	border-radius: none;
}


/* placeholder color */
::-webkit-input-placeholder {
   color: #777;
}

:-moz-placeholder { /* Firefox 18- */
   color: #777;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #777;
}

:-ms-input-placeholder {  
   color: #777;
}

@media screen and (max-width: 430px) {
	.subscribeMsg a {
		display: block;
	}	
	h1 { margin-top: 0; }
	h2 { font-size: 16px; }
	
	.loginbox { width: auto; margin: 10px; }
	.loginbox input { width: 95%; }
	.loginbox button { width: 100%; }
}