Knockout-Lite/public/css/page/login.css

.querybox {
	display: block;
	max-width: 640px;
	height: 32px;
	margin: 0 auto;
	border: outset 1px #333;
}

.querybox .inputwrapper,
.querybox .buttonwrapper {
	display: block;
	float: left;
	width: 80%;
	height: 100%;
	background: #bbb;
}

.querybox .buttonwrapper {
	width: 20%;
	background: #666;
}

.querybox .inputwrapper input,
.querybox .buttonwrapper input {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 32px;
	height: 32px;
	width: 100%;
	border: none;
	outline: none;
	background: transparent;
}

.querybox .inputwrapper input {
	color: #000;
	text-indent: 10px;
}

.querybox .buttonwrapper input {
	border-left: outset 1px #333;
	color: #bbb;
}

.row.login.message {
	text-align: center;
	color: #aaa;
}