body { font-family: Lucida Grande, Verdana, sans-serif; font-size: 76%; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
tr { vertical-align: baseline; }
td.textarealabel { vertical-align: top; }
td.label { padding-right: 3px; padding-top: 3px; }
input, select, textarea, .selector { font-size: 11px; }
li { margin-top: 1em; }
form, form p { margin: 0; }
.form { margin: 1em 0; }
img { border: none; }
div { position: relative; }
div.container { margin: 0 3px; }
table.netscan {
    border-right: 1px solid #ccc;
}
.netscan td, .netscan th {
    text-align: left; padding: 3px 12px 3px 6px;
    border-left: 1px solid #ccc;
}
.netscan th { background: #ddf; }
.netscan tr.even { background: #eef; }
.netscan .note { font-weight: normal; font-size: 0.8em; }
.netscan th { padding-bottom: 10px; }
.netscan td.shares { font-size: 0.8em; }
.footer { clear: both; text-align: right; margin-top: 2em; }

div.error { color: #f00; background: #000; font-size: 9px; padding: 2px; margin-bottom: 5px; }

.menu { margin: 0 3em; }
tr.pageheading { vertical-align: top; }
div.workshift { background: #eef; border: 1px dotted #88c;
                margin-top: 1.5em; padding: 12px; }
div.workshift div.title { font-weight: bold; font-size: 14px; }
div.workshift div.description { margin: 1em 0 0; }
.weekday { text-transform: uppercase; font-weight: bold; font-size: 9pt; }
div.datelines { font-size: 8pt; }
div.workshift li { margin-top: 0.5em; }
div.workshift ul { margin-top: 0.5em; }

.up { color: #080; }
.down { color: #800; }

.datebox { width: 120px; }
.datebox .content { text-align: center; }
.datebox .content .container { margin-top: -5px; }
.datebox .soon { color: #e00; }
table.week { margin: 0 auto; }
.week { font-size: 8pt; }
.week .number { font-size: 30pt; font-weight: bold; }
.week td { vertical-align: middle; }

table.workshifts { background: #fff; }
table.workshifts td { padding: 1px 6px; }
table.workshifts .week { color: black; font-size: inherit; font-weight: bold; }
table.workshifts td.first { border-left: 2px solid #e0e0f0; }
table.workshifts tr.section { background: #e0e0f0; color: #888; }
table.workshifts tr.section td { border-top: 6px solid #fff; }
table.workshifts tr.total td { border-top: 6px solid #fff; }
table.workshifts tr.total { background: #c0c0e0; font-weight: bold; }

#banner { font-weight: bold; font-size: 2em; color: #fff;
          width: 100%; margin-bottom: 5px; }
#banner td { text-align: center; padding: 2px; width: 4%; }
#banner a { text-decoration: none; color: #fff; }

.heading { width: 100%; background: #d0d0ff; padding: 1px 0;
           font-size: 0.9em; border-bottom: 1px solid #c0c0e0; }
.heading h2 { font-size: 1em; font-weight: bold;
              text-transform: uppercase; margin: 0; display: inline; }
.heading ul, .heading li { display: inline; color: #88c; }
.heading ul.links { position: absolute; right: 0; margin: 0; }
.heading li { margin-left: 3px; padding-left: 7px;
              border-left: 1px solid #bbd; }
.state { font-weight: bold; }

.content { width: 100%; background: #eef; padding: 3px 0; margin-bottom: 5px; }
#links td.link { text-align: center; width: 12%; white-space: nowrap; }
#links td#help { text-align: center; width: 16%; }
.label { font-size: 0.8em; color: #888; }
.today { background: #d9f; }
.past { color: #888; }
.author, .title { font-weight: bold; }

table.notes tr { vertical-align: top; }
table.notes td.body, table.notes td.date { padding-top: 2px; }
td.replies { width: 50%; padding: 0 0 0.5em 1em; }
tr.even { background: #ddf; }
.date { display: block; margin: 0 3px 0 0; white-space: nowrap; }
.time { display: block; font-size: 0.8em; }
td.body { padding: 0 0 0.5em 0; }
.body br { display: block; margin: 0 0 0.3em 0; }
.files .date, .files .size { padding-right: 1.5em; }
.size { text-align: right; }

/* This is now done with a table because the floats fail on Mac IE 5.
div#events { width: 49%; float: left; }
div#notes { width: 49%; float: right; }
*/
td#events-cell { border-right: 3px solid white; width: 49%; }
td#notes-cell { border-left: 3px solid white; width: 49%; }

td.fieldname { text-align: right; padding-right: 6px; white-space: nowrap; }

.members .sort { font-weight: normal; }
.members th.name { width: 15em; }
.members th.room { width: 5em; }
.members th.phone { width: 10em; }
.members th.e-mail { width: 20em; }

#b01 { background: #d80040; }
#b02 { background: #e00000; }
#b03 { background: #dc1800; }
#b04 { background: #d83000; }
#b05 { background: #d44800; }
#b06 { background: #d06000; }
#b07 { background: #cc7800; }
#b08 { background: #c89000; }
#b09 { background: #c4a800; }
#b10 { background: #c0c000; }
#b11 { background: #90c000; }
#b12 { background: #60c000; }
#b13 { background: #30c000; }
#b14 { background: #00c000; }
#b15 { background: #00a820; }
#b16 { background: #009040; }
#b17 { background: #007860; }
#b18 { background: #006080; }
#b19 { background: #0030c0; }
#b20 { background: #0000ff; }
#b21 { background: #3000f0; }
#b22 { background: #6000e0; }
#b23 { background: #9000d0; }
#b24 { background: #b000a0; }
#b25 { background: #d00080; }