body {
	text-align: center;
	/*background:#f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQIHWNgYGD4D8TEAewqAVXuAf+yw+rnAAAAAElFTkSuQmCC) repeat;*/
	background-color: #DBDDDE;
	font-family: 'Open Sans', sans-serif;
}
#login-box {
	width: 20%;
	margin: 0px auto;
	margin-top: 10%;
	text-align: left;
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .4);
}

.title {
	width: 100%;
	height: auto;
	padding: 5% 0;
	background: #333;
	color: #ffffff;
	font-size: 22px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	text-align: center;
}
form {
	padding: 15px 0px;
	background: #fff;
}
table {
	background: #fff;
	/*border: 1px solid #f0f0f0;*/
	border-top: 0px;
}
table td {
	vertical-align: top;
	padding: 3%;
	text-align: center;
}
.loader {
	text-align: right;
	vertical-align: middle;
}
#feedback {
	text-align: center;
	padding: 10px 0px;
	color: #cc0000;
	background: #f0f0f0;
	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, .4);
	box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, .4);
}
button:focus, button:active { 
	outline: none; 
}
.input {
	border: 1px solid #bababa;
	font-size: 14px;
	padding: 3%;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #333333;
	width: 80%;
}
.input_error {
	background-color: #fcfec8;
}

.button {
	width: 80%;
	border: 0px;
	padding: 5% 3%;
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
}
.button:active {
}
.button, .button:hover, .button:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}

.button {
	background-color: #589ccd;
	/*box-shadow: 0px 3px 0px 0px #3293ba;*/
}
.button:hover {
	background-color: #1baae3;
}
.button:active {
	/*box-shadow: 0px 1px 0px 0px #3293ba;*/
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.button {
		font-size: 24px;
	}
	.input {
		font-size: 24px;
	}

}
@media (max-width: 1024px) {
	#login-box {
		width: 70%;
		margin: 0px auto;
		margin-top: 10%;
		text-align: left;
		-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .4);
		box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .4);
	}

}