body {font-family: Nimbus Sans L, Helvetica, sans-serif;}
div, p, h1, h2, a, blockquote {font-weight: normal;}
div.picture p {text-align: center;}
div.right {float: right;}

p.boxed {background: #e0e0e0; border: solid gray 1px; padding: 0.25em 0.5em; margin: 1em 0.5em;}

@media screen {
  body {margin: 40px; max-width: 50em;}
  h1 {font-size: 24px; line-height: 26px; margin-top: 12px;}
  h2 {font-size: 18px; line-height: 20px; margin-top: 12px;}
  h3 {font-size: 16px; line-height: 20px; margin-top: 12px;}
  h4 {font-size: 16px; line-height: 20px; margin-top: 10px;}
  p, blockquote, a, div {font-size: 16px; line-height: 20px;}
  p, blockquote {margin-top: 10px;}
  blockquote {margin-left: 20px; margin-right: 20px;}
  div.picture {margin: 10px 0;}
  div.picture.right {margin-left: 20px;}
  div.picture.left {margin-right: 20px;}
}

@media print {
  .noprint {display: none;}
  h1 {font-size: 18pt; line-height: 20pt; margin-top: 8pt;}
  h2 {font-size: 14pt; line-height: 16pt; margin-top: 8pt;}
  h3 {font-size: 13pt; line-height: 15pt; margin-top: 8pt;}
  h4 {font-size: 12pt; line-height: 14pt; margin-top: 6pt;}
  p, blockquote, a, div {font-size: 12pt; line-height: 14pt;}
  p, blockquote {margin-top: 6pt;}
  blockquote {margin-left: 14pt; margin-right: 14pt;}
  a {text-decoration: none; color: black;}
  div.picture {margin: 6pt 0;}
  div.picture.right {margin-left: 12pt;}
  div.picture.left {margin-right: 12pt;}
}

table.links {margin-top: 8px; width: 100%; border-collapse: collapse;}
table.links td {width: 50%; padding: 2px; border: solid #eee 1px;}
table.links tr.hide {display: none;}
table.links td.level0 {padding-left: 0px;}
table.links td.level1 {padding-left: 20px;}
table.links td.level2 {padding-left: 40px;}
table.links td.level3 {padding-left: 60px;}
table.links td.level4 {padding-left: 80px;}
table.links td.level5 {padding-left: 100px;}
table.links td.private {background-color: #fff0f0;}
table.links td.comment {color: gray;}
table.links td.folder a {cursor: pointer; font-style: italic; padding-left: 20px;}
table.links td.folder.open a {background: url(triangle-down-15x24.png) no-repeat; color: darkgreen;}
table.links td.folder.closed a {background: url(triangle-right-15x24.png) no-repeat;}

div#links_options {float: right; margin-top: 12px;}
div#links_options.hide {display: none;}
div#links_options form {display: inline;}
div#links_options span.wrong_pwd {margin-right: 1em; color: #ff0000;}