Use different bullet images for nested lists.

vasl_templates/webapp/data/default-template-pack/common.css

@@ -6,7 +6,11 @@ body {
 p { margin-top: 5px ; margin-bottom: 0 ; }
 
 ul { margin: 0 ; padding: 0 0 0 10px ; }
-{%if CUSTOM_LIST_BULLETS%} ul { list-style-image: url("{{IMAGES_BASE_URL}}/bullet.png") ; } {%endif%}
+{%if CUSTOM_LIST_BULLETS%}
+ul { list-style-image: url("{{IMAGES_BASE_URL}}/bullet.png") ; }
+ul ul { list-style-image: url("{{IMAGES_BASE_URL}}/bullet2.png") ; }
+ul ul ul { list-style-image: url("{{IMAGES_BASE_URL}}/bullet3.png") ; }
+{%endif%}
 
 td { margin: 0 ; padding: 0 ; }
 td.c { text-align: center ; }