anchor.diff:  
     <ul id="pathsList">
       <c:forEach var="path" items="${paths}" varStatus="status">
  -      <li id="${path}_${status.count}">${path}</li>
  +      <li id="${path}_${status.count}">
  +          <div class="viewpath">
  +          ${path}
  +          <a href="javascript:removeElement('${path}_${status.count}')" title="Remove ${path} from the export"><img border="0" align="top"
  +           src="images/cross.gif" width="10" height="10" 
  +           title="x" style="position: relative; top: -3px; left: 2px;"/></a>
  +          </div>
  +      </li>
       </c:forEach>
     </ul>
   
  
positive.code:       var sorted = jQuery('#pathsList').sortable( "serialize");
        jQuery('#pathsString').val(sorted);
    }
  </script>
  <style type="text/css" media="screen">
      .ui-selected{
  
negative.code:     #pathsList li{
          float:left;
          list-style: none;
          border:1px solid #bbbbbb;
          background:#FFF;
          padding:5px;
          margin:5px 1px 10px 1px;
  