@media print 
{
    .hidescreen { }
    .hideprint  { display: none; }
    .pagebreak  { page-break-before: always; }
}

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

.inline         { display: inline; }
.block          { display: block; }
.hidden         { display: none; }

.wide           { width:           100%; }
.narrow         { width:           1px; }
.nobr           { white-space:     nowrap; }
.bold           { font-weight:     bold; }
.italic         { font-style:      italic; }
.underline      { text-decoration: underline; }
.grey           { color:           rgb( 96, 96, 96 ); }
.green          { color:           green; }
.center         { text-align:      center; }
.right          { text-align:      right; }
.top            { vertical-align:  top; }
.middle         { vertical-align:  middle; }
.base           { vertical-align:  baseline; }
.bottom         { vertical-align:  bottom; }
.gap            { margin-bottom:   12px; }
.smallgap       { margin-bottom:   6px; }
.gapall         { margin:          4px; }
.gapleft        { margin-left:     4px; }
.gapright       { margin-right:    4px; }
.gaptop         { margin-top:      4px; }
.gapbottom      { margin-bottom:   4px; }
.padall         { padding:         4px; }
.padleft        { padding-left:    4px; }
.padright       { padding-right:   4px; }
.padtop         { padding-top:     4px; }
.padbottom      { padding-bottom:  4px; }
.bordertop      { border-top:      1px solid black; }
.borderbottom   { border-bottom:   1px solid black; }
.borderleft     { border-left:     1px solid black; }
.borderright    { border-right:    1px solid black; }
.spacebottom    { padding-bottom:  10px; }
.spaceright     { padding-right:   20px; }
.spaceleft      { padding-left:    20px; }

.title          { font-weight: bold; color: rgb( 96, 96, 96 ); }
.alert          { font-weight: bold; color: red; }

.link           { padding-top: 4px; padding-bottom: 4px; border: solid 1px gray; text-align: center; background-repeat: repeat-x; cursor: pointer; }
.selected       { color: rgb( 236, 236, 246 ); /* background-color: rgb( 225, 225, 248 ); background-image: url( images/selected.png );   color: black; font-weight: normal; */ }
.unselected     { background-color: rgb( 236, 236, 228 ); background-image: url( images/unselected.png ); color: black; font-weight: normal; }
.hovered        { background-color: rgb( 135, 135, 253 ); background-image: url( images/hovered.png );    color: white; font-weight: bold; }
.step           { width: 70px; }
.hand           { cursor: pointer; }

body, table, 
select          { font-family: Verdana, sans-serif; font-size: 13px; }
body            { background-color: rgb( 236, 236, 246 ); color: rgb( 0, 0, 255 ); margin: 0px; }

div.banner      { width: 100%; height: 75px; max-height: 75px; background-image: url( images/sky.png ); background-repeat: repeat-x; background-position: top; }
div.contents    { width: 116px; }
div.sidebar     { width: 200px; }
div.memo        { background-color: rgb( 246, 244, 236 ); background-image: url( images/memo.png ); background-repeat: repeat-x; background-position: top; border: solid 1px gray; margin: 4px; padding: 10px; }

div.print       { background-color: white; color: black; border: 1px solid black; font-size: 10px; }
div.portrait    { width: 440px; height: 600px; padding-left: 40px; padding-top: 40px; }
div.landscape   { width: 580px; height: 445px; padding-left: 40px; padding-top: 40px; }

table           { background-color: transparent; color: rgb( 0, 0, 255 ); }
table.banner    { background-color: transparent; color: white; font-weight: bold; }
table.print     { background-color: white; color: black; font-size: 11px; }
table.portrait  { width: 400px; }
table.landscape { width: 540px; }
table.shiftleft	{ margin-left: -4px; }
table.shiftup	{ margin-top:  -2px; }

td		        { text-align: left; vertical-align: top; }
td.main         { padding-top: 6px; padding-left: 10px; padding-right: 10px; }
td.contents     { padding-top: 2px; padding-left: 4px; width: 116px; cursor: default; }
td.sidebar      { padding-top: 2px; width: 216px; padding-right: 4px; }

td.image        { line-height: 0px; }
td.hint         { padding-top: 13px; padding-left: 6px; }
td.widepadright { padding-right: 20px; }
td.cost         { padding-left: 2px; text-align: right; }
td.option       { text-align: right; }
td.total        { border-top: 1px solid blue; padding-top: 2px; }
td.id           { padding-right: 14px; }
td.figure       { text-align: right; padding-left: 20px; }

td.print        { padding: 6px; }
td.followprint  { padding-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; }

span.title      { font-weight: bold; color: #808080; }
span.alert      { font-weight: bold; color: #FF0000; }

h1              { font-size: 13px; line-height: 100%; margin: 0px; }

p               { margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-right: 8px; }

ul              { padding-left: 0px; margin-left:  0px; margin-top: 0px; margin-bottom: 10px; margin-right: 8px; }
ul.smallgap     { margin-bottom: 3px; }
li              { padding-left: 0px; margin-left: 20px; margin-top: 2px; }
li.none         { list-style: none; }
li.disc         { list-style: disc; }

img             { border: none; }

img.logo        { margin-left: 4px; margin-right : 20px; }
img.demo        { margin-top: 4px; }
img.dump        { margin-top: 6px; margin-bottom: 6px; }
img.dialog      { margin-right: 20px; }
img.state       { margin-left: 40px; margin-right: 6px; }

textarea.text, 
input.text      { background-color: white; color: black; border: 1px solid #C0C0C0; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; font-family: Verdana, sans-serif; font-size: 13px; }
select          { font-family: Verdana, sans-serif; font-size: 13px; border: 1px solid #C0C0C0; padding-top: 1px; padding-bottom: 1px; }