<ul style="list-style-image: url(/images/panel/arrows.png);">
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list2" onclick="searchFrom('2')">Accounting - <span style="color: #666;" id="num2">1</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list4" onclick="searchFrom('4')">Articles & Whitepapers - <span style="color: #666;" id="num4">1</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list1" onclick="searchFrom('1')">Business - <span style="color: #666;" id="num1">10</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list8" onclick="searchFrom('8')">Diagnostics - <span style="color: #666;" id="num8">2</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list6" onclick="searchFrom('6')">Marketing - <span style="color: #666;" id="num6">0</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list7" onclick="searchFrom('7')">Promotional Material - <span style="color: #666;" id="num7">1</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list5" onclick="searchFrom('5')">Software - <span style="color: #666;" id="num5">0</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list3" onclick="searchFrom('3')">Tools & Resources - <span style="color: #666;" id="num3">1</span></span></li>
  <li><span style="cursor: pointer; display: block; width: auto; color: #333;" id="list9" onclick="searchFrom('9')">Web Services - <span style="color: #666;" id="num9">0</span></span></li>
</ul>