body {
	background-color: #F8F8F8;
	color : #000;
	margin: 0px;
	text-align: center;
}

#page {
	background-color: #F8F8F8;
	text-align: left;
	margin:0px auto;
	padding: 15px;
	width: 800px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	text-align: center;
}

#login {
	border: 6px solid #999;
	width: 500px;
	margin: auto;
	background-color: white;
}

#login legend {
	font-size: 36px;
	font-weight: bold;
}

#login .input {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:18px;
	padding:2px;
	color: black;
}

#login .input:valid {
	color: green;
}

#login .input:invalid {
	color: red;
}

#login .label {
	font-size: 18px;
}

#login .button, .button {
	font-size: 22px;
	height: 32px;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	/*font:bold 100% "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;*/
	-webkit-appearance:button;
}

.login_table_left {
}

.hint {
	font-size: 80%;
	color: #999;
}

.whitelist {
	width: 500px;
	margin: auto;
	background-color: white;
	margin-top: -50px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999;
}

input[type="number"].no-spin-button {
  -moz-appearance: textfield;
}

input[type="number"].no-spin-button::-webkit-inner-spin-button,
input[type="number"].no-spin-button::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}