#edit {
  position: fixed;
  top:0;
  right:0;
  width: 15px;
  height: 15px;
  background: url(?cimage=blank.gif);
  z-index: 10;
}
#edit:hover {
  background: red;
}
#edit div {
  display: none;
  position: absolute;
  top:0;
  right: 0;
  padding: 10px;
  padding-bottom: 35px;
  margin: 0;
  background-image: url(?cimage=contentsform-bg.png&no-ie-trans);
  border: 1px solid #aaa;
}
#edit div * { border: 0; margin: 0; padding: 0; display: inline; }
#edit div input {
  margin: 3px;
  padding: 1px;
  border: 1px solid #aaa;
  color: #777;
  background: white;
}
#edit div input.hidden { display: none; }
#edit div input.text { width: 200px; }
#edit div input.submit, #edit div input.close {
  display: block;
  position: absolute;
  border: 0;
  padding: 0 15px 10px 10px;
  background: transparent; /*url(?cimage=blank.gif);*/
}
#edit div input.submit { bottom: 0; left: 0; }
#edit div input.close { bottom: 0; right: 0; }
#edit div input.submit:hover, #edit div input.close:hover {
  text-decoration: underline;
  cursor: pointer;
}
/*
   A nice css solution, but of course ie (even 7) does not support it and
   the javascript work-around messes this up. Sorry, all css fans.
   #edit:active div,
   #edit div:hover {
  display: block;
}
*/
div.document { width: 180px; margin: .8em; padding: .8em; background: #eee; border: 2px solid #555; color: #555; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
div.document span.title { text-transform: uppercase; font-weight: bold; }
div.document p { margin: .5em 0 0; }
div.document > a { display: block; text-align: center; overflow: hidden; text-decoration: none; color: #975; }
div.document > a > img { border: 0; width: 90px; height: 90px; }
div.document > a span.docinfo { display: block; font-family: sans-serif; font-style: italic; font-size: 80%; }
div.document > a span.docname { display: block; }
div.document > a span.docformat { display: block; text-transform: uppercase; font-size: 70%; }
div.document > a:hover > span.docinfo { text-decoration : underline; }
html, body { margin: 0; padding: 0; }
html { background-color: #dfded7; }
body { background: url(?timage=page-bg.jpg) repeat-y top center; }
#topwrap { background: url(?timage=page-bg-top.jpg) no-repeat top center; min-height: 350px; }
#bottomwrap { background: url(?timage=page-bg-bottom.jpg) no-repeat bottom center; min-height: 372px; }
#contents { margin: 25px auto 40px; width: 717px; padding-top: 3px; color: #366; font-family: verdana, helvetica, sans-serif;}
#contents h1, #contents h2 { font-weight: bold; font-size: 11pt; }
#contents h2 { font-size: 8pt; }
#contents h1, #contents h2, #contents p { padding: 0; margin: 0; }
#contents ul, #contents li { margin-top: 0; margin-bottom: 0; }
#contents ul { list-style-position: outside; padding: 0; padding-left: 1.2em; margin: 0; }
#contents h1, #contents h2 { margin-top: 2.4em; }
#contents h1:first-child { margin-top: 0; }
#contents h1:first-child { text-align: center; font-weight: normal; font-size: 14pt; }
#contents table, #contents tr, #contents td { margin: 0; padding: 0; border: 0;  font-size: 8pt; }
#contents p, #contents label, #contents ul, #contents table { font-size: 8pt; margin-top: 1.2em; }
#contents h2+p, #contents h2+ul, #contents h1+h2 { margin-top: .5em; }
#contents tr.tablehead { font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; }
#contents tr.odd { background-color: #eee; }
/*#contents td { padding: .1em .3em; }*/
#contents a { color: #366; text-decoration: underline; }
#contents a:hover { color: #999; }
#contents div.image img { border: 0; }
#contents div.image { border: 0; margin: 5px; padding: 0; }
#contents div.image p { font-family: sans-serif; font-size: 8pt; margin: .1em 0 0; padding: 0; text-align: center; }
#contents div.image span.title { display: block; font-weight: bold; text-transform: uppercase; }
#contents input, #contents textarea, #contents button { border: 1px solid #366; background: #fff; color: #366; }
#contents input[type=text] { padding: 3px; width: 250px; margin: 2px 1em;}
#contents textarea { width: 420px; height: 130px; padding: 6px; overflow: auto; }
#contents input[type=submit] { padding: 6px;}
#contents input[type=submit]:hover { background: #eee; cursor:pointer; }
#contentstable td { margin: 0; vertical-align: top; }
#contentstable td>div { padding: 10px 25px; overflow: hidden; }
#contentstable td>div td { padding: .3em .8em; }
#leftcontents { width: 170px; border-right: 1px dotted #366; padding-right: 10px; }
#rightcontents { padding-left: 10px; }
#footer { margin: 0 auto; width: 747px; text-align: center; }
#menu { margin: 0 auto; padding-top: 230px; width: 747px; text-align: center; overflow: hidden; font-family: verdana, sans-serif; font-size: 8px; }
#menu ul, #menu li, #menu a { margin: 0; padding: 0; }
#menu li { display: inline; }
#menu li>a { padding: 0 10px 1px; text-transform: uppercase; text-decoration: none; background: url(?timage=menu-bullet.gif) no-repeat center left; color: #555; font-weight: bold; }
#menu li.selected>a { background-image: url(?timage=menu-bullet-hilite.gif); color: #574; }
#menu h1 { display: none; }
#footer { position: relative; color: #577; font-family: sans-serif; font-size: 8pt; padding-bottom: 22px; }
#footer a { color: #999; }
#footer a.nblogo { position: absolute; top: -1px; left: 0;  padding: 0; margin: 0; }
#footer a.nblogo img { border: 0; padding: 0; margin: 0; }
.floatleft {
  float: left;
  margin-left: 0;
  margin-top: 0;
}
.floatright {
  float: right;
  margin-right: 0;
  margin-top: 0;
}
.block {
  display: block;
}
