html, body {background-color: #ffffff; color: #000000; font-family: sans-serif; }

a { font-weight: bolder; text-decoration: none; }
a:link { color: #000080; }
a:visited { color: #000080; }
a:hover { color: #008000; text-decoration: underline; }

h1, h1 a { text-align: center; text-decoration: underline; margin-top: 4px; margin-bottom: 4px; }

form { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; display: inline; }

.common, .box { border: solid 2px #000000; margin-top: 1ex; margin-bottom: 1ex; padding: 4px; }
.common { background-color: #f0f0ff; width: 100%; }
.common .option { padding-left: 2ex; padding-right: 2ex; }

.box { background-color: #ffffff; width: 22%; vertical-align: top; margin: 4px; float: left; }
.box * { width: 100%; margin: 0px; padding: 0px; }
.box input { background-color: #f8f8ff; }
.box h2 input { background-color: #e0e0ff; }
.box h2 a { background-color: #e0e0ff; margin-bottom: 4px; }
.box h2, .box h3 { margin-top: 4px; margin-bottom: 0px; }
.box h3 input { background-color: #e8e8ff; }
.box .nowrap { width: 100%; }
.box .nowrap * { width: 22%; }
.box .nowrap .edit { width: 75%; background-color: #ffffff; }

.hidden { display: none; }