#grid {
	width: 300px;
	margin: 0 auto 30px auto;
}

#grid > .row {
	width: 100%;
	margin-bottom: 5px;
}

#grid > .row > .margin {
	margin-right: 15px;
}

#grid > .row > .margin.single {
	margin-right: 0;
}

#grid > .row > .margin > label,
#grid > .row > .margin > input[type=text],
#grid > .row > .margin > input[type=password] {
	display: block;
	width: 100%;
}

#grid > .row > .margin > .error {
	height: 13px;
	font-size: 12px;
	color: #e3000f;
}

#grid > .row > .margin > input {
	box-sizing: border-box;
	height: 30px;
}

#grid > .row > .margin > input[type=text],
#grid > .row > .margin > input[type=password] {
	border: 1px solid #000;
}

#grid > .row > .margin > input[type=text]:hover,
#grid > .row > .margin > input[type=password]:hover,
#grid > .row > .margin > input[type=text]:focus,
#grid > .row > .margin > input[type=password]:focus {
	border: 1px solid #e3000f;
	outline: none;
}