#toc-col {
    font-family: Arial, Helvetica, sans-serif;
    color: #003399;
    font-size: 12pt;
}

#tree ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#tree .jstree-anchor {
    padding-bottom: 0;
    height: 0;
}

#tree .bottom {
    white-space: nowrap;
    padding-bottom: 4px;
    padding-right: 16px;
}

#tree .jstree-leaf {
    line-height: normal !important;
    min-height: 0px !important;
}

#tree .jstree-leaf > i {
    width: 20px;
}

#tree .jstree-ocl {
    height: 25px;
}

#tree .jstree-leaf > .jstree-ocl {
    height: 16px !important;
}

.jstree-default .jstree-node {
    margin-left: 0;
}

/*make sure the triangles line up with the text*/
#tree .jstree-open > .jstree-ocl {
    background-position: -36px 3px !important;
}
#tree .jstree-closed > .jstree-ocl {
    background-position: -4px 1px !important;
}

#tree .jstree-anchor {
    /*offset icon width*/
    padding-left: 0px;
    padding-right: 10px;
    margin-right: 10px;
    /*stop the wrapped lines being spaced far apart
    if the font size is changed*/
    line-height: normal !important;
    height: auto !important;
    white-space: normal !important;
}

#tree a {
    text-decoration: none;
}

#tree .heading {
    white-space: normal;
}

.yearno {
    font-size: 0.7em;
    font-weight: 200;
}

.treetext:hover, .treetext:hover span {
    text-decoration: none;
}

.treetext.bottom {
    text-decoration: none !important;
}

.treetext .content {
    display: inline-block;
    white-space: normal;
    padding-right: 30px;
}
.treetext .num {
    vertical-align: top;
    display: inline-block;
    text-align: right;
    min-width: 16px;
}

.treetext, .contents {
    padding: 10px 0;
    display: block;
    font-weight: bold;
}

.treetext.bottom {
    font-size: 0.8em;
    padding: 0;
    font-weight: normal;
}

#tree .jstree-icon {
    width: 20px;
}

.btn-group-toc {
    float: right;
    margin-top: 4px;
}