Index: lams_central/web/css/rating.scss
===================================================================
diff -u -rdf411d8446000acfdb5937f46a7a7e8ef4b656e0 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_central/web/css/rating.scss	(.../rating.scss)	(revision df411d8446000acfdb5937f46a7a7e8ef4b656e0)
+++ lams_central/web/css/rating.scss	(.../rating.scss)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -62,11 +62,3 @@
 	margin-top: 0;
 	margin-bottom: 12px;
 }
-
-/** Remove the following once we move all tools to use Rating.tag.  **/
-.rating-stars-div {
-	float: right;
-	padding-right: 10px;
-	margin-top: -8px;
-	min-height: 45px;
-}
Index: lams_common/src/java/org/lamsfoundation/lams/rating/RatingUtil.java
===================================================================
diff -u
--- lams_common/src/java/org/lamsfoundation/lams/rating/RatingUtil.java	(revision 0)
+++ lams_common/src/java/org/lamsfoundation/lams/rating/RatingUtil.java	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -0,0 +1,28 @@
+package org.lamsfoundation.lams.rating;
+
+public class RatingUtil {
+    
+    public static String constructRatingTagDisabled(String averageRating, String averageRatingLabel) {
+	int averageRatingFloor = (int) Math.floor(Double.parseDouble(averageRating));
+	String dataRating = String.valueOf(averageRatingFloor) + (Double.parseDouble(averageRating) % 1 >= 0.5 ? ".5" : "");
+	
+	String starString = 
+		"<div class='extra-controls-inner'>" +
+			"<div class='starability-holder'>" +
+//				<c:if test="${not hideCriteriaTitle}">
+//					<legend class="text-muted fw-bold">
+//						${criteriaDto.ratingCriteria.title}
+//					</legend>
+//				</c:if>
+				"<div class='starability starability-result' data-rating='" + dataRating + "'>" +
+				"</div>" +
+					
+				"<div class='starability-caption'>" +
+					averageRatingLabel +
+				"</div>" +
+			"</div>" +
+		"</div>";
+	return starString;
+    }
+
+}
Index: lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/web/controller/MonitoringController.java
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/web/controller/MonitoringController.java	(.../MonitoringController.java)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/web/controller/MonitoringController.java	(.../MonitoringController.java)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -60,6 +60,7 @@
 import org.lamsfoundation.lams.qb.dto.QbStatsActivityDTO;
 import org.lamsfoundation.lams.qb.model.QbQuestion;
 import org.lamsfoundation.lams.qb.service.IQbService;
+import org.lamsfoundation.lams.rating.RatingUtil;
 import org.lamsfoundation.lams.rating.dto.RatingCommentDTO;
 import org.lamsfoundation.lams.rating.model.Rating;
 import org.lamsfoundation.lams.rating.model.RatingCriteria;
@@ -629,19 +630,9 @@
 			    double ratingSum = ratings.stream().mapToDouble(Rating::getRating).sum();
 			    String averageRating = NumberUtil.formatLocalisedNumberForceDecimalPlaces(
 				    ratingSum / numberOfVotes, null, 2);
-
-			    starString = "<div class='rating-stars-holder'>";
-			    starString +=
-				    "<div class='rating-stars-disabled rating-stars-new' data-average='" + averageRating
-					    + "' data-id='" + ratingCriteriaId + "'>";
-			    starString += "</div>";
-			    starString +=
-				    "<div class='rating-stars-caption' id='rating-stars-caption-" + ratingCriteriaId
-					    + "' >";
-			    String msg = service.getMessage("label.average.rating",
-				    new Object[] { averageRating, numberOfVotes });
-			    starString += msg;
-			    starString += "</div>";
+			    
+			    String averageRatingLabel = service.getMessage("label.average.rating", new Object[] { averageRating, numberOfVotes });
+			    starString = RatingUtil.constructRatingTagDisabled(averageRating, averageRatingLabel);
 			}
 		    }
 		    userData.add(starString);
Index: lams_tool_assessment/web/pages/monitoring/parts/discloseAnswers5.jsp
===================================================================
diff -u -r358c00c5ad71e03c7b22e30b8bcd883375ff6e1e -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_assessment/web/pages/monitoring/parts/discloseAnswers5.jsp	(.../discloseAnswers5.jsp)	(revision 358c00c5ad71e03c7b22e30b8bcd883375ff6e1e)
+++ lams_tool_assessment/web/pages/monitoring/parts/discloseAnswers5.jsp	(.../discloseAnswers5.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -5,7 +5,7 @@
 		var toolContentId = resultsPane.data('toolContentId');
 		// load an embedded results list
 		// show details button needs to be set in the page which included this page
-		resultsPane.load("<c:url value='/learning/showResultsForTeacher.do'/>?embedded=true&bootstrap5=true&sessionMapID=${sessionMapID}&showQuestionDetailsButton="
+		resultsPane.load("<c:url value='/learning/showResultsForTeacher.do'/>?embedded=true&sessionMapID=${sessionMapID}&showQuestionDetailsButton="
 						  + showQuestionDetailsButton + "&toolContentID=" + toolContentId, function(){
 			var assessmentQuestionsPane = $(this).closest('.assessment-questions-pane').length 
 					? $(this).closest('.assessment-questions-pane') : $('.assessment-questions-pane-ira'),
Index: lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp
===================================================================
diff -u -rcfd463431d2171b40403dcff2508408e72685c0e -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision cfd463431d2171b40403dcff2508408e72685c0e)
+++ lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -8,7 +8,7 @@
 <lams:html>
 	<lams:head>
 		<%@ include file="/common/header.jsp"%>
-		<lams:css suffix="jquery.jRating"/>
+		<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 		
 		<link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
 		<link type="text/css" href="${lams}css/free.ui.jqgrid.min.css" rel="stylesheet">
@@ -44,9 +44,6 @@
 				LABEL_VERY_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.very.sure" /></spring:escapeBody>'
 			};
 			
-			//var for jquery.jRating.js
-			var pathToImageFolder = "${lams}images/css/";
-			
 			//vars for rating.js
 			var MAX_RATES = 0,
 				MIN_RATES = 0,
@@ -61,8 +58,7 @@
 	 	<script type="text/javascript" src="${lams}includes/javascript/jquery.jqGrid.confidence-level-formattter.js"></script>
 	 	<lams:JSImport src="includes/javascript/portrait.js" />
 	 	<script type="text/javascript" src="${lams}includes/javascript/Sortable.js"></script>
-	 	<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
-		<lams:JSImport src="includes/javascript/rating.js" />
+		<lams:JSImport src="includes/javascript/rating5.js" />
 
 		<c:if test="${not empty questionDto.codeStyle}">
 			<script type="text/javascript" src="${lams}includes/javascript/codemirror/addon/runmode/runmode-standalone.js"></script>
@@ -202,7 +198,7 @@
 	  	  	  				}
 	  	  	  			},
   						loadComplete: function () {
-  							initializeJRating();
+  							initializeStarability();
   					   	 	initializePortraitPopover('<lams:LAMSURL/>');
 
 	  						if (typeof CodeMirror != 'undefined') {
Index: lams_tool_doku/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_doku/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_doku/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -16,7 +16,7 @@
 
 <%@ page import="org.lamsfoundation.lams.tool.dokumaran.DokumaranConstants"%>
 
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css"/>
 <link rel="stylesheet" href="${lams}css/jquery.tablesorter.pager.css" />
@@ -141,10 +141,8 @@
 <lams:JSImport src="includes/javascript/etherpad.js" />
 <lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
 <script type="text/javascript">
-	//var for jquery.jRating.js
-	var pathToImageFolder = "${lams}images/css/",
-			//vars for rating.js
-			AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
+	//vars for rating.js
+	var		AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
 			YOUR_RATING_LABEL = '<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.your.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param><fmt:param>@3@</fmt:param></fmt:message></spring:escapeBody>',
 			MAX_RATES = 0,
 			MIN_RATES = 0,
@@ -485,8 +483,7 @@
 	}
 
 </script>
-<lams:JSImport src="includes/javascript/rating.js" />
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
+<lams:JSImport src="includes/javascript/rating5.js" />
 
 <!-- Extra container div to isolate content from multiple Application Excercise tabs in TBL monitoring -->
 <div id="doku-monitoring-summary-${sessionMap.toolContentID}" class="doku-monitoring-summary">
@@ -605,7 +602,7 @@
 								<td>${groupSummary.sessionName}</td>
 								<td>
 									<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}"
-												 isItemAuthoredByUser="true"
+												 isDisplayOnly="true"
 												 hideCriteriaTitle="true" />
 								</td>
 							</tr>
@@ -678,7 +675,7 @@
 					</c:if>
 
 					<c:if test="${dokumaran.galleryWalkStarted and not dokumaran.galleryWalkReadOnly}">
-						<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}" isItemAuthoredByUser="true" />
+						<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}" isDisplayOnly="true" />
 					</c:if>
 
 					<lams:Etherpad groupId="${groupSummary.sessionId}" padId="${groupSummary.padId}"
Index: lams_tool_doku/web/pages/monitoring/summary5.jsp
===================================================================
diff -u -r0356b71a54403d2a4f45a3b90e5fab4fc3c11dd7 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_doku/web/pages/monitoring/summary5.jsp	(.../summary5.jsp)	(revision 0356b71a54403d2a4f45a3b90e5fab4fc3c11dd7)
+++ lams_tool_doku/web/pages/monitoring/summary5.jsp	(.../summary5.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -16,7 +16,7 @@
 
 <%@ page import="org.lamsfoundation.lams.tool.dokumaran.DokumaranConstants"%>
 
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css"/>
 <link rel="stylesheet" href="${lams}css/jquery.tablesorter.pager5.css" />
 
@@ -110,10 +110,8 @@
 <lams:JSImport src="includes/javascript/etherpad.js" />
 <lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
 <script type="text/javascript">
-	//var for jquery.jRating.js
-	var pathToImageFolder = "${lams}images/css/",
-			//vars for rating.js
-			AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
+	//vars for rating.js
+	var	AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
 			YOUR_RATING_LABEL = '<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.your.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param><fmt:param>@3@</fmt:param></fmt:message></spring:escapeBody>',
 			MAX_RATES = 0,
 			MIN_RATES = 0,
@@ -420,8 +418,7 @@
 	}
 
 </script>
-<lams:JSImport src="includes/javascript/rating.js" />
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
+<lams:JSImport src="includes/javascript/rating5.js" />
 
 <!-- Extra container div to isolate content from multiple Application Excercise tabs in TBL monitoring -->
 <div id="doku-monitoring-summary-${sessionMap.toolContentID}" class="doku-monitoring-summary container-fluid">
@@ -546,7 +543,7 @@
 										<td>${groupSummary.sessionName}</td>
 										<td>
 											<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}"
-														 isItemAuthoredByUser="true"
+														 isDisplayOnly="true"
 														 hideCriteriaTitle="true" />
 										</td>
 									</tr>
@@ -607,7 +604,7 @@
 						</c:when>
 						<c:otherwise>
 							<c:if test="${dokumaran.galleryWalkStarted and not dokumaran.galleryWalkReadOnly}">
-								<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}" isItemAuthoredByUser="true" />
+								<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}" isDisplayOnly="true" />
 							</c:if>
 
 							<lams:Etherpad groupId="${groupSummary.sessionId}" padId="${groupSummary.padId}"
