body {
	background-color: #f9f9f9;
}
div#container > form > div.sign_in {
	background-color: #fff;
	border-radius: 8px;
}
div#container > form > div.sign_in > img.logo {
	display: block;
	height: 60px;
	margin: 0px auto;
}
div#container > form > div.sign_in > div.head {
	font-size: 22px;
	line-height: normal;
	padding: 5px 0px 25px 0px;
	text-align: center;
}
div#container > form > div.sign_in > div.username,
div#container > form > div.sign_in > div.password,
div#container > form > div.sign_in > div.submit {
	overflow: visible;
}
div#container > form > div.sign_in > div.username {
	margin-bottom: 10px;
}
div#container > form > div.sign_in > div.username > input,
div#container > form > div.sign_in > div.password > input {
	font: inherit;
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 6px;
	outline: 0px;
}
div#container > form > div.sign_in > div.username > input:focus,
div#container > form > div.sign_in > div.password > input:focus {
	border: 2px solid #08a7e0;
	padding: 4px 7px;
	box-shadow: 0 0 2px #08a7e0;
}
div#container > form > div.sign_in > div.password {
	margin-bottom: 25px;
}
div#container > form > div.sign_in > div.submit > input {
	width: 100%;
	margin: 0px 0px 12px 0px;
	font: inherit;
	border: 0px;
	border-radius: 6px;
	background-color: #e6e6e6;
	outline: 0px;
	-webkit-appearance: none; /* fuck apple */
}
div#container > form > div.sign_in > div.submit > input:focus {
	box-shadow: 0 0 5px #666;
}
div#container > form > div.sign_in > div.row > div.stay_signed_in {
	width: 48%;
	display: inline-block;
}
div#container > form > div.sign_in > div.row > div.stay_signed_in > div.stay_signed_in_checkbox {
	display: inline-block;
	float: left;
}
div#container > form > div.sign_in > div.row > div.stay_signed_in > div.stay_signed_in_checkbox > input[type=checkbox] {
	width: 13px;
	height: 13px;
	margin: 0px 5px 0px 0px;
}
div#container > form > div.sign_in > div.row > div.stay_signed_in > div.stay_signed_in_text {
	display: inline-block;
	float: left;
}
div#container > form > div.sign_in > div.row > div.forgot_password {
	display: inline-block;
	float: right;
	width: 48%;
	text-align: right;
}
div#container > form > div.sign_in > div.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* For mobile phones */
@media only screen and (max-width: 768px) {
	
	div#container > form > div.sign_in {
		width: calc(100% - 20px);
		margin: 10px auto 0px auto;
		padding: 10px 20px 20px 20px;
		border: 0px;
	}
	div#container > form > div.sign_in > div.username > input,
	div#container > form > div.sign_in > div.password > input {
		padding: 13px;
	}
	div#container > form > div.sign_in > div.submit > input {
		padding: 15px;
	}
	
	div#container > form > div.sign_in > div.username > input:focus,
	div#container > form > div.sign_in > div.password > input:focus {
		padding: 12px;
	}
	
	div#container > form > div.sign_in > div.row > div.stay_signed_in {
		background-color: #e6e6e6;
		border: 3px solid #0066aa;
		border-radius: 3px;
	}
	div#container > form > div.sign_in > div.row > div.stay_signed_in > div.stay_signed_in_checkbox {
		display: none;
	/*	padding: 15px 0px 15px 15px; */
	}
	div#container > form > div.sign_in > div.row > div.stay_signed_in > div.stay_signed_in_text {
		width: 100%;
		text-align: center;
		padding: 13px 0px;
	}
	
	div#container > form > div.sign_in > div.row > div.forgot_password > a {
		background-color: #e6e6e6;
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #3f3f3f;
		padding: 13px 0px;
		text-decoration: none;
		border: 3px solid #e6e6e6;
		border-radius: 3px;
		box-sizing: border-box;
	}
}

/* For desktops */
@media only screen and (min-width: 768px) {
	
	div#container > form > div.sign_in {
		width: 400px;
		margin: 50px auto 0px auto;
		padding: 22px 30px 30px 30px;
		border: 1px solid #d0d0d0;
	}
	div#container > form > div.sign_in > div.username > input,
	div#container > form > div.sign_in > div.password > input {
		padding: 5px 8px;
	}
	div#container > form > div.sign_in > div.submit > input[type=submit] {
		padding: 10px;
	}
	div#container > form > div.sign_in > div.submit > input[type=submit]:hover,
	div#container > form > div.sign_in > div.submit > input[type=submit]:focus {
		color: #fff;
		background-color: #08a7e0;
		cursor: pointer;
		box-shadow: 0 0 2px #08a7e0;
	}
}