@media print 
{
    .hidescreen { }
    .hideprint  { display: none; }
    .fullheight { }
}

@media screen 
{
    .hidescreen { display: none; }
    .hideprint  { }
    .fullheight { height: 500px; }
}

.wide           { width: 100%; }
.narrow         { width:  1px; white-space: nowrap; }
.left           { text-align: left; }
.right          { text-align: right; }
.center         { text-align: center; }
.top            { vertical-align: top; }
.bottom         { vertical-align: bottom; }
.bold           { font-weight: bold; }
.topgap         { margin-top: 8px; }
.bottomgap      { margin-bottom: 6px; }
.padleft        { padding-left:  4px; }
.padright       { padding-right: 8px; }
.padall         { padding: 8px; }

.darktext       { color: rgb( 75, 76, 70 ); }
.smalltext      { font-size: 11px; }
.banner         { background-color: rgb( 75, 76, 70 ); color: rgb( 230, 230, 230 ); }
.logo           { background-color: rgb(  0,  0, 60 ); color: white; border: solid 1px rgb( 200, 210, 205 ); }

body            { margin: 16px; background-color: rgb( 154, 145, 136 ); color: white; }
body, table, 
textarea, input { font-family: Verdana, sans-serif; font-size: 13px; }
img             { border: none; }
p               { margin-top: 0px; margin-bottom: 12px; }

h1              { font-size: 16px; margin-bottom: 12px; margin-top: 6px; padding-bottom: 4px; border-bottom: 3px solid rgb( 0, 0, 60 ); }
h2              { font-size: 16px; margin-bottom: 12px; margin-top: 6px; }
h3              { font-size: 14px; margin-bottom: 12px; margin-top: 2px; }

ul              { padding-left: 0px; margin-left:  0px; margin-top: 0px; margin-bottom: 10px; margin-right: 8px; }
li              { padding-left: 0px; margin-left: 20px; margin-top: 2px; }

td.menu         { cursor: pointer; text-align: center; padding-left: 8px; padding-right: 8px; border: solid 1px rgb( 128, 128, 128 ); }
td.gallery      { background-position: 50% 50%; }
td.main         { padding-right: 16px; }
td.side         { padding-right: 16px; padding-left: 8px; border-left: solid 4px rgb( 75, 76, 70 ); width: 30%; }
td.edit         { vertical-align: top; border: solid 1px rgb( 200, 210, 205 ); }
td.selected     { background-color: rgb( 154, 145, 136 ); color: white; border: solid 1px rgb( 200, 210, 205 ); }
td.hovered      { background-color: rgb(   0,   0,  60 ); color: white; border: solid 1px rgb( 200, 210, 205 ); }
td.condensed    { padding-top: 4px; padding-bottom: 4px; }

h1.harp         { font-weight: normal; font-size: 20px; padding: 0px; margin-top: 0px; margin-bottom: 4px; border: none; }
h1.radnor       { font-weight: normal; font-size: 14px; padding: 0px; margin-top: 4px; margin-bottom: 4px; border: none; }

p.shallow       { margin-bottom: 4px; }
p.condensed     { margin: 0px; }

img.at          { width: 12px; height: 13px; margin-left: 2px; margin-right: 2px; margin-bottom: 1px; vertical-align: bottom; }

a:link,
a:visited       { color: rgb( 75, 76, 70 ); }

input.exec      { width: 80px; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid rgb( 96, 96, 96 ); border-right: 1px solid rgb( 96, 96, 96 ); }

input.text,
textarea        { border: 1px solid rgb( 75, 76, 70 ); background-color: rgb( 242, 239, 233 ); }

div.error       { font-weight: bold; background-color: red; border: 1px solid white; padding: 8px; }
div.footer      { border-top: solid 4px rgb( 75, 76, 70 ); margin-top: 8px; padding-top: 10px; }
div.edit        { height: 300px; overflow: scroll; padding: 10px; }
div.gallery     { margin-left: 8px; margin-right: 8px; margin-top: 8px; border: solid 1px rgb( 200, 210, 205 ); }

span.link       { cursor: pointer; }