<ul class="lotusTree" role="tree">
<li role="treeitem" aria-expanded="true"><a href="javascript:;"><img class="yourProductSprite yourProductSprite-iconCollapseTree" src="../../css/images/blank.gif" alt="Collapse node" title="Collapse node"/><span class="lotusAltText">-</span></a><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Activity:" /><a href="javascript:;">Level 1</a>
<ul role="group">
<li role="treeitem" aria-expanded="false"><input type="checkbox" title="To do" checked="checked" /><a href="javascript:;">Level 2</a></li>
<li role="treeitem" aria-expanded="false"><img class="lotusIcon yourProductSprite yourProductSprite-ftText16" src="../../css/images/blank.gif" title="Message" alt="Message" /><a href="javascript:;">Level 2</a></li>
<li role="treeitem" aria-expanded="true"><a href="javascript:;"><img class="yourProductSprite yourProductSprite-iconCollapseTree" src="../../css/images/blank.gif" alt="Collapse node" title="Collapse node"/><span class="lotusAltText">-</span></a><img class="lotusIcon yourProductSprite yourProductSprite-ftText16" src="../../css/images/blank.gif" title="Message" alt="Message" /><a href="javascript:;">Level 2</a>
<ul role="group">
<li role="treeitem" aria-expanded="false"><img class="lotusIcon yourProductSprite yourProductSprite-ftText16" src="../../css/images/blank.gif" title="Message" alt="Message" /><a href="javascript:;">Level 3</a></li>
<li role="treeitem" aria-expanded="false"><input type="checkbox" title="To do" /><a href="javascript:;">Level 3</a></li>
<li role="treeitem" aria-expanded="false"><img class="lotusIcon yourProductSprite yourProductSprite-ftText16" src="../../css/images/blank.gif" title="Message" alt="Message" /><a href="javascript:;">Level 3</a></li>
</ul>
</li>
<li role="treeitem" aria-expanded="false"><img class="lotusIcon yourProductSprite yourProductSprite-ftText16" src="../../css/images/blank.gif" title="File" alt="File" /><a href="javascript:;">Level 2</a></li>
</ul>
</li>
<li role="treeitem" aria-expanded="true"><a href="javascript:;"><img class="yourProductSprite yourProductSprite-iconCollapseTree" src="../../css/images/blank.gif" alt="Collapse node" title="Collapse node"/><span class="lotusAltText">-</span></a><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Activity:" /><a href="javascript:;">Level 2</a>
<ul rold="group">
<li role="treeitem" aria-expanded="false"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Activity:" /><a href="javascript:;">Level 2</a></li>
<li role="treeitem" aria-expanded="false"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" title="Bookmark" alt="Bookmark" /><a href="javascript:;">Level 2</a></li>
<li role="treeitem" aria-expanded="false"><a href="javascript:;"><img class="yourProductSprite yourProductSprite-iconExpandTree" src="../../css/images/blank.gif" alt="Expand node" title="Expand node"/><span class="lotusAltText">+</span></a><img class="lotusIcon yourProductSprite yourProductSprite-ftText16" src="../../css/images/blank.gif" title="Message" alt="Message" /><a href="javascript:;">Expandable Node</a></li>
</ul>
</li>
</ul>