anchor.diff:              tolerance: "touch",
               drop: function(event, ui) {
                   jQuery(this).find(".placeholder").remove();
  -                var topicId = ui.draggable.attr('topic-id');
  -                if(jQuery(this).find("li[topic-id='" + topicId + "']").length == 0) {
  -                    if(jQuery(this).children().length < selectedList_limit){
  -                        var link = jQuery("<div class='dismiss'><a href='#' title='Remove bid'>x</a></div>");
  -                        var list = jQuery("<li class='topic'></li>").html(ui.draggable.html());
  -                        jQuery(list).attr('topic-id', topicId);
  -                        jQuery(list).find('div.topic-content-wrapper').prepend(link);
  -                        jQuery(list).appendTo(this);
  -                    } else {
  -                        alert('Maximum number of bids reached. Please remove any bid to continue with subsequent bids.');
  -                    }
  -                } else {
  -                    alert('You have already bid for this topic. Please choose a different topic.');
  -                }
  +                addTopicToSelectedList(ui.draggable);
               }
           }).sortable({
               axis: "y",
  
positive.code:         padding: 2px;
          margin-right: 5px;
          border-radius: 20px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          text-align: center;
          font-weight: bold;
      }
      .bid-count-color {
          background-color: #73A2EF !important;
          color: #fff !important;
      }
      .total-count-color {
          background-color: #FF7563 !important;
          color: #fff !important;
      }
  </style>
  <h1>Signup sheet for <%= Assignment.find(params[:id]).name %> assignment</h1>
  
negative.code:     }
      .dismiss {
          float: right;
          padding: 4px;
          margin-top: 4px;
      }
      .topic-content-wrapper {
          overflow: auto;
  