body
{
	font-size: 12pt;
}

ul, ol
{
	margin: 0;
	padding: 0 0 0 2em;
	list-style: none;
}
li h1
{
	font-size: 200%;
	margin: 0 0 0 -1em;
	padding: 0;
}

h2
{
	font-size: 120%;
}

code
{
	font-size: 90%;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 1px;
}

.bottom h2
{
	border-top: 2px solid #aaa;
	padding-top: .2em;
	margin-top: 3em;
}

.bottom
{
	padding-bottom: 6em;
}

.clear
{
	clear: both;
	margin-bottom: 2em;
}

.check .icon
{
	display: none;
	float: left;

	width: 64px;
	height: 64px;
	border: none;
}

.warning .icon
{
	display: block;
	background-image: url(icons/warning_64.png);
}

.warning h1
{
	color: orange;
}

.error .icon
{
	display: block;
	background-image: url(icons/error_64.png);
}
.error h1
{
	color: red;
}

.ok .icon
{
	display: block;
	background-image: url(icons/checkmark_64.png);
}
.ok h1
{
	color: black;
}


.message-ok, .message-error, .message-warning, .message-ssl-ok
{
	display: none;
}

.ok .message-ok
{
	display: block;
}

.error .message-error
{
	display: block;
}

.warning .message-warning
{
	display: block;
}