  BODY
  {
    overflow: hidden;
  }
  #NavigateWraper
  {
    _height: 100%;
    _top: 0;
    _padding-top: 2em;
    _width: 400px;
    _position: absolute;
  }
  #Navigate
  {
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    width: 400px;
    top: 2em;
    bottom: 0;
    position: absolute;
    overflow: auto;
    _position: relative;
    _height: 100%;
    _top: 0;
  }

  #SearchPanel
  {
    width: 400px;
    position: absolute;
    height: 2em;
    border-right: 1px solid #C0C0C0;
  }
  #SearchPanel INPUT
  {
    border: 1px solid #808080;
    margin-top: -1px;
    width: 240px;
    float: left;
  }
  #SearchPanel INPUT.empty
  {
    font-style: italic;
    color: #A0A0A0;
  }
  #SearchFilters
  {
    padding: 2px 4px;
  }
  #SearchCancel,
  #SearchFilters DIV
  {
    margin-right: 4px;
    width: 24px;
    float: left;
    height: 20px;
    border: 1px solid #E0E0E0;
    background: no-repeat center center;
    cursor: pointer;
  }
  #SearchFilters DIV.disable
  {
    filter: alpha(opacity: 25);
    opacity: .25;
    -moz-opacity: .25;
    -khtml-opacity: .25;
  }
  #SearchFilters DIV.SearchFilter-module
  {
    background-image: url(basis/doc/node_module.png);
  }
  #SearchFilters DIV.SearchFilter-class
  {
    background-image: url(basis/doc/node_class.png);
  }
  #SearchFilters DIV.SearchFilter-property
  {
    background-image: url(basis/doc/node_property.png);
  }
  #SearchFilters DIV.SearchFilter-function
  {
    background-image: url(basis/doc/node_function.png);
  }
  #SearchCancel
  {
    position: relative;
    left: 2px;
    top: -2px;
    background-image: url(basis/doc/cancel.gif);
  }

  #LoadInfoIndicator
  {
    position: fixed;
    _position: absolute;
    display: none;
    top: 0;
    right: 16px;
    width: auto;
    padding: .5em 20px .5em 24px;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    background: white url(basis/doc/loading.gif) no-repeat 5px center;
    z-index: 50;
    filter: alpha(opacity: 80);
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
  }
  #LoadInfoIndicator.loading,
  #LoadInfoIndicator.updating
  {
    display: block;
  }

  #ContentWraper
  {
    z-index: 100;
    position: absolute;
    overflow: auto;
    overflow-y: scroll;
    left: 400px;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5px;
    _left: 0;
    _padding: 0 0 0 400px;
    _height: 100%;
    _overflow: hidden !important;
    _overflow-y: hidden !important;
    _right: 0;
    _bottom: auto;
  }
  #Content
  {
    _padding: 5px;
    _height: 100%;
    _position: relative;
    _overflow: scroll;
    _overflow-y: scroll;
  }

  .basis-popup
  {
    background-color: white;
    border: 1px solid #808080;
    height: auto;
    width: auto;
  }
  .basis-popup .content DIV
  {
    padding: .3em .5em;
  }

  .basis-tree LI DIV.module          { background-image: url(basis/doc/node_module.png) }
  .basis-tree LI DIV.partition       { background-image: url(basis/doc/node_partition.png) }
  .basis-tree LI DIV.have_modules    { background-image: url(basis/doc/node_have_modules.png) !important }
  .basis-tree LI DIV.class           { background-image: url(basis/doc/node_class.png) }
  .basis-tree LI DIV.const           { background-image: url(basis/doc/node_const.png) }
  .basis-tree LI DIV.function        { background-image: url(basis/doc/node_function.png) }
  .basis-tree LI DIV.ClassFunction   { background-image: url(basis/doc/node_class_function.png) }
  .basis-tree LI DIV.element         { background-image: url(basis/doc/node_element.png) }
  .basis-tree LI DIV.property        { background-image: url(basis/doc/node_property.png) }

  .basis-tree LI DIV.search_function { background-image: url(basis/doc/node_function_big.png) }
  .basis-tree LI DIV.search_class    { background-image: url(basis/doc/node_class_big.png) }
  .basis-tree LI DIV.search_module   { background-image: url(basis/doc/node_module_big.png) }
  .basis-tree LI DIV.search_property { background-image: url(basis/doc/node_property_big.png) }

  .basis-tree LI DIV.search_function,
  .basis-tree LI DIV.search_class,
  .basis-tree LI DIV.search_module,
  .basis-tree LI DIV.search_property
  {
    min-height: 32px;
    padding-left: 40px;
    border-bottom: 1px solid #E0E0E0;
    background-position: 4px .4em;
    cursor: pointer;
  }
  .basis-tree LI DIV.search_function DIV,
  .basis-tree LI DIV.search_class    DIV,
  .basis-tree LI DIV.search_module   DIV,
  .basis-tree LI DIV.search_property DIV
  {
    text-align: right;
  }

  .basis-tree LI DIV.selected
  {
    background-color: #E8E8E8;
  }
  #SearchTree.basis-tree LI DIV.selected
  {
    background-color: #F0F0F0;
  }

  .basis-tree LI DIV SPAN.type 
  { 
    color: #309930;
    font-style: italic;
    margin-left: 1ex;
  }
  .basis-tree LI DIV SPAN.params
  {
  }
  .basis-tree LI DIV SPAN.const
  {
  }
  .basis-tree LI DIV SPAN.const_value
  {
    color: maroon;
  }
  .basis-tree LI DIV SPAN.version
  {
    font-size: 85%;
    color: #A0A0A0;
    margin-left: 1ex;
  }


  #Content PRE
  {
    border: 1px solid #E8CD6B;
    background: #FFFFCF;
    p2osition: absolute;
    l2eft: 27px;
    r2ight: 20px;
    overflow: auto;
    padding: .5em;
    m2ax-height: 350px;
    margin: 0pt 15px 0pt 22px;
  }

  #Content TD P
  {
    margin: 0;
  }
  #Content TD PRE
  {
    margin: .5em 0;
  }

  #Content .cell_content,
  #Content TD .noAnnotation
  {
    padding-top: 3px;
  }
  #Content TD .noAnnotation
  {
    display: block;
  }

  #Content .content P
  {
    margin: .5em 0;
    text-indent: 3ex;
    line-height: 1.5;
  }
  #Content .content .note
  {
    font-style: italic;
    padding-left: 3ex;
    border-left: 2px solid #50A050;
  }
  #Content .content .note P
  {
    text-indent: 0;
  }
  #Content .content PRE
  {
    margin: 1em 0;
  }
  #Content .content UL,
  #Content .content OL
  {
    margin: .75em;
  }
  #Content .content LI
  {
    padding-left: 3ex;
    margin: .25em 0;
  }
  #Content .content UL LI
  {
    background: url(basis/doc/list_bullet.png) no-repeat 2px 1px;
  }

  #Content DIV#InfoAnnotation,
  #Content DIV#InfoDescription
  {
    display: none;
  }
  #Content DIV#InfoAnnotation.show,
  #Content DIV#InfoDescription.show
  {
    display: block;
  }

  #Content DIV#InfoAnnotation,
  #Content DIV#InfoDescription
  {
    margin: .5em 15px 0 22px;
    padding: .2em 0 .5em;
    b2order: 1px solid #E0E0E0;
    b2ackground: #F8F8F8;
  }
  #Content DIV#InfoAnnotation .edit,
  #Content DIV#InfoDescription .edit
  {
    padding: 0 .5em;
    text-align: right;
    font-size: 80%;
  }
  #Content DIV#InfoAnnotation .edit A,
  #Content DIV#InfoDescription .edit A
  {
    background: url(basis/doc/pencil.png) no-repeat right center;
    padding: 4px 18px 4px 0;
    color: #309030;
  }
  #Content DIV#InfoAnnotation .content,
  #Content DIV#InfoDescription .content
  {
    padding-top: .5em;
    clear: both;
  }

  H1
  {
    font-family: Arial;
    font-size: 120%;
    margin: 0 0 1em 0;
    padding-top: 4px;
    padding-left: 44px;
    background: no-repeat 4px 4px;
    min-height: 40px;
  }
  H1.class    { background-image: url(basis/doc/node_class_big.png)    }
  H1.property { background-image: url(basis/doc/node_property_big.png) }
  H1.function { background-image: url(basis/doc/node_function_big.png) }
  H1.module   { background-image: url(basis/doc/node_module_big.png)   }
  H1.const    { background-image: url(basis/doc/node_const_big.png)   }
  H1 DIV
  {
    font-size: 80%;
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: normal;
    padding-top: .25em;
  }

  H2
  {
    font-size: 100%;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 22px;
  }
  H2 DIV
  {
    padding: 3px 0;
    border-bottom: 1px solid #333;
  }
  H2.description       { background-image: url(basis/doc/header_description.png) }
  H2.jscode            { background-image: url(basis/doc/header_jscode.png)      }
  H2.inherit           { background-image: url(basis/doc/header_inherit.png)     }
  H2.property          { background-image: url(basis/doc/node_property.png)      }
  H2.method            { background-image: url(basis/doc/node_function.png)      }
  H2.nodeType_const    { background-image: url(basis/doc/node_const.png)         }
  H2.nodeType_property { background-image: url(basis/doc/node_property.png)      }
  H2.nodeType_module   { background-image: url(basis/doc/node_module.png)        }
  H2.classMembers      { background-image: url(basis/doc/node_class_member.png)  }

  #Content P
  {
    margin-left: 27px;

  }
  #Content P TABLE
  {
    width: 100%;
  }
  #Content P TABLE .wide
  {
    width: 100%;
  }
  #Content TABLE TD.nowrap A
  {
    white-space: nowrap !important;
  }
  #Content TABLE TD.nowrap SPAN
  {
    display: block;
    padding-right: 1ex;
  }
  #Content UL,
  #Content LI
  {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #Content .inherit LI
  {
    padding: .5em 0 0 14px;
  }
  #Content TD
  {
    vertical-align: top;
  }

  #SearchTree SPAN.module,
  #SearchTree SPAN.class,
  #SearchTree SPAN.function,
  #SearchTree SPAN.property,
  #SearchTree SPAN.const,
  #Content SPAN.module,
  #Content SPAN.class,
  #Content SPAN.function,
  #Content SPAN.property,
  #Content SPAN.element,
  #Content SPAN.const,
  #Content SPAN.parameter
  {
    padding: .2em 0 .2em 22px;
    background: no-repeat 2px center;
  }

  #Content SPAN.parameter
  {
    color: #656596;
    background-image: url(basis/doc/parameter.png);
  }

  #Content SPAN.module,
  #SearchTree SPAN.module
  {
    background-image: url(basis/doc/node_module.png);
  }
  #Content SPAN.class,
  #SearchTree SPAN.class
  {
    background-image: url(basis/doc/node_class.png);
  }
  #Content SPAN.function,
  #SearchTree SPAN.function
  {
    background-image: url(basis/doc/node_function.png);
  }
  #Content .classMembers TD SPAN.function
  {
    background-image: url(basis/doc/node_class_function.png);
  }
  #Content SPAN.element,
  #Content SPAN.property,
  #SearchTree SPAN.property
  {
    background-image: url(basis/doc/node_property.png);
  }
  #Content SPAN.const,
  #SearchTree SPAN.const
  {
    background-image: url(basis/doc/node_const.png);
  }

  #SearchTree SPAN.module A,
  #SearchTree SPAN.class A,
  #SearchTree SPAN.function A,
  #SearchTree SPAN.property A,
  #SearchTree SPAN.const A,
  #Content SPAN.module A,
  #Content SPAN.class A,
  #Content SPAN.function A,
  #Content SPAN.element A,
  #Content SPAN.property A,
  #Content SPAN.const A
  {
    text-decoration: underline !important;
  }

  #Content SPAN.module A,
  #SearchTree SPAN.module A
  {
    color: #208820 !important;
  }
  #Content SPAN.class A,
  #SearchTree SPAN.class A
  {
    color: #602010 !important;
  }
  #Content SPAN.function A,
  #SearchTree SPAN.function A
  {
    color: #203088 !important;
  }
  #Content SPAN.element A,
  #Content SPAN.property A,
  #SearchTree SPAN.property A
  {
    color: #1F8FBF !important;
  }
  #Content SPAN.const A,
  #SearchTree SPAN.const A
  {
    color: #907000 !important;
  }

  #Content SPAN A.noContent,
  #SearchTree SPAN A.noContent
  {
    text-decoration: line-through !important;
  }
  #Content SPAN.noAnnotation
  {
    color: #A0A0A0;
  }

  .nothing_found
  {
    margin: 2px;
    border: 1px solid #C0C0C0;
    background-color: #F0F0F0;
    padding: .5em;
  }

  #UpdateWindow LABEL
  {
    display: block;
    padding-top: .5em;
  }
  #UpdateWindow TEXTAREA
  {
    width: 600px;
    height: 300px;
    border: 1px solid #C0C0C0;
  }
  #UpdateWindow TEXTAREA#UpdateAnnotation,
  #UpdateWindow TEXTAREA#OldAnnotation
  {
    height: 100px;
  }
  #UpdateWindow .old
  {
    margin-right: 175px;
  }
  #UpdateWindow .old TEXTAREA
  {
    width: 425px;
  }
  #Versions
  {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 170px;
    overflow: auto;
    overflow-y: scroll;
    border: 1px solid #C0C0C0;
    position: absolute;
    right: 0;
  }
  #Versions LI
  {
    min-height: 0;
  }
  #Versions LI DIV.title
  {
    background-image: url(basis/doc/header_description.png);
    background-position: 2px 0.2em;
    padding: 5px 2px 5px 20px;
    font-size: 85%;
    border-bottom: 1px solid #D8D8D8;
  }
  #Versions .empty
  {
    display: none;
    padding: 4px;
    border: 1px solid #F0F0F0;
    margin: 2px;
  }
  #Versions .loading
  {
    display: none;
    background: url(basis/doc/loading.gif) no-repeat 4px center;
    padding: 4px 4px 4px 22px;
    border: 1px solid #F0F0F0;
    margin: 2px;
  }
  #VersionInfo .loading
  {
    display: none;
    background: url(basis/doc/loading.gif) no-repeat 22px 20px;
    padding: 20px 4px 4px 42px;
  }
  #VersionInfo LABEL,
  #VersionInfo TEXTAREA
  {
    display: none;
  }
  #VersionInfo.content LABEL,
  #VersionInfo.content TEXTAREA
  {
    display: block;
  }
  #Versions.empty .empty,
  #Versions.loading .loading,
  #VersionInfo.loading .loading
  {
    display: block;
  }

  #UpdateWindow .tab-control
  {
    padding: 0 2px;
  }
  #UpdateWindow .page-control .page 
  {
    border: none;
    padding: 0;
    position: relative;
  }
