Index: lams_tool_assessment/web/pages/monitoring/parts/masterDetailLoadUp.jsp
===================================================================
diff -u -re6921d0824d45b08f8fc3d584e1934351c4beb93 -r1b7935cf90adedfd42ee3f59b1533f5c4d0840a8
--- lams_tool_assessment/web/pages/monitoring/parts/masterDetailLoadUp.jsp	(.../masterDetailLoadUp.jsp)	(revision e6921d0824d45b08f8fc3d584e1934351c4beb93)
+++ lams_tool_assessment/web/pages/monitoring/parts/masterDetailLoadUp.jsp	(.../masterDetailLoadUp.jsp)	(revision 1b7935cf90adedfd42ee3f59b1533f5c4d0840a8)
@@ -33,16 +33,22 @@
  	 	 	    <c:choose>
 	 	 	    	<c:when test="${requiresMarking}">
 	 	 	    		,"title" : "<fmt:message key='label.monitoring.user.summary.grade.required' />"
+	 	 	    		,"data-toggle" : "tooltip"
+	 	 	    		,"data-container" : "body"
 	 	 	    	</c:when>
 	 	 	    	<c:when test="${not empty questionResult.markedBy}">
 	 	 	  			,"title" : "<fmt:message key='label.monitoring.user.summary.grade.by'>
 		 	 	  						<fmt:param><c:out value='${questionResult.markedBy.fullName}' /></fmt:param>
 		 	 	  					</fmt:message>"
+		 	 	  		,"data-toggle" : "tooltip"
+		 	 	    	,"data-container" : "body"
 	 	 	    	</c:when>
 	 	 	    </c:choose>
  	 	 	    });
 		</c:forEach>
 
+		$('[data-toggle="tooltip"]').bootstrapTooltip();
+		
 		if (typeof CodeMirror != 'undefined') {
 			CodeMirror.colorize($('.code-style'));
 		}
Index: lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp
===================================================================
diff -u -re6921d0824d45b08f8fc3d584e1934351c4beb93 -r1b7935cf90adedfd42ee3f59b1533f5c4d0840a8
--- lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision e6921d0824d45b08f8fc3d584e1934351c4beb93)
+++ lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision 1b7935cf90adedfd42ee3f59b1533f5c4d0840a8)
@@ -188,13 +188,18 @@
 		  							 	 requiresMarking = rowData.markedBy == "" && rowData.grade == 0;
 	  								 table.setCell(rows[rowIndex], "grade", "", requiresMarking ? 'requires-grading' : '',
 	  		  						 requiresMarking ? {
-	  									title : "<fmt:message key='label.monitoring.user.summary.grade.required' />"
+	  									title : "<fmt:message key='label.monitoring.user.summary.grade.required' />",
+	  									"data-toggle" : "tooltip",
+	  							 	 	"data-container" : "body"
 		  		  					 } :
 			  		  			     (rowData.markedBy == "" ? null : {
 			  		  					title : "<fmt:message key='label.monitoring.user.summary.grade.by'><fmt:param> </fmt:param></fmt:message>"
-	  			         		   		   + rowData.markedBy
+	  			         		   		   + rowData.markedBy,
+	  									"data-toggle" : "tooltip",
+	  							 	 	"data-container" : "body"
 			  		  				 }));
 		  						 }
+	  							$('[data-toggle="tooltip"]').tooltip();
 	  						}
   	  					},
   					    subGrid: true,
Index: lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp
===================================================================
diff -u -re6921d0824d45b08f8fc3d584e1934351c4beb93 -r1b7935cf90adedfd42ee3f59b1533f5c4d0840a8
--- lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision e6921d0824d45b08f8fc3d584e1934351c4beb93)
+++ lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision 1b7935cf90adedfd42ee3f59b1533f5c4d0840a8)
@@ -166,18 +166,24 @@
 	  		   	 	 	    <c:choose>
 				 	 	    	<c:when test="${requiresMarking}">
 				 	 	    		,"title" : "<fmt:message key='label.monitoring.user.summary.grade.required' />"
+					 	 	    	,"data-toggle" : "tooltip"
+						 	 	    ,"data-container" : "body"
 				 	 	    	</c:when>
 				 	 	    	<c:when test="${not empty questionResult.markedBy}">
 				 	 	  			,"title" : "<fmt:message key='label.monitoring.user.summary.grade.by'>
 					 	 	  						<fmt:param><c:out value='${questionResult.markedBy.fullName}' /></fmt:param>
 					 	 	  					</fmt:message>"
+					 		 	 	,"data-toggle" : "tooltip"
+					 			 	,"data-container" : "body"
 				 	 	    	</c:when>
 				 	 	    </c:choose>
 			 	 	 	    });
 	  		        </c:forEach>			
 	  				
 	  			</c:forEach>
-	  			
+
+				$('[data-toggle="tooltip"]').tooltip();
+				
   				//jqgrid autowidth (http://stackoverflow.com/a/1610197)
 	  			$(window).bind('resize', function() {
 	  				var grid;
@@ -200,7 +206,7 @@
 						etherpadInitMethods[groupId]();
 					}
 				});
-
+				
 				if (typeof CodeMirror != 'undefined') {
 					CodeMirror.colorize($('.code-style'));
 				}