.table-of-contents { background-color: #eee; border: 1px solid #ccc; padding: 10px; display: inline-block; max-width: 480px; }
.table-of-contents h2.toc-title { margin: 0 10px 5px 10px; }
.table-of-contents .hierarchy-list { border-bottom: 1px solid #ddd;}
.table-of-contents .hierarchy-list .hierarchy-list { border-bottom: none;}
.table-of-contents .hierarchy-item { border-bottom: none; border-top: 1px solid #ddd; padding: 0;}
.table-of-contents .hierarchy-item .hierarchy-item { padding-left: 20px;}
.table-of-contents .hierarchy-item a { display: block; }

.table-of-contents ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.table-of-contents .hierarchy-list li a { padding: 0 !important;}
.table-of-contents .hierarchy-list .hierarchy-item a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: none; !important; padding: 5px 10px !important; }
.table-of-contents .hierarchy-list .hierarchy-item a:hover { border: none; !important; background: #ddd !important; }

/*
.table-of-contents { background-color: #eee; border: 1px solid #ccc; padding: 10px; display: inline-block; max-width: 450px; }
.table-of-contents h2.toc-title { border-bottom:medium none; margin-bottom:0.25em; padding-top:0;}
.table-of-contents .hierarchy-list { margin: 0 ;border-bottom: 1px dotted #ccc;}
.table-of-contents .hierarchy-list .hierarchy-list { border-bottom: none;}
.table-of-contents .hierarchy-item { border-bottom: none; border-top: 1px dotted #ccc; padding: 0;}
.table-of-contents .hierarchy-item .hierarchy-item { padding-left: 11px;}
.table-of-contents .hierarchy-item a { padding: 2px 0; display: block;}
*/