@charset "utf-8";
/* CSS Document */
html {
	margin:0;
	padding:0;
	height:100%;
	}
body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	background:#f0f0f0;
	}

.shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 30px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 30px rgba(50, 50, 50, 0.75);
	}
.box {
	width:20%;
	height:200px;
	padding:2%;
	margin:10% auto;
	background:#fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border:1px solid rgba(150,150,150,0.5);
	}
label {
	width:100%;
	float:left;
	padding:1% 0%;
	}
label.head {
	font-size:18px;
	}
input[type='text']{
	width:96%;
	float:left;
	padding:2%;
	border:1px solid rgba(0,0,0,0.2);
	outline:none;
	}
input[type='text']:focus{
	border:1px solid rgba(0,0,0,0.5);
	}
input[type='password']{
	width:96%;
	float:left;
	padding:2%;
	border:1px solid rgba(0,0,0,0.2);
	outline:none;
	}
input[type='password']:focus{
	border:1px solid rgba(0,0,0,0.5);
	}
input[type='submit']{
	margin-top:15px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	}
input[type='submit']:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
	}
input[type='submit']:active {
	position:relative;
	top:1px;
}