#titlearea
{
    background: #00587B;
    color:      white;
}

#projectname
{
    background-color:        #fff;
    -webkit-background-clip: text;
    -moz-background-clip:    text;
    background-clip:         text;
    color:                   transparent;
    text-shadow:             rgba(0,0,0,0.3) 0px 3px 3px;
}

#main-menu
{
    background: #cccccc;
    border-bottom:  3px solid #888a85;
}

#main-menu a
{
    color:           black;
    text-decoration: none;
    text-shadow:     none;
}

#nav-tree
{
    background: #eeeeee;
}

#nav-tree a
{
    color: #444449;
    font-size: 100%;
}

#nav-tree .label
{
    font-size: 100%;
}

#nav-tree .selected
{
    background: #00587b;
}

div.toc
{
    background: #eeeeee;
    border:     1px solid #babdb6;
    box-shadow:  5px 10px 8px #888a85;
    border-radius: 4px 4px 4px 4px;
}

div.toc h3,
div.toc a
{
    color: black;
    font-size: 100%;
}

div.toc li
{
    font-size: 90%;
}

.ui-resizable-e
{
    background: #888a85;
    width: 4px;
}

#side-nav
{
    background: #eeeeee;
    padding:0 6px 0 0;
}

body, table, div, p, dl
{
    font-family: Noto Sans,sans-serif;
    font-size: 100%;
}

p.reference, p.definition
{
    font-family: Noto Sans,sans-serif;
    font-size: 100%;
}

.title {
    font-family:             Roboto, Noto Sans, sans-serif;
    font-size:               200%;
    background-color:        #333;
    -webkit-background-clip: text;
    -moz-background-clip:    text;
    background-clip:         text;
    color:                   transparent;
    text-shadow:             rgba(255,255,255,0.5) 0px 3px 3px;
}

table.directory {
    font-family: Noto Sans,sans-serif;
    font-size: 100%;
}

#projectname
{
    font: 300% Noto Sans, Tahoma, Arial,sans-serif;
}

#projectbrief
{
    font: 120% Noto Sans, Tahoma, Arial,sans-serif;
}

#projectnumber
{
    font: 50% Noto Sans, Tahoma, Arial,sans-serif;
}

h1
{
    font-size:      200%;
    font-weight:    normal;
    padding-top:    .5em;
    padding-bottom: .5em;
    padding-left:   15px;
    margin-top:     .5em;
    margin-bottom:  0em;
    text-shadow:    rgba(0,0,0,0.5) 0px 1px 2px;
}

h2
{
    font-size:     130%;
    font-weight:   bold;
    margin-top:    1em;
    margin-bottom: 1em;
    padding-left:   15px;
}

h3
{
    font-size:     100%;
    font-weight:   bold;
    margin-top:    1em;
    margin-bottom: 1em;
    padding-left:   15px;
}

div.contents    { width: 95%; }

div.contents    { counter-reset: h1 }
div.contents h1 { counter-reset: h2 }
div.contents h2 { counter-reset: h3 }
div.contents h3 { counter-reset: h4 }

div.contents h1:before { counter-increment: h1; content: counter(h1) ". "}
div.contents h2:before { counter-increment: h2; content: counter(h1) "." counter(h2) ". " }
div.contents h3:before { counter-increment: h3; content: counter(h1) "." counter(h2) "." counter(h3) ". " }
div.contents h4:before { counter-increment: h4; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". " }

div.contents h1.nonumber:before { content: '' }
div.contents h2.nonumber:before { content: '' }
div.contents h3.nonumber:before { content: '' }
div.contents h4.nonumber:before { content: '' }

div.toc h1:before { content: '' }
div.toc h2:before { content: '' }
div.toc h3:before { content: '' }
div.toc h4:before { content: '' }

div.toc h1 { padding-left: 0pt; }
div.toc h2 { padding-left: 0pt; }
div.toc h3 { padding-left: 0pt; }
div.toc h4 { padding-left: 0pt; }

div.fragment
{
    width:          80%;
    background:     #eeeeec;
    margin-left:    20px;
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left:   3px;
    box-shadow:  2px 3px 3px #babdb6;
    border-radius: 2px;
}

div.line
{
    background:    #eeeeec;
    font-size:     90%;
}

code
{
    background:    #ecf0f3;
    padding-left:  1px;
    padding-right: 1px;
}

dl.note
{
    margin-left:  15px;
    padding-left: 15pxpx;
    margin:      5px 15px;
    padding:     5px 15px;
    border-left: 5px solid #d79921;
    background:  #fef9d3;
    box-shadow:    5px 10px 6px #babdb6;
    border-radius: 4px;
}

dl.attention
{
    margin-left:  15px;
    padding-left: 15pxpx;
    margin:      5px 15px;
    padding:     5px 15px;
    border-left: 5px solid #cc241d;
    background:  #fbc9c9;
    box-shadow:    5px 10px 6px #babdb6;
    border-radius: 4px;
}

div.headertitle
{
    background: #eeeeec;
}

.sm-dox a:hover,
.sm-dox ul a:hover,
.sm-dox a:active
{
    background:      #00587b;
    color:           white !important;
    text-decoration: none;
    text-shadow:     none;
}

#nav-path ul
{
    background:  #cccccc;
    border-top:  3px solid #888a85;
}