body, table {
	font-family:sans;
	font-size:11pt;
}
body#large,
body#formcont {
	margin:auto;
	text-align:center;
}
body#formcont < div {
	display:inline-block;
}
body#large < div {
	display:inline-block;
	text-align:left;
}
body#large div.cont {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-left:1px solid #888;
	margin:2em;
	margin-left:0.5em;
	padding:2em;
	min-height:180px;
}

img#logo {
	display:inline-block;
	margin:3em;
	margin-right:0.5em;
}
body#formcont form,
body#formcont div.cont {
	display:inline-block;
	vertical-align:top;
	text-align:right;
	border-left:1px solid #ccc;
	margin:3em;
	margin-left:0.5em;
	padding:2em;
	min-height:180px;
}
body#formcont form p {
	text-align:right;
	max-width:20em;
	font-size:8pt;
}

h1 {
	font-size:14pt;
	margin:6pt 0pt;
}
pre {
	text-align:left;
}

p.app {
	border:1px solid #ccc;
	padding:2pt;
	padding-right:8pt;
	text-align:left;
}
p.app img {
	display:inline-block;
	margin:2px;
	border:0px;
	vertical-align:middle;
}
p.app a {
	text-decoration:none;
}

a#create {
	display:block;
	font-size:75%;
	text-align:right;
	margin-bottom:1em;
}
b.error {
	display:block;
	color:red;
	font-style:italic;
	font-size:9pt;
	margin-bottom:3pt;
	max-width:15em;
}
div#creatpw {
	margin-top:1em;
}
input[type=submit] {
	margin-top:1em;
}

div#infobox {
	display:inline-block;
	max-width:40em;
	color:#000;
	background-color:#dde2ff;
	border:1px solid #bcf;
	margin:2em 0em -1em 0em;
}
div#infobox img {
	float:left;
	margin:15px 5px;
}
div#infobox p {
	text-align:left;
	margin-left:45px;
}

body#error img {
	float:left;
	margin:2em;
	margin-right:0.5em;
}
body#error div#cont {
	margin:2em;
	margin-left:260px;
	border-left:1px solid #ccc;
	padding:1em;
	padding-bottom:10em;
}
body#error h1 {
	margin-top:1em;
}
body#error code {
	font-size:10pt;
}
body#error pre {
	max-width:45em;
	font-size:8.5pt;
	border:1px solid #d73f0b;
	padding:1em;
	background-color:#210;
	color:#ffb100;
}

a.lang img {
	margin:2px;
}