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

@media screen 
{
    .hidescreen { display: none; }
    .hideprint  { }
}

.centerpage		{ margin: auto; }
.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; }
.middle         { vertical-align: middle; }

.bold           { font-weight: bold; }
.padtop        	{ padding-top: 8px; }
.padbottom    	{ padding-bottom: 8px; }
.padleft        { padding-left: 8px; }
.padright       { padding-right: 8px; }
.padall         { padding: 8px; }
.widepadleft    { padding-left: 20px; }
.gapbottom    	{ margin-bottom: 16px; }

.dark   		{ background-color: rgb(  69,  62,  41 ); color: white; }
.white			{ background-color: rgb( 238, 239, 240 ); color: black; }
.gray			{ background-color: rgb( 238, 239, 240 ); color: rgb( 192, 192, 192 ); }
.green    		{ background-color: rgb(  88, 119,  75 ); }

.smalltext      { font-size: 11px; }

.hand       	{ cursor: pointer; }

body            { margin-left: 16px; margin-right: 16px; margin-top: 12px; margin-bottom: 12px; background-color: rgb( 88, 119, 75 ); color: white; }
body, table, 
textarea, input { font-family: Verdana, sans-serif; font-size: 12px; }
img             { border: none; }
p               { margin-top: 2px; margin-bottom: 12px; }

h1              { font-size: 13px; font-weight: bold; margin-bottom: 8px; margin-top: 6px; }
h6              { font-size: 10px; font-weight: normal; margin-bottom: 6px; margin-top: 4px; color: gray; }

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

a:link,
a:visited       { color: gray; }

table.header    { background-color: rgb( 69, 62, 41 ); background-image: url( header.jpg ); background-position: top left; background-repeat: no-repeat; }
table.submenu   { background-color: rgb( 133, 122, 101 ); }

td.spacer      	{ padding-top: 7px; padding-bottom: 7px; } 
td.menu       	{ cursor: pointer; font-weight: bold; width: 1px; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; }
td.unselected   { color: rgb( 186, 201, 178 ); }
td.selected   	{ color: white; }
td.hovered    	{ color: white; background-color: rgb( 105, 96, 80 ); }

td.gallery    	{ background-position: center center; background-repeat: no-repeat; }
td.main    		{ width: 660px; }
td.edit         { vertical-align: top; border: solid 1px rgb( 200, 210, 205 ); }

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

/* ------------------- */

.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 ); }

td.gallery      { background-position: 50% 50%; }
td.condensed    { padding-top: 4px; padding-bottom: 4px; }

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; }



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 ); }