body                        { font-family: Verdana; margin: 0;
                              background: rgb(95%,95%,95%); }
form                        { margin-bottom: 0; }
input, select, textarea     { font-family: Verdana; font-size: 80%; 
                              border: 2px solid rgb(70%,70%,70%); 
                              margin: 2px; }
input:focus                 { background: yellow; }
a                           { text-decoration: none; font-weight: bold; }
a:hover                     { color: rgb(100%,0%,100%); }
img                         { border: 0; }
                           
#header                     { background: white; padding: 6px; margin: 0 0 3px 0;
                              border-bottom: 1px solid #999999; }
#header table               { margin: auto; }

#mainmenu                   { width: 95%; margin: auto;
                              padding-bottom: 3px;
                              border-bottom: 3px solid rgb(90%,90%,90%); }
#mainmenu table             { width: 100%; margin: auto; }
#mainmenu img               { vertical-align: text-top; }

#shortcuts                  { width: 95%; margin: auto;
                              padding-top: 3px; padding-bottom: 3px;
                              border-bottom: 3px solid rgb(90%,90%,90%); }
#shortcuts table            { width: 100%; margin: auto; }
#shortcuts td               { text-align: center; }

#calendar                   { width: 100%; margin: auto; }
#leftcolumn                 { width: 30%; vertical-align: top; }
#rightcolumn                { width: 70%; vertical-align: top; }

#calmonth                   { margin: 1em 1em 1.5em 2em; }
#calmonth table             { margin: auto; 
                              font-size: 90%; padding: 5px; 
                              background: rgb(100%,100%,100%); 
                              border: 1px solid rgb(60%,60%,60%); }
#calmonth td                { padding: 3px; text-align: center; }

#criteria                   { margin: 0 1em 1.5em 2em; }
#criteria table             { margin: auto; 
                              border: 1px solid rgb(60%,60%,60%);
                              background: white; }

#results                    { margin: 1em 2em 1.5em 1em; }
#results .summary           { font-size: 70%; color: gray; text-align: center; }
table.shortevent            { margin: 0 1em 1em 0; width: 100%; }
.shortevent td.icon         { width: 5%; }
.shortevent td.event        { width: 70%; }
.shortevent td.minical      { width: 20%; }
.shortevent td.controls     { width: 5%; }
.shortevent p               { margin: 1px; }
.shortevent p.type          { font-size: 70%; }
.shortevent p.title         { font-size: 100%; }
.shortevent p.org           { font-size: 80%; }
.shortevent p.loc           { font-size: 80%; }
.shortevent p.date          { font-size: 80%; color: gray; }
table.minical               { font-size: 50%; }
.minical td                 { text-align: center; padding: 2px; }
.controls td                { text-align: center; }
.controls img               { margin: auto; padding: 2px; }

.boxlabel                   { font-size: 80%; color: gray; }
.daynames                   { font-weight: bold; }
.we                         { background: rgb(85%,85%,85%); }
.by                         { background: #b4b4ff; }