Add/fix styles for a hierarchical list of address books

skins/classic/addressbook.css

@@ -160,16 +160,44 @@
   background-repeat: no-repeat;
 }
 
-#directorylist li ul li a
+#directorylist ul li a
 {
   padding-left: 45px;
+  background-position: 22px -108px;
+}
+
+#directorylist ul ul li a
+{
+  padding-left: 62px;
+  background-position: 39px -108px;
+}
+
+#directorylist ul ul ul li a
+{
+  padding-left: 79px;
+  background-position: 39px -108px;
 }
 
 #directorylist li.contactgroup a
+{
+  background-position: 5px -143px;
+}
+
+#directorylist ul li.contactgroup a
 {
   background-position: 22px -143px;
 }
 
+#directorylist ul ul li.contactgroup a
+{
+  background-position: 39px -143px;
+}
+
+#directorylist ul ul ul li.contactgroup a
+{
+  background-position: 56px -143px;
+}
+
 #savedsearchlist li.contactsearch a
 {
   background-position: 6px -162px;

skins/classic/common.css

@@ -671,18 +671,21 @@ ul.treelist li
 ul.treelist li div.treetoggle
 {
   position: absolute;
-  left: 8px !important;
-  left: -16px;
+  left: 8px;
   top: 1px;
   width: 14px;
   height: 16px;
   cursor: pointer;
 }
 
-ul.treelist li ul li div.treetoggle
+ul.treelist ul li div.treetoggle
 {
-  left: 28px !important;
-  left: 4px;
+  left: 25px;
+}
+
+ul.treelist ul ul li div.treetoggle
+{
+  left: 42px;
 }
 
 ul.treelist li div.collapsed
@@ -745,7 +748,8 @@ ul.treelist li ul li:last-child
   border-bottom: 0;
 }
 
-ul.treelist li.selected > a
+ul.treelist li.selected > a,
+ul.treelist li.selected > div a
 {
   color: #FFF;
   font-weight: bold;