anchor.diff:      <title>Welcome to Pronostico</title>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <link href="css/bootstrap.min.css" rel="stylesheet">
  +    <link href="css/theme.bootstrap.css" rel="stylesheet">
  +    <link href="addons/pager/jquery.tablesorter.pager.css" rel="stylesheet">
       <link href="css/hello.css" rel="stylesheet">
  +    <script src="js/jquery-1.10.2.min.js"></script>
  +    <script src="js/bootstrap.min.js"></script>
  +    <script src="js/jquery.tablesorter.js"></script>
  +	<script src="js/jquery.tablesorter.widgets.js"></script>	
  +	<script src="addons/pager/jquery.tablesorter.pager.js"></script>
  +	<script id="js">
  +	
  +	$(function() {
  +
  +		$("#fullComputedBetGamesTable").tablesorter({
  +
  +			theme : "bootstrap",
  +	
  +			widthFixed: true,
  +	
  +			headerTemplate : '{content} {icon}', // new in v2.7. Needed to add the bootstrap icon!
  +	
  +			widgets : [ "uitheme", "zebra" ]		
  +		})
  +		.tablesorterPager({
  +	
  +			container: $(".ts-pager"),
  +	
  +			cssGoto  : ".pagenum",
  +	
  +			removeRows: false,
  +	
  +			output: '{startRow} - {endRow} / {filteredRows} ({totalRows})'	
  +		});
  +	});
  +
  +    </script>
     </head>
     <body>
       <div>
  
positive.code: 		        <h4 class="modal-title" id="historyModalLabel">History</h4>
  		      </div>
  		      <div class="modal-body">
  		        <table class="table table-striped table-condensed">
  		          	<thead>
  		          		<tr>
  		          			<th>Game</th>
  
negative.code: 		      <div class="modal-footer">
  		        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  		      </div>
  		    </div>
  		  </div>
  		</div>
  	
      
    </body>
  </html>