/* GENERAL */
body
    { background: #e6e6e6; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; }
body#left-body, body#article-body
    { padding: 0px; margin: 0px; overflow: hidden; }
body.white
    { background: #ffffff; }
table
    { font-size: 1em; }
.wufe
    { clear: both; }
.hidden
    { display: none; }
div.frame-separator-upper
    { position: fixed; bottom: 0px; left: 0px; width: 100%; border-top: #cccccc 1px solid; }
div.frame-separator-lower
    { position: fixed; top: 0px; left: 0px; width: 100%; border-top: #cccccc 1px solid; }
hr
    { border-top: none; border-bottom: #000000 1px solid; }
.float-right
    { float: right; }

h1
    { font-size: 160%; }
h2
    { font-size: 140%; }
h3
    { font-size: 120%; }
h4, h5, h6
    { font-size: 110%; }


/* TOP */
div.logout
    { float: right; margin: 5px; }
div.logout a
    { text-decoration: none; color: #2070a0; }
div.book-sel select
    { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; border: #aaaaaa 1px solid; height: 20px; }
div.book-sel form
    { display: inline; }
div.book-sel div
    { float: left; }


/* MENU AND AREA-MAIN */
div#menu
    { height: 30px; position: absolute; top: 30px; left: 0px; right: 0px; margin-left: 5px; margin-right: 5px; overflow: hidden; }
div#menu-bar
    { position: absolute; bottom: 0px;
      background: url(../images/void_white.gif) repeat-x bottom left; width: 2000px; }
div#info-block
    { position: absolute; bottom: 1px; right: 1px; padding: 5px; white-space: nowrap; background: #e6e6e6; }

div#area-main
    { border-right: #cdcdcd 1px solid;
      border-bottom: #cdcdcd 1px solid;
      border-left: #ffffff 1px solid;
      position: absolute;
      top: 60px; left: 4px; right: 4px; bottom: 1px; }
div#area-main-outline
    { background: #ffffff; margin-top: 2px; margin-bottom: 2px;
      border-left: #cdcdcd 1px solid;  border-right: #cdcdcd 1px solid;
      border-top: none; border-bottom: none; position: relative; }
iframe.tab
    { border-style: none; width: 100%; position: absolute; top: 0px; left: 0px; }


/* TREE MENU ITEMS */
div.menu-item
    { height: 18px; width: 100%; overflow: hidden; }
div.menu-item div
    { width: 2000px; }
div.menu-item img
    { float: left; height: 18px; width: 18px; }
div.menu-item a.link
    { text-decoration: none; color: #000000; display: block; padding-left: 2px; padding-top: 1px; padding-bottom: 1px; white-space: nowrap; }
div.menu-item a.link:hover
    { background: #e6e6e6; }


/* TABS */
span.tab-selected
    { background: url(../images/tab_left.gif) no-repeat top left; padding: 0px; margin: 0px; float: left;
      border-bottom: #e6e6e6 1px solid; }
span.tab-selected span.inner-tab
    { display: block;
      background: url(../images/tab_right.gif) no-repeat top right;
      padding: 5px 15px; margin: 0px; }

span.tab
    { background: url(../images/tab_nleft.gif) no-repeat top left; padding: 0px; margin: 0px; float: left;
      border-bottom: #ffffff 1px solid; }
span.tab span.inner-tab
    { display: block;
      font-weight: bolder;
      background: url(../images/tab_nright.gif) no-repeat top right;
      padding: 5px 15px; margin: 0px; }

span.tab a, span.tab-selected a
    { text-decoration: none;
      color: #000000;
      font-weight: bold; }
input.checkbox
    { width: 13px; height: 13px; margin: 0px; padding: 0px; vertical-align: middle; }
span.operations
    { float: left; padding-top: 5px; padding-left: 5px; }
a.content-modified, span.content-modified
    { color: #FF8C00 !important; }
a.content-approved, span.content-approved
    { color: green !important; }
a.content-marked, span.content-marked
    { color: #FF8C00 !important; }
a.content-new, span.content-new
    { color: green !important; }
a.content-deleted, span.content-deleted
    { color: red !important; }
a.content-normal, span.content-normal
    { color: black !important; }


/* CONTENT VIEWING */
ul.article-list a, a.link, ul.content-modified-list a
{
  text-decoration: none; color: #2070a0;
}


/* BOOKMARKS */
div.bookmark
    { width: 100%; }
div.bookmark a
    { display: block; text-decoration: none; color: #000000; padding: 2px 5px; }
div.bookmark a:hover
    { background: #e6e6e6; }
div.bookmark input
    { float: left; margin-left: 2px; margin-right: 2px; }
div.bookmark-operations
    { float: right; margin: 5px; }


/* SEARCH */
div.search
    { padding: 5px; background: #e6e6e6; }
div.search input.text
    { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; border: #aaaaaa 1px solid; }
div.search input.button
    { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; }
div.search-result a
    { display: block; text-decoration: none; color: #000000; padding: 2px 5px; }
div.search-result a:hover
    { background: #e6e6e6; }
div.search-warning
    { padding: 5px; }
div.search span.checkbox
    { white-space: nowrap; vertical-align: 4px; }


/* OTHER */
div.copyright
    { width: 100%; text-align: center; padding-top: 5px; }
div.copyright a
    { text-decoration: none; color: #000000; }


/* OPERATIONS */
div.operations
    { position: fixed; top: 0px; left: 0px; right: 0px; height: 16px; background: #659cbd; padding: 2px; }
div.operations-top
    { height: 16px; background: #659cbd; padding: 2px; margin-left: 10px; }
div.operations form, div.operations-top form
    { display: inline; }
div.operations-top input.image
    { vertical-align: 1px; }


/* EDIT */
body.edit
    { background: #659cbd; color: #ffffff; }
table.browse
    { padding-left: 50px; padding-right: 50px; }
table.browse td
    { background: #508eaf; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }
table.browse a
    { text-decoration: none; color: #ffe19e; }
textarea.box, input.box
    { width: 100%; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; }
div.buttons
    { padding-top: 20px; }
body.edit div.block
    { margin-top: 5px; margin-bottom: 10px; }
div.labelbreak
    { display: block; }
body.edit div.block label
    { font-weight: bold; }
body.edit div.pagenavigator a
    { text-decoration: none; color: #ffe19e; }


/* INFO */
span.approved
    { color: #309b30; font-weight: bold; }
span.not-approved
    { color: #ff0000; font-weight: bold; }


/* PRINT */
body.print
    { background: #ffffff; font-size: 11pt; }
body.print h1, body.print h2
    { font-family: "Times New Roman", Times, serif; }
body.print span.note
    { font-size: 9pt; font-style: italic; }