ul.bbtreeview { background-image: url("line.png"); background-position: 4px 8px; background-repeat: repeat-y; list-style: none; padding: 0; margin: 0 0 0 8px; } ul.bbtreeview ul { background-image: url("line.png"); background-position: 4px 8px; background-repeat: repeat-y; list-style: none; margin: 0 0 0 8px; padding: 0; } ul.bbtreeview li { background-position: 0px calc((1.2em - 9px)/2); background-repeat: no-repeat; cursor: default; display: block; padding-left: 14px; width: 100%; } ul.bbtreeview li.c { background-image: url("expand.png"); } ul.bbtreeview li.e { background-image: url("collapse.png"); } ul.bbtreeview li.hidden { display: none; } ul.bbtreeview div.li { display: block; height: 1.2em; padding-left: 4px; } ul.bbtreeview div.li.highlighted { background-color: rgb(169, 201, 249, 0.7); } ul.bbtreeview div.li > div.icon { background-position: 0px center; background-repeat: no-repeat; display: inline-block; height: 100%; width: calc(16px); } ul.bbtreeview div.li > div.folder { background-image: url("folder.png"); } ul.bbtreeview li > div.li > div.checkbox { background-image: url("uncheckbox.png"); } ul.bbtreeview li.x > div.li > div.checkbox { background-image: url("checkbox.png"); } ul.bbtreeview div.li > span { -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; height: 1.2em; line-height: 1.2em; overflow: hidden; padding-left: 6px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }