@charset "utf-8";
/* CSS Document */
html {
  height: 100%;
}

body {
  min-height: 100%; 
  background: #e5e5e5 url(../img/patterns/pattern06.png);
  position: relative;
  padding: 0;
  margin: 0 !important;
}
.loginbox { 
	margin: 5% auto 0; position: relative; 
	width: 400px;
	height: 280px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	background: url(../img/login/form-bg2.png) top left;
	padding: 10px 4px 4px 10px; 
	
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
 	 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}
.loginboxinner { 
	/*background: #fff; padding: 20px; position: relative; border: 1px solid #333;*/
	width:94%;
	padding: 5px 5px 3% 3%; position: relative;
	background: #fff url(../img/login/bg_form.jpg) repeat-x top left;		
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
}
.loginboxinner h2{
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; /**/
	text-shadow: 0 1px 0 #fff;
	line-height: 25px;
	margin-bottom: 24px;
	margin-left:10px;
}
.loginheader { height: 40px; }
.loginform { margin-top: 10px; }
.loginform p { margin: 10px 0 10px 0; }
.loginbox label { display: block; color: #666; letter-spacing: 1px; }
/*.loginbox input { 
	padding: 12px 10px;  color: #ccc; 
	font-family: Arial, Helvetica, sans-serif; margin-top: 8px; font-size: 16px; width: 340px; 
}*/
input[type="text"], input[type="password"]{
	box-shadow: 0px 0px 0px 4px #f2f5f7;
	width: 98%;
	height: 33px;

	padding: 0 10px 0 10px;
	margin: 0 auto;
	color: #aeaeae;
	border: 1px solid #bec2c4;
}
	
input[type="text"]:focus, input[type="password"]:focus{
	box-shadow: 0px 0px 0px 4px #e0f1fc;
	border:1px solid #7dc6dd;
}
	
input[type="checkbox"] {
	vertical-align: middle;
}
.loginbox button { 
	background: #a62a2b;
	padding: 10px 20px; font-size: 16px; border: 0; letter-spacing: 1px; color: #FFF; width: 98%;
	
}
.loginbox button.default { background: #999; color: #333; }
.loginbox button.hover { background: #ccc; color: #000; }
.loginbox button:active { background: #111; color: #fff; }
.loginerror { color: #990000; background: #fbe3e3; padding: 0 10px; overflow: hidden; display: none; }
.loginerror { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.loginerror p { margin: 10px 0; }

.title { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.btn_login{
	margin-top:35px; 
}
.loginbox button{
	font: bold 1.3em Arial, Helvetica;
	padding:12px 0;
	border:solid thin #930000;
	border-radius:3px;
	
}
@media screen and (max-width: 430px) {
	
	body { font-size: 14px; }
	button, input, select, textarea { font-size: 14px; }
	
	.loginbox { width: auto; height:270px; margin: 5% auto 0; }
	.loginbox input { width: 98%; }
	.loginbox button { width: 98%; }
	.btn_login { margin-top:30px; }
}