anchor.diff:  <!-- END: VALUES BEING PASSED FROM BACKEND -->
   
   <c:set var="n"><portlet:namespace/></c:set>
  -
  +<style>
  +#${n}portletBrowser .dataTables_filter, #${n}portletBrowser .first.paginate_button, #${n}portletBrowser .last.paginate_button{
  +    display: none;
  +}
  +#${n}portletBrowser .dataTables-inline, #${n}portletBrowser .column-filter-widget, #${n}portletBrowser .column-filter-widget {
  +    display: inline-block;
  +}
  +#${n}portletBrowser .dataTables_wrapper {
  +    width: 100%;
  +}
  +#${n}portletBrowser .dataTables_paginate .paginate_button {
  +    margin: 2px;
  +    cursor: pointer;
  +    *cursor: hand;
  +}
  +#${n}portletBrowser .dataTables_paginate .paginate_active {
  +    margin: 2px;
  +    color:#000;
  +}
  +#${n}portletBrowser .dataTables-right {
  +    float:right;
  +}
  +</style>
   <!--
   PORTLET DEVELOPMENT STANDARDS AND GUIDELINES
   | For the standards and guidelines that govern
  
positive.code: 
      var $ = up.jQuery;
      var portletDeepLinkUrl = '<c:url value="/p/PORTLETFNAME"/>';
      var pager;
  
      var fetchStats = function() {
          var counts;
  
          $("#${n}loadingMessage").slideDown(500);
  
          $.ajax({
              url: '${popularPortletCountsUrl}',
              async: false,
              data: $("#${n}form").serialize(),
              type: 'GET',
              dataType: "json",
              success: function(data) { 
                  counts = data.counts; 
              },
              error: function(request, textStatus, error) {
                  alert("ERROR:  " + textStatus);
              }
          });
          
          $("#${n}loadingMessage").slideUp(1000);
          
          if (counts) {
              if (counts.length > 0) {
                  $("#${n}noneAdded").hide();
              } else {
                  $("#${n}noneAdded").show();
              }
          }
  
          return counts;
      }
  
      var updateTable = function() {
          var newPortlets = fetchStats();
          var newModel = up.fluid.copy(pager.model);
          newModel.totalRange = newPortlets.length;
          newModel.pageIndex = 0;
          newModel.pageCount = Math.max(1, Math.floor((newModel.totalRange - 1)/ newModel.pageSize) + 1);
          up.fluid.clear(pager.options.dataModel);
          up.fluid.model.copyModel(pager.options.dataModel, newPortlets);
          pager.permutation = undefined;
          pager.events.onModelChange.fire(newModel, pager.model, pager);
          up.fluid.model.copyModel(pager.model, newModel)
      }
  
      var options = {
          dataModel: fetchStats(),
          annotateColumnRange: 'title',
          columnDefs: [
              { key: "title", valuebinding: "*.portletTitle", sortable: true,
                  components: function(row, index) {
                      return {
                          markup: '<a href="' + portletDeepLinkUrl.replace("PORTLETFNAME", '${"${*.portletFName}"}') + '" title="\${*.portletDescription}">\${*.portletTitle}</a>'
                      }
                  }
              },
              { key: "count", valuebinding: "*.count", sortable: true }
          ],
          bodyRenderer: {
            type: "fluid.pager.selfRender",
            options: {
                selectors: {
                   root: "#${n}portletsTable"
                },
                row: "row:"
              }
              
          },
          pagerBar: {type: "fluid.pager.pagerBar", options: {
            pageList: {type: "fluid.pager.renderedPageList",
              options: { 
                linkBody: "a"
              }
            }
          }}
      };
      pager = up.fluid.pager("#${n}popularPortlets", options);
  
      $("#${n}days").change(updateTable);
      $("#${n}fromDate").change(updateTable);
  
      $(".cal-datepicker").datepicker();
  
  });
  </script>
  
negative.code: -->
      
  <!-- Portlet -->
  <div id="${n}portletBrowser" class="fl-widget portlet" role="section">
  <form id="${n}form">
    
    <!-- Portlet Title -->
    <div class="fl-widget-titlebar portlet-title" role="sectionhead">
      <h2 role="heading"><spring:message code="most.frequently.added"/></h2>
    </div> <!-- end: portlet-title -->
    
    <!-- Portlet Toolbar -->
  