Index: lams_tool_images/web/pages/monitoring/imagesummary.jsp
===================================================================
diff -u -r1d916bd84f5a4a5057e22ac626ec22716d1149e7 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_images/web/pages/monitoring/imagesummary.jsp	(.../imagesummary.jsp)	(revision 1d916bd84f5a4a5057e22ac626ec22716d1149e7)
+++ lams_tool_images/web/pages/monitoring/imagesummary.jsp	(.../imagesummary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -12,12 +12,9 @@
 		<c:set var="imageGallery" value="${sessionMap.imageGallery}" />		
 		
 		<%@ include file="/common/header.jsp"%>
-		<lams:css suffix="jquery.jRating"/>
+		<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 		
 		<script type="text/javascript">
-			//var for jquery.jRating.js
-			var pathToImageFolder = "${lams}images/css/";
-		
 			//vars for rating.js
 			var AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
 			YOUR_RATING_LABEL = '',
@@ -32,8 +29,7 @@
 			WARN_MIN_NUMBER_WORDS_LABEL = '';
 		</script>
 		<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
-		<lams:JSImport src="includes/javascript/rating.js" />
-		<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
+		<lams:JSImport src="includes/javascript/rating5.js" />
 	</lams:head>
 	
 <body class="stripes">
@@ -78,7 +74,7 @@
 			
 			<c:if test="${imageGallery.allowRank}">
 				<lams:Rating itemRatingDto="${itemRatingDto}" disabled="true"
-						isItemAuthoredByUser="true"
+						isDisplayOnly="true"
 						maxRates="0" 
 						countRatedItems="0" />
 			</c:if>
Index: lams_tool_images/web/pages/monitoring/monitoring.jsp
===================================================================
diff -u -r5274ca56bc898b027104d2d37105e9778927a831 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_images/web/pages/monitoring/monitoring.jsp	(.../monitoring.jsp)	(revision 5274ca56bc898b027104d2d37105e9778927a831)
+++ lams_tool_images/web/pages/monitoring/monitoring.jsp	(.../monitoring.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -24,8 +24,8 @@
 		</title>
 		<%@ include file="/common/tabbedheader.jsp" %>
 		
-		<link href="${lams}css/thickbox.css" rel="stylesheet" type="text/css" media="screen">
-		<lams:css suffix="jquery.jRating"/>
+		<link href="${lams}css/thickbox.css" rel="stylesheet" type="text/css">
+		<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 		<link href="${lams}css/jquery.tablesorter.theme.bootstrap.css" rel="stylesheet" >
 		<link rel="stylesheet" href="${lams}css/jquery.tablesorter.pager.css">
 		<link href="${lams}css/uppy.min.css" rel="stylesheet" type="text/css" />
@@ -45,9 +45,6 @@
 		</style>
 		
 		<script type="text/javascript">
-			//var for jquery.jRating.js
-			var pathToImageFolder = "${lams}images/css/";
-		
 			//vars for rating.js
 			var AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
 			YOUR_RATING_LABEL = '',
@@ -76,8 +73,7 @@
  		<script type="text/javascript" src="${lams}includes/javascript/thickbox.js"></script>
 		<lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
 		<script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter.js"></script>
-		<lams:JSImport src="includes/javascript/rating.js" />
-		<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
+		<lams:JSImport src="includes/javascript/rating5.js" />
 		<script>
 			var initialTabId = "${initialTabId}";
 	
Index: lams_tool_images/web/pages/monitoring/statistic.jsp
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_images/web/pages/monitoring/statistic.jsp	(.../statistic.jsp)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_images/web/pages/monitoring/statistic.jsp	(.../statistic.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -71,7 +71,7 @@
 						<c:when test="${sessionMap.imageGallery.allowRank}">	
 							<td style="vertical-align:middle; padding-left:0px; text-align:center;">
 								<lams:Rating itemRatingDto="${summary.itemRatingDto}" disabled="true" 
-										isItemAuthoredByUser="true"
+										isDisplayOnly="true"
 										maxRates="0" 
 										countRatedItems="0" />
 							</td>
Index: lams_tool_images/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_images/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_images/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -137,7 +137,7 @@
 						<c:when test="${sessionMap.imageGallery.allowRank}">
 							<td style="vertical-align:middle; padding-left:0px; text-align:center;">
 								<lams:Rating itemRatingDto="${summary.itemRatingDto}" disabled="true" showComments="false"
-										isItemAuthoredByUser="true"
+										isDisplayOnly="true"
 										maxRates="0" 
 										countRatedItems="0" />
 							</td>
Index: lams_tool_laqa/web/includes/css/qalearning.scss
===================================================================
diff -u -r8121ab6e6a1166176a6c77a34a4eeee03ff0787c -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_laqa/web/includes/css/qalearning.scss	(.../qalearning.scss)	(revision 8121ab6e6a1166176a6c77a34a4eeee03ff0787c)
+++ lams_tool_laqa/web/includes/css/qalearning.scss	(.../qalearning.scss)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -1,6 +1,5 @@
 @import "_lams_variables.scss";
 
-.rating-stars-div {margin-top: 8px;}
 .user-answer {padding: 0 2px;}
 
 .tablesorter-blue {margin-bottom: 5px;}
Index: lams_tool_laqa/web/learning/LearnerRep.jsp
===================================================================
diff -u -r169520b6cf03e63865f09db66f593677b1c5580b -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_laqa/web/learning/LearnerRep.jsp	(.../LearnerRep.jsp)	(revision 169520b6cf03e63865f09db66f593677b1c5580b)
+++ lams_tool_laqa/web/learning/LearnerRep.jsp	(.../LearnerRep.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -184,7 +184,7 @@
 								</lams:Alert5>
 							</c:if>
 						
-							<lams:TSTable5 numColumns="${numColumns}" dataId='data-question-uid="${question.uid}"' tableClass="tablesorter jRating">
+							<lams:TSTable5 numColumns="${numColumns}" dataId='data-question-uid="${question.uid}"' tableClass="tablesorter">
 								<th title="<fmt:message key='label.sort.by.answer'/>">
 									<fmt:message key="label.learning.answer" />
 								</th>
Index: lams_tool_laqa/web/monitoring/MonitoringMaincontent.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_laqa/web/monitoring/MonitoringMaincontent.jsp	(.../MonitoringMaincontent.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_laqa/web/monitoring/MonitoringMaincontent.jsp	(.../MonitoringMaincontent.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -15,14 +15,11 @@
 	<lams:css />
 	<link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
 	<link type="text/css" href="${lams}css/jquery-ui.timepicker.css" rel="stylesheet">
-	<lams:css suffix="jquery.jRating"/>
+	<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.tablesorter.theme.bootstrap.css">
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.tablesorter.pager.css"> 
 	<link type="text/css" rel="stylesheet" href="${tool}ncludes/css/qalearning.css">
 	<style media="screen,projection" type="text/css">
-		.rating-stars-div {
-			padding-top: 12px;
-		}
 		.dialog {
 			display: none;
 		}
@@ -49,9 +46,6 @@
 			messageRestrictionSet: '<fmt:message key="monitor.summary.date.restriction.set" />',
 			messageRestrictionRemoved: '<fmt:message key="monitor.summary.date.restriction.removed" />'
 		};	
-	
-		//var for jquery.jRating.js
-		var pathToImageFolder = "${lams}images/css/";
 		
 		//vars for rating.js
 		var AVG_RATING_LABEL = '<fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message>',
@@ -71,11 +65,10 @@
 	<script type="text/javascript" src="${lams}includes/javascript/jquery-ui.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery-ui.timepicker.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter-pager.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter-widgets.js"></script> 
-	<lams:JSImport src="includes/javascript/rating.js" />
+	<lams:JSImport src="includes/javascript/rating5.js" />
 	<lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
 	<script type="text/javascript" src="${lams}includes/javascript/bootstrap.min.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/bootstrap.tabcontroller.js"></script>
@@ -145,28 +138,19 @@
 									rows += '<td style="width:150px;">';
 									
 									if (userData["visible"] == 'true') {
-										rows += '<div class="rating-stars-holder">';
+										rows += '<div class="starability-holder">';
 										
 										for (j = 0; j < userData.criteriaDtos.length; j++){
-											var criteriaDto = userData.criteriaDtos[j];
-											var objectId = criteriaDto["ratingCriteriaId"] + "-" + itemId;
-											var averageRating = criteriaDto.averageRating;
-											var numberOfVotes = criteriaDto.numberOfVotes;
-											var userRating = criteriaDto.userRating;
-											var isCriteriaNotRatedByUser = userRating == "";
-											var averageRatingDisplayed = averageRating;
-											var ratingStarsClass = "rating-stars-disabled";
-								
-											rows += '<h4>';
-											rows += 	 criteriaDto.title;
-											rows += '</h4>';
-											
-											rows += '<div class="'+ ratingStarsClass +' rating-stars-new" data-average="'+ averageRatingDisplayed +'" data-id="'+ objectId +'">';
-											rows += '</div>';
-											
-												rows += '<div class="rating-stars-caption">';
-												rows += 	AVG_RATING_LABEL.replace("@1@", averageRating).replace("@2@", numberOfVotes);
-												rows += '</div>';
+											const criteriaDto = userData.criteriaDtos[j],
+												isDisplayOnly = true,
+												objectId = criteriaDto["ratingCriteriaId"] + "-" + itemId,
+												averageRating = criteriaDto.averageRating,
+												numberOfVotes = criteriaDto.numberOfVotes,
+												userRating = criteriaDto.userRating,
+												isCriteriaRatedByUser = userRating != "",
+												isWidgetDisabled = true,
+												criteriaTitle = criteriaDto.title;
+											rows += createStarability(isDisplayOnly, objectId, averageRating, numberOfVotes, userRating, isWidgetDisabled, criteriaTitle);
 										}
 										
 										rows += '</div>';
@@ -212,7 +196,7 @@
 				// bind to pager events
 				.bind('pagerInitialized pagerComplete', function(event, options){
 					$("time.timeago").timeago();
-					initializeJRating();
+					initializeStarability();
 					initializePortraitPopover('${lams}');
 				})
 			});
Index: lams_tool_laqa/web/monitoring/PrintAnswers.jsp
===================================================================
diff -u -r265cd3e424cd797379c4c4d281550914a4dfdd22 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_laqa/web/monitoring/PrintAnswers.jsp	(.../PrintAnswers.jsp)	(revision 265cd3e424cd797379c4c4d281550914a4dfdd22)
+++ lams_tool_laqa/web/monitoring/PrintAnswers.jsp	(.../PrintAnswers.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -14,7 +14,7 @@
 	<title>${content.title}</title>
 
 	<lams:css />
-	<lams:css suffix="jquery.jRating"/>
+	<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 	
 	<style media="screen,projection" type="text/css">
 		body { margin: 20px;}
@@ -45,36 +45,53 @@
 		</c:if>
 	</tr>
 	<c:forEach var="response" items="${responses}">
-	<tr>
-		<td><c:out value="${response.qaQueUser.username}" escapeXml="true"/> </td>
-		<td><c:out value="${response.qaQueUser.fullname}" escapeXml="true"/> </td>
-		<td>${response.answer}</td>
-		<td><lams:Date value="${response.attemptTime}"/> </td>
-
-		<c:if test="${content.allowRateAnswers}">
-		<td>
-			<c:forEach var="criteriaDTO" items="${criteriaMap[response.responseId]}">
-			<div class="rating-stars-holder">
-				${criteriaDTO.ratingCriteria.title}<br/>
-				<fmt:message key="label.average.rating"><fmt:param value="${criteriaDTO.averageRating}"/>
-					<fmt:param value="${criteriaDTO.numberOfVotes}"/></fmt:message><br/><br/>
-			</div>
-			</c:forEach>
-		</td>
-		</c:if>
-		
-		<c:if test="${isCommentsEnabled}">
-		<td>
-			<c:forEach var="commentDTO" items="${commentMap[response.responseId]}">
-			<div class="rating-comment">
-				<c:set var="postedDate"><lams:Date value="${commentDTO.postedDate}"/></c:set>
-				<fmt:message key="label.posted.by"><fmt:param value="${commentDTO.userFullName}"/><fmt:param value="${postedDate}"/></fmt:message><br/>
-				${commentDTO.comment}<br/><br/>
-			</div>
-			</c:forEach>
-		</td>
-		</c:if>
-	</tr>
+		<tr>
+			<td>
+				<c:out value="${response.qaQueUser.username}" escapeXml="true"/> 
+			</td>
+			<td>
+				<c:out value="${response.qaQueUser.fullname}" escapeXml="true"/> 
+			</td>
+			<td>
+				${response.answer}
+			</td>
+			<td>
+				<lams:Date value="${response.attemptTime}"/> 
+			</td>
+	
+			<c:if test="${content.allowRateAnswers}">
+				<td>
+					<c:forEach var="criteriaDTO" items="${criteriaMap[response.responseId]}">
+						<div class="starability-holder">
+							${criteriaDTO.ratingCriteria.title}
+							<br/>
+							<fmt:message key="label.average.rating">	
+								<fmt:param value="${criteriaDTO.averageRating}"/>
+								<fmt:param value="${criteriaDTO.numberOfVotes}"/>
+							</fmt:message>
+							<br/><br/>
+						</div>
+					</c:forEach>
+				</td>
+			</c:if>
+			
+			<c:if test="${isCommentsEnabled}">
+				<td>
+					<c:forEach var="commentDTO" items="${commentMap[response.responseId]}">
+						<div class="rating-comment">
+							<c:set var="postedDate"><lams:Date value="${commentDTO.postedDate}"/></c:set>
+							<fmt:message key="label.posted.by">
+								<fmt:param value="${commentDTO.userFullName}"/>
+								<fmt:param value="${postedDate}"/>
+							</fmt:message>
+							<br/>
+							${commentDTO.comment}
+							<br/><br/>
+						</div>
+					</c:forEach>
+				</td>
+			</c:if>
+		</tr>
 	</c:forEach>
 	</table>
 	<div id="footer"></div>
Index: lams_tool_larsrc/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_larsrc/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_larsrc/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -3,28 +3,25 @@
 <c:set var="sessionMap" value="${sessionScope[sessionMapID]}"/>
 <c:set var="summaryList" value="${sessionMap.summaryList}"/>
 
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet"/>
 <link type="text/css" href="${lams}css/free.ui.jqgrid.min.css" rel="stylesheet">
 <link type="text/css" href="<lams:WebAppURL/>css/monitor.css" rel="stylesheet" />
 
 <script type="text/javascript">
-	var pathToImageFolder = "${lams}images/css/",
-		LAMS_URL = '${lams}',
+	var LAMS_URL = '${lams}',
 		MAX_RATES = MAX_RATINGS_FOR_ITEM = MIN_RATES = COUNT_RATED_ITEMS = 0, // no restrictions
 		COMMENTS_MIN_WORDS_LIMIT = 0, // comments not used,
 		COMMENT_TEXTAREA_TIP_LABEL = WARN_COMMENTS_IS_BLANK_LABEL = WARN_MIN_NUMBER_WORDS_LABEL = '',
 		ALLOW_RERATE = false; 
 </script>
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
-<lams:JSImport src="includes/javascript/rating.js" />
+<lams:JSImport src="includes/javascript/rating5.js" />
 
 <script type="text/javascript" src="${lams}includes/javascript/free.jquery.jqgrid.min.js"></script>
 <lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
 <lams:JSImport src="includes/javascript/portrait.js" />
 <script type="text/javascript">
 	$(document).ready(function(){
-		
 		initializePortraitPopover("<lams:LAMSURL />");
 
 		<c:forEach var="groupSummary" items="${summaryList}" varStatus="status">
@@ -48,10 +45,10 @@
 					    "<spring:escapeBody javaScriptEscape='true'><fmt:message key='monitoring.label.suggest' /></spring:escapeBody>",
 					    "<spring:escapeBody javaScriptEscape='true'><fmt:message key='monitoring.label.views' /></spring:escapeBody>",
 						<c:if test="${groupSummary.allowRating}">
-					    "<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.rating' /></spring:escapeBody>",
+					    	"<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.rating' /></spring:escapeBody>",
 					   	</c:if>
 						<c:if test="${groupSummary.allowComments}">
-					    "<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.comments' /></spring:escapeBody>",
+					   		"<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.comments' /></spring:escapeBody>",
 					   	</c:if>
 					    "<spring:escapeBody javaScriptEscape='true'><fmt:message key='monitoring.label.actions' /></spring:escapeBody>" 
 				],
@@ -63,10 +60,10 @@
 			   		{name:'suggest', index:'suggest', width:160, align:"center"},
 			   		{name:'viewNumber', index:'viewNumber', width:100, align:"center", sorttype:"int"},
 					<c:if test="${groupSummary.allowRating}">
-					{name:'rating', index:'rating', width:200, align:"center"},
+						{name:'rating', index:'rating', width:200, align:"center"},
 				   	</c:if>
 					<c:if test="${groupSummary.allowComments}">
-					{name:'comments', index:'comments', width:200, align:"center"},
+						{name:'comments', index:'comments', width:200, align:"center"},
 				   	</c:if>
 			   		{name:'actions', index:'actions', width:120, align:"center"}		
 			   	],
@@ -107,12 +104,12 @@
 						   {name:'portraidId',index:'portraidId', hidden:true}
 						],
 						loadError: function(xhr,st,err) {
-						    	jQuery("#"+subgridTableId).clearGridData();
-						    	jQuery.jgrid.info_dialog("<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.error'/></spring:escapeBody>", "<spring:escapeBody javaScriptEscape='true'><fmt:message key='error.loaderror'/></spring:escapeBody>", "<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.ok'/></spring:escapeBody>");
+						    jQuery("#"+subgridTableId).clearGridData();
+						    jQuery.jgrid.info_dialog("<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.error'/></spring:escapeBody>", "<spring:escapeBody javaScriptEscape='true'><fmt:message key='error.loaderror'/></spring:escapeBody>", "<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.ok'/></spring:escapeBody>");
 					    },
 						loadComplete: function () {
 					   	 	initializePortraitPopover('<lams:LAMSURL/>');
-					    	}
+					    }
 					})
 					.jqGrid('filterToolbar', { 
 						searchOnEnter: false
@@ -148,33 +145,46 @@
 				</c:set>
 				
 				<c:if test="${groupSummary.allowRating}">
-				<c:set var="ratingHTML"><div class="rating-stars-holder"></c:set>
-				<c:choose>
-				<c:when test="${sessionsExist}">
-					<c:forEach var="criteriaDto" items="${item.ratingDTO.criteriaDtos}">
-						<c:set var="ratingHTML">${ratingHTML}<div class="rating-stars-new rating-stars-disabled" data-average="${criteriaDto.averageRating}" data-id="${criteriaDto.ratingCriteria.ratingCriteriaId}-${item.itemUid}"></div><div class="rating-stars-caption"><fmt:message key="label.average.rating"><fmt:param>${criteriaDto.averageRating}</fmt:param><fmt:param>${criteriaDto.numberOfVotes}</fmt:param></fmt:message></div></c:set>
-					</c:forEach>
-				</c:when>
-				<c:when test="${not sessionsExist and item.allowRating}">
-					<c:set var="ratingHTML">${ratingHTML}<i class="fa fa-check"></i></c:set>
-				</c:when>
-				</c:choose>
-				<c:set var="ratingHTML">${ratingHTML}</div></c:set>
+					<c:set var="ratingHTML">
+						<div class="starability-holder">
+					</c:set>
+					<c:choose>
+						<c:when test="${sessionsExist}">
+							<c:forEach var="criteriaDto" items="${item.ratingDTO.criteriaDtos}">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${criteriaDto.averageRating-(criteriaDto.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(criteriaDto.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+							
+								<c:set var="ratingHTML">
+									${ratingHTML}<div class="starability starability-result" data-rating="${dataRating}"></div><div class="starability-caption"><fmt:message key="label.average.rating"><fmt:param>${criteriaDto.averageRating}</fmt:param><fmt:param>${criteriaDto.numberOfVotes}</fmt:param></fmt:message></div>
+								</c:set>
+							</c:forEach>
+						</c:when>
+						<c:when test="${not sessionsExist and item.allowRating}">
+							<c:set var="ratingHTML">
+								${ratingHTML}<i class="fa fa-check"></i>
+							</c:set>
+						</c:when>
+					</c:choose>
+					<c:set var="ratingHTML">
+						${ratingHTML}</div>
+					</c:set>
 				</c:if>
-				
+					
 				<c:if test="${groupSummary.allowComments}">
-				<c:set var="commentButtonText"><fmt:message key="label.view.comments"/></c:set>
-				<c:choose>
-				<c:when test="${item.allowComments and sessionsExist}">
-					<c:set var="commentHTML"><a href="#nogo" onclick="javascript:viewComments(${item.itemUid}, ${groupSummary.sessionId}); return false;">${commentButtonText}</a></c:set>
-				</c:when>
-				<c:when test="${item.allowComments and not sessionsExist}">
-					<c:set var="commentHTML"><i class="fa fa-check"></i></c:set>
-				</c:when>
-				<c:otherwise>
-					<c:set var="commentHTML">&nbsp;</c:set>
-				</c:otherwise>
-				</c:choose>
+					<c:set var="commentButtonText"><fmt:message key="label.view.comments"/></c:set>
+					<c:choose>
+					<c:when test="${item.allowComments and sessionsExist}">
+						<c:set var="commentHTML"><a href="#nogo" onclick="javascript:viewComments(${item.itemUid}, ${groupSummary.sessionId}); return false;">${commentButtonText}</a></c:set>
+					</c:when>
+					<c:when test="${item.allowComments and not sessionsExist}">
+						<c:set var="commentHTML"><i class="fa fa-check"></i></c:set>
+					</c:when>
+					<c:otherwise>
+						<c:set var="commentHTML">&nbsp;</c:set>
+					</c:otherwise>
+					</c:choose>
 				</c:if>
 				
    	     		jQuery("#group${groupSummary.sessionId}").addRowData(${i.index + 1}, {
@@ -185,18 +195,18 @@
    	   	     		suggest:	"${item.username}",
    	   	     		viewNumber:"	${item.viewNumber}",
 					<c:if test="${groupSummary.allowRating}">
-					rating: '${ratingHTML}',
+						rating: '${ratingHTML}',
 				   	</c:if>
 					<c:if test="${groupSummary.allowComments}">
-					comments: '${commentHTML}',
+						comments: '${commentHTML}',
 					</c:if>
    	   	     		actions:	"${changeItemVisibility}"
    	   	   	    });
 	        </c:forEach>
 			
 		</c:forEach>
 
-		initializeJRating();
+		initializeStarability();
 
 		//jqgrid autowidth (http://stackoverflow.com/a/1610197)
 		$(window).bind('resize', function() {
Index: lams_tool_mindmap/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_mindmap/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_mindmap/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -2,7 +2,7 @@
 <c:set var="lams"><lams:LAMSURL/></c:set>
 <c:set var="dto" value="${mindmapDTO}" />
 
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link type="text/css" href="${lams}/css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
 <link type="text/css" href="${lams}/css/jquery-ui.timepicker.css" rel="stylesheet">
 <style>
@@ -61,11 +61,8 @@
 		messageRestrictionRemoved: '<spring:escapeBody javaScriptEscape="true"><fmt:message key="monitor.summary.date.restriction.removed" /></spring:escapeBody>'
 	};
 
-
-	//var for jquery.jRating.js
-	var pathToImageFolder = "${lams}images/css/",
-		//vars for rating.js
-		AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
+	//vars for rating.js
+	var	AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
 		YOUR_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.your.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param><fmt:param>@3@</fmt:param></fmt:message></spring:escapeBody>',
 		MAX_RATES = 0,
 		MIN_RATES = 0,
@@ -78,8 +75,7 @@
 <script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script> 
 <script type="text/javascript" src="${lams}/includes/javascript/monitorToolSummaryAdvanced.js" ></script>
 <lams:JSImport src="includes/javascript/portrait.js" />
-<lams:JSImport src="includes/javascript/rating.js" />
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
+<lams:JSImport src="includes/javascript/rating5.js" />
 
 <script type="text/javascript">
 	$(document).ready(function(){
@@ -251,7 +247,7 @@
 							<td>${mindmapSession.sessionName}</td>
 							<td>
 								<lams:Rating itemRatingDto="${mindmapSession.itemRatingDto}" 
-											 isItemAuthoredByUser="true"
+											 isDisplayOnly="true"
 											 hideCriteriaTitle="true" />
 							</td>
 						</tr>
Index: lams_tool_preview/src/java/org/lamsfoundation/lams/tool/peerreview/web/controller/MonitoringController.java
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_preview/src/java/org/lamsfoundation/lams/tool/peerreview/web/controller/MonitoringController.java	(.../MonitoringController.java)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_preview/src/java/org/lamsfoundation/lams/tool/peerreview/web/controller/MonitoringController.java	(.../MonitoringController.java)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -29,6 +29,7 @@
 import com.fasterxml.jackson.databind.node.ObjectNode;
 import org.apache.log4j.Logger;
 import org.lamsfoundation.lams.logevent.service.ILogEventService;
+import org.lamsfoundation.lams.rating.RatingUtil;
 import org.lamsfoundation.lams.rating.dto.StyledCriteriaRatingDTO;
 import org.lamsfoundation.lams.rating.model.RatingCriteria;
 import org.lamsfoundation.lams.tool.peerreview.PeerreviewConstants;
@@ -257,21 +258,14 @@
 	    for (JsonNode rawNode : rawRows) {
 		ObjectNode rawRow = (ObjectNode) rawNode;
 		String averageRating = JsonUtil.optString(rawRow, "averageRating");
-		Object numberOfVotes = rawRow.get("numberOfVotes");
+		String numberOfVotes = JsonUtil.optString(rawRow, "numberOfVotes");
 
 		if (averageRating != null && averageRating.length() > 0) {
 		    if (criteria.isStarStyleRating()) {
-			String starString = "<div class='rating-stars-holder'>";
-			starString +=
-				"<div class='rating-stars-disabled rating-stars-new' data-average='" + averageRating
-					+ "' data-id='" + criteriaId + "'>";
-			starString += "</div>";
-			starString +=
-				"<div class='rating-stars-caption' id='rating-stars-caption-" + criteriaId + "' >";
-			String msg = service.getLocalisedMessage("label.average.rating",
+			String averageRatingLabel = service.getLocalisedMessage("label.average.rating",
 				new Object[] { averageRating, numberOfVotes });
-			starString += msg;
-			starString += "</div>";
+			String starString = RatingUtil.constructRatingTagDisabled(averageRating, averageRatingLabel);
+			
 			rawRow.put("rating", starString);
 			rawRow.put("email", generatePreviewButton(toolSessionId, JsonUtil.optLong(rawRow, "itemId"),
 				emailResultsText));
Index: lams_tool_preview/web/pages/learning/star.jsp
===================================================================
diff -u -r169520b6cf03e63865f09db66f593677b1c5580b -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_preview/web/pages/learning/star.jsp	(.../star.jsp)	(revision 169520b6cf03e63865f09db66f593677b1c5580b)
+++ lams_tool_preview/web/pages/learning/star.jsp	(.../star.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -289,7 +289,7 @@
 		<c:set var="numColumns" value="3"/>
 	</c:if>
 	
-	<lams:TSTable5 numColumns="${numColumns}" tableClass="tablesorter jRating">
+	<lams:TSTable5 numColumns="${numColumns}" tableClass="tablesorter">
 		<th class="username" title="<fmt:message key='label.sort.by.user.name'/>"> 
 			<fmt:message key="label.user.name" />
 		</th>
Index: lams_tool_preview/web/pages/monitoring/criteria.jsp
===================================================================
diff -u -rfe19797ec82718905555353176ed719bec11043e -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_preview/web/pages/monitoring/criteria.jsp	(.../criteria.jsp)	(revision fe19797ec82718905555353176ed719bec11043e)
+++ lams_tool_preview/web/pages/monitoring/criteria.jsp	(.../criteria.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -10,7 +10,7 @@
 	<title><fmt:message key="label.monitoring.heading" /></title>
 	<%@ include file="/common/header.jsp"%>
 
-	<lams:css suffix="jquery.jRating"/>
+	<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 	<link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
 	<link type="text/css" href="${lams}css/free.ui.jqgrid.min.css" rel="stylesheet">
 	<link type="text/css" href="<lams:WebAppURL/>includes/css/learning.css" rel="stylesheet" >
@@ -21,9 +21,6 @@
 	</style>
 
 	<script type="text/javascript">
-		//var for jquery.jRating.js
-		var pathToImageFolder = "${lams}images/css/";
-			
 		//vars for rating.js
 		var MAX_RATES = 0,
 			MIN_RATES = 0,
@@ -37,8 +34,7 @@
 	</script>
 	<script type="text/javascript" src="${lams}includes/javascript/free.jquery.jqgrid.min.js"></script>
 	<lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
-	<lams:JSImport src="includes/javascript/rating.js" />
+	<lams:JSImport src="includes/javascript/rating5.js" />
 	<lams:JSImport src="includes/javascript/portrait.js" />
 </lams:head>
 
Index: lams_tool_preview/web/pages/monitoring/criteriapart.jsp
===================================================================
diff -u -r1a95fab3ccfb6157bf176c530eb7ae5c0900bdd7 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_preview/web/pages/monitoring/criteriapart.jsp	(.../criteriapart.jsp)	(revision 1a95fab3ccfb6157bf176c530eb7ae5c0900bdd7)
+++ lams_tool_preview/web/pages/monitoring/criteriapart.jsp	(.../criteriapart.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -60,7 +60,7 @@
 		   	pager: '#pager${toolSessionId}',
 		   	viewrecords:true,
 			loadComplete: function(){
-				initializeJRating();
+				initializeStarability();
 				initializePortraitPopover('<lams:LAMSURL/>');
 			},
 		   	// caption: "${groupSummary.sessionName}" use Bootstrap panels as the title bar
Index: lams_tool_preview/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_preview/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_preview/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -5,7 +5,7 @@
 <c:set var="summaryList" value="${sessionMap.summaryList}"/>
 
 <link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link type="text/css" href="${webapp}includes/css/learning.css" rel="stylesheet" >
 <link type="text/css" href="${lams}css/free.ui.jqgrid.min.css" rel="stylesheet">
 <style type="text/css">
@@ -18,9 +18,6 @@
 <lams:JSImport src="includes/javascript/common.js" />
 <script type="text/javascript" src="${lams}includes/javascript/jquery.cookie.js"></script>
 <script type="text/javascript">
-	//var for jquery.jRating.js
-	var pathToImageFolder = "${lams}images/css/";
-
 	//vars for rating.js
 	var MAX_RATES = 0,
 			MIN_RATES = 0,
@@ -37,8 +34,7 @@
 <script src="${lams}includes/javascript/download.js" type="text/javascript" ></script>
 <script src="${lams}includes/javascript/portrait.js" type="text/javascript" ></script>
 <script type="text/javascript" src="${lams}includes/javascript/free.jquery.jqgrid.min.js"></script>
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
-<lams:JSImport src="includes/javascript/rating.js" />
+<lams:JSImport src="includes/javascript/rating5.js" />
 <script type="text/javascript">
 	function exportResults() {
 		var exportExcelUrl = '<c:url value="/monitoring/exportTeamReport.do"/>?<csrf:token/>&sessionMapID=${sessionMapID}&toolSessionId=${groupSummary.sessionId}&toolContentID=${sessionMap.toolContentID}';
Index: lams_tool_preview/web/pages/monitoring/summary5.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_preview/web/pages/monitoring/summary5.jsp	(.../summary5.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_preview/web/pages/monitoring/summary5.jsp	(.../summary5.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -4,13 +4,10 @@
 <c:set var="sessionMap" value="${sessionScope[sessionMapID]}"/>
 <c:set var="summaryList" value="${sessionMap.summaryList}"/>
 
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link type="text/css" href="${webapp}includes/css/learning.css" rel="stylesheet" >
 
 <script type="text/javascript">
-	//var for jquery.jRating.js
-	var pathToImageFolder = "${lams}images/css/";
-
 	//vars for rating.js
 	var MAX_RATES = 0,
 			MIN_RATES = 0,
@@ -22,9 +19,7 @@
 			WARN_MIN_NUMBER_WORDS_LABEL = '';
 </script>
 <lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
-
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
-<lams:JSImport src="includes/javascript/rating.js" />
+<lams:JSImport src="includes/javascript/rating5.js" />
 <script type="text/javascript">
 	function exportResults() {
 		var exportExcelUrl = '<c:url value="/monitoring/exportTeamReport.do"/>?<csrf:token/>&sessionMapID=${sessionMapID}&toolSessionId=${groupSummary.sessionId}&toolContentID=${sessionMap.toolContentID}';
Index: lams_tool_whiteboard/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r52a6369ce66a2ea70d38bfa2e627dfcde6354b10 -rb1018fb2d9bb8216f7a3e1753c47f03285d4eb03
--- lams_tool_whiteboard/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 52a6369ce66a2ea70d38bfa2e627dfcde6354b10)
+++ lams_tool_whiteboard/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision b1018fb2d9bb8216f7a3e1753c47f03285d4eb03)
@@ -16,7 +16,7 @@
 
 <%@ page import="org.lamsfoundation.lams.tool.whiteboard.WhiteboardConstants"%>
 
-<lams:css suffix="jquery.jRating"/>
+<link href="${lams}css/rating.css" rel="stylesheet" type="text/css">
 <link href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css"/>
 <link rel="stylesheet" href="${lams}css/jquery.tablesorter.pager.css" />
@@ -163,10 +163,8 @@
 <script type="text/javascript" src="${lams}includes/javascript/fullscreen.js"></script>
 <lams:JSImport src="includes/javascript/monitorToolSummaryAdvanced.js" />
 <script type="text/javascript">
-	//var for jquery.jRating.js
-	var pathToImageFolder = "${lams}images/css/",
-			//vars for rating.js
-			AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
+	//vars for rating.js
+	var		AVG_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.average.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param></fmt:message></spring:escapeBody>',
 			YOUR_RATING_LABEL = '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.your.rating"><fmt:param>@1@</fmt:param><fmt:param>@2@</fmt:param><fmt:param>@3@</fmt:param></fmt:message></spring:escapeBody>',
 			MAX_RATES = 0,
 			MIN_RATES = 0,
@@ -487,8 +485,7 @@
 	}
 
 </script>
-<lams:JSImport src="includes/javascript/rating.js" />
-<script type="text/javascript" src="${lams}includes/javascript/jquery.jRating.js"></script>
+<lams:JSImport src="includes/javascript/rating5.js" />
 
 <!-- Extra container div to isolate content from multiple Application Excercise tabs in TBL monitoring -->
 <div id="whiteboard-monitoring-summary-${sessionMap.toolContentID}" class="whiteboard-monitoring-summary">
@@ -595,7 +592,7 @@
 								<td>${groupSummary.sessionName}</td>
 								<td>
 									<lams:Rating itemRatingDto="${groupSummary.itemRatingDto}"
-												 isItemAuthoredByUser="true"
+												 isDisplayOnly="true"
 												 hideCriteriaTitle="true" />
 								</td>
 							</tr>