/**
 * Table of Contents sidebar
 */
#toc-sidebar
{
    padding-left:  15px;
    margin-bottom: 10px;
}

#toc-sidebar.affix
{
    position: static;
}

#toc-sidebar.affix
{
    position: fixed;
    top:      4em;
}

#toc-sidebar.affix-bottom
{
    position: absolute;
}

#toc-sidebar .nav > li > a
{
    color:       #999;
    display:     block;
    font-size:   13px;
    font-weight: 500;
    padding:     4px 20px;
}

#toc-sidebar .back-to-top
{
    display:         block;
    color:           #999;
    font-size:       12px;
    font-weight:     500;
    margin-left:     10px;
    margin-top:      10px;
    padding:         4px 10px;
    text-decoration: none;
}

#toc-sidebar .back-to-top:hover
{
    color: #555;
}

#toc-sidebar .nav > li > a:hover,
#toc-sidebar .nav > li > a:focus
{
    background-color: transparent;
    border-left:      1px solid #555;
    color:            #555;
    padding-left:     19px;
    text-decoration:  none;
}

#toc-sidebar .nav > .active > a,
#toc-sidebar .nav > .active:hover > a,
#toc-sidebar .nav > .active:focus > a
{
    background-color: transparent;
    border-left:      2px solid #555;
    color:            #555;
    font-weight:      700;
    padding-left:     18px;
}

#toc-sidebar label
{
    font-weight: normal;
}

/**
 * Function documentation
 */
.dl-horizontal dt
{
    width: 6em;
}

.dl-horizontal dd
{
    margin-left:   7em;
    margin-bottom: 1em;
}

/**
 * Function list navigation
 */
div#function-list
{
    font-size:      12px;
    background:     #EBEBEB;
    padding-top:    5em;
    padding-left:   1.2em;
    padding-bottom: 5em;
    height:         100%;
    width:          21em;
    position:       fixed;
    z-index:        1;
    top:            0;
    left:           0;
    overflow-x:     hidden;
}

div#function-list ul
{
}

div#function-list ul a
{
    color:     #333;
    font-size: 11px;
    padding:   3px 15px;
}

div#function-list ul a:hover,
div#function-list ul a:focus,
div#function-list ul a.active
{
    background-color: transparent;
    border-left:      1px solid #000;
    color:            #555;
    padding-left:     14px;
    text-decoration:  none;
}

div#function-list ul a.active
{
    background-color: transparent;
    color:            #555;
    font-weight:      bold;
    padding-left:     14px;
    text-decoration:  none;
}

div#function-list ul li.title
{
    font-weight: bold;
    margin-left: -4px;
}

div#codeExamples .nav-tabs
{
    margin-bottom: 1em;
}

/*
 * Body
 */

body
{
    padding-top: 4em;
}

body.with-sidebar
{
    padding-left: 19em;
}

/**
 * Code blocks
 */
.hljs
{
    background: none;
}

/**
 * Call methods alert box
 */

dl.api-call-methods,
dl.api-call-methods dt,
dl.api-call-methods dd
{
    margin-bottom: 0;
}

dl.api-call-methods dt
{
    width: 45px;
}

dl.api-call-methods dt span.label
{
    display:     inline-block;
    width:       45px;
    line-height: 1;
}

dl.api-call-methods dd
{
    margin-left: 50px;
}

/**
 * Top navigation bar
 */

#apiNavbar .navbar-brand
{
    padding-left: 7px;
}

#apiNavbar .navbar-brand #headerimage
{
    width: 130px;
}

#apiNavbar .navbar-brand > img
{
    display:      inline-block;
    margin-top:   -7px;
    max-height:   33px;
    margin-right: 10px;
}

/**
 * Fix anchor scrolling
 */
.anchor
{
    scroll-margin-top: 3em;
}