html{
	height:100%;
	background: #000;
}
input{color:white;}
select{color:white;}
button{
	box-shadow: 0 1px 0 #000;
	width: 20%;
	border-radius: 0;
	color: white;
	border-top: #f3f3f3 1px solid;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	background: #b4b4b4;
	background: linear-gradient(to bottom, #b4b4b4 0%,#707070 100%);
	color: #262626;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: 0px 1px 1px #fff;
}
button:hover{
	background: #929292;
	background: linear-gradient(to bottom, #929292 0%,#545454 100%);
	color: #fff;
	text-shadow: 0px -1px 1px #000;
}
input, select {
	width: 200px;
	padding: 7px;
	margin: 5px;
	border: none;
	border-radius: 10px;
	background: #feffe8;
	background: linear-gradient(to bottom, #feffe8 0%,#d6dbbf 100%);
	box-shadow: inset -1px -1px 2px #000;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}
select option{
	background: #fff;
}
button:first-of-type{
	border-radius: 20px 0 0 20px;
}
button:last-of-type{
	border-radius: 0 20px 20px 0;
}
body{
	width:80%;
	min-width: 800px;
	margin: 0 auto;
	text-align:center;
	background: #333;
	min-height: 100%;
	box-shadow: 0px 0px 25px 5px #333;
}
.main{
	width: 60%;
	min-width: 800px;
	padding-top: 20px;
	margin: 0 auto;
}
.content{
	width:100%;
}
table{
	margin: 0 auto;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
table th{
	text-align: right;
}
#logo{
	background: url('../images/banner.png') center no-repeat;
	height: 125px;
}
.selected{
	color: #fff !important;
	text-shadow: 0px -1px 1px #000!important;
    background: linear-gradient(to bottom, #444 0%,#666 100%)!important;
	box-shadow: inset 0 0 10px #000!important;
}
.pass {
	background: #B4E391!important;
	background: linear-gradient(to bottom, #B4E391 0%, #61C419 50%, #B4E391 100%)!important;
}
.fail {
	background: #FF3019!important;
	background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%)!important;
}
.weak {
	background: #FFA84C!important;
	background: linear-gradient(to bottom, #FFA84C 0%, #FF7B0D 100%)!important;
}
.mod {
	background: #D2FF52!important;
	background: linear-gradient(to bottom, #D2FF52 0%, #91E842 100%)!important;
}
#errors{
	color:red;
	font-weight: bold;
}
@keyframes shake {
	9%, 45% {
		transform: translate(1px, 0) rotate(0);
	}
	18%, 36% {
		transform: translate(4px, 0) rotate(0);
	}
	27% {
		transform: translate(7px, 0) rotate(0);
	}
	54%, 90% {
		transform: translate(-1px, 0) rotate(0);
	}
	63%, 81% {
		transform: translate(-4px, 0) rotate(0);
	}
	72% {
		transform: translate(-7px, 0) rotate(0);
	}
	0%, 100% {
		transform: translate(0, 0) rotate(0);
	}
}
.shake {
	animation-duration: 20ms;
	animation-iteration-count: infinite;
	animation-name: shake;
	animation-timing-function: ease-in-out;
}