body * { font-family: Arial, Helvetica, Sans-Serif; }

a, a:visited, a:selected, a:active { color: #33c; }
a:hover { color: #f03; }

.topgap { margin-top: 10px; }

h1 { font-size: 150%; color: #03c; display: block; border-bottom: 3px solid #03c; }
h2 { font-size: 130%; color: #03c; }

table.form { border-collapse: collapse; border: solid 1px #33c; }
table.form tr th { font-weight: bold; vertical-align: top; padding: 3px 5px; text-align: right; }
table.form tr td { text-align: left; vertical-align: top; padding: 2px 5px 2px 0; }
table.form tr.footer td { text-align: right; padding: 2px 5px; }
table.form tr.subheading td { font-weight: bold; vertical-align: top; padding: 20px 5px 2px 20px; text-align: left; }
table.form tr td .grid { width: 100%; }

table.grid { border-collapse: collapse; border: solid 1px #33c; }
table.grid tr th { padding: 4px 10px; border-bottom: solid 2px #33c; background-color: #ccf; text-align: center; }
table.grid tr td { padding: 2px 10px; border-top: solid 1px #33c; border-bottom: solid 1px #33c; }
table.grid tr.alt td { background-color: #eee; }
table.grid tr th.left { text-align: left; }
table.grid tr td.center { text-align: center; }

.textbox-small { width: 75px; }
.textbox-medium { width: 150px; }
.textbox-large { width: 300px; }