.toc {
    padding: 10px 5px 0px 5px;
    color: #fff;
    font-size: 0.8em;
}

.toc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toc li {
    padding: 5px 5px;
}

.toc a {
    color: #2b2e2e;
    cursor: pointer;
    text-decoration: none;
    display: block;
    font: inherit;
}

.toc .toc-h2, .toc .toc-div {
    padding-left: 10px;
    cursor: pointer;
    background: #d5e4e8 none repeat scroll 0 0;
    border-bottom: 1px solid #acb8bb;
    border-top: 1px solid #eaf2f4;
    border-left: 1px solid #eaf2f4;
    border-right: 1px solid #acb8bb;
    color: #2b2e2e;
}

.toc .toc-h3 {
    padding-left: 20px;
    cursor: pointer;
    background: #d5e4e8 none repeat scroll 0 0;
    border-bottom: 1px solid #acb8bb;
    border-top: 1px solid #eaf2f4;
    border-left: 1px solid #eaf2f4;
    border-right: 1px solid #acb8bb;
    color: #2b2e2e;
}

.toc .toc-active {
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(63, 95, 125, 1) 0%, rgba(86, 151, 195, 1) 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(top , rgba(63, 95, 125, 1) 0%, rgba(86, 151, 195, 1) 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -o-linear-gradient(top , rgba(63, 95, 125, 1) 0%, rgba(86, 151, 195, 1) 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -ms-linear-gradient(top , rgba(63, 95, 125, 1) 0%, rgba(86, 151, 195, 1) 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(top , rgba(63, 95, 125, 1) 0%, rgba(86, 151, 195, 1) 100%) repeat scroll 0 0;
    border-bottom: 1px solid #3f5f7d;
    border-top: 1px solid #3f5f7d;
    border-left: 1px solid #3f5f7d;
    border-right: 1px solid #3f5f7d;
}

.toc .toc-active a {
    color: #dbe5ec;
}