#content > div.inner {
	padding: 8px;
	font-size: 12pt;
}
h1 {
	line-height: 2em;
}
form {
	margin-left: 33px;
	margin-top: 12px;
}
form p {
	margin: 0px 0px 0.5em 1.5em;
}
form label {
	display: inline-block;
	width: 138px;
	font-weight: bold;
}

#preview {
	font-family: 'Ubuntu Mono', monospace;
	white-space: pre;
	font-size: 12px;
}
form input[type=text], form input[type=password] {
	font-size: 16px;
	width: 192px;
	border: 1px solid rgb(154,154,154);
	padding: 1px 3px;
}
p.button {
	padding: 10px 0px 0px 186px;
}
form input[type=submit] {
	display: inline-block;
	width: 138px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0px 12px;
	padding: 8px 0px;
	border-radius: 10px;
	background-color: black;
	color: rgb(250,250,250);
	cursor: pointer;
	text-shadow: 0px 1px 5px rgb(0,0,0);
	border: 0px none;
	outline: 0px none;
}
form .error label{
	color: rgb(240,21,21);
}
form .error input[type=text], form .error input[type=password] {
	border: 1px solid rgba(240,21,21, 0.8);
	-webkit-box-shadow: inset 0px 0px 4px rgba(240,21,21, 0.7);
}

.compatibility {
	margin-left: 33px;
	margin-top: 25px;
	padding-left: 150px;
	background: url('/images/html5.png') no-repeat 0px 9px;
	min-height: 137px;
	position: relative;
}
.compatibility:after {
	content: '';
	position: absolute;
	width: 64px; height: 64px;
	background: url('/images/cross.png') no-repeat 0px 0px;
	left: 74px; top: 74px;
}
.compatibility.compatible:after {
	background: url('/images/tick.png') no-repeat 0px 0px;
}
.compatibility h1 {
	line-height: 1.4em;
}
.browsers {
	margin-bottom: 8px;
}
.browsers li {
	display: inline-block;
	width: 67px;
	margin-right: 5px;
}

.browsers li img {
	width: 100%;
}