Index: lams_tool_scratchie/web/pages/monitoring/studentChoices.jsp
===================================================================
diff -u -re1787d3b81eb95f82ae072da9c6e7426aedded57 -re58085b6f9a8dfa7a3b327f004cfb50443691684
--- lams_tool_scratchie/web/pages/monitoring/studentChoices.jsp	(.../studentChoices.jsp)	(revision e1787d3b81eb95f82ae072da9c6e7426aedded57)
+++ lams_tool_scratchie/web/pages/monitoring/studentChoices.jsp	(.../studentChoices.jsp)	(revision e58085b6f9a8dfa7a3b327f004cfb50443691684)
@@ -1,8 +1,6 @@
 <%@ include file="/common/taglibs.jsp"%>
 <% pageContext.setAttribute("newLineChar", "\r\n"); %>
 
-<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/common.js"></script>
-
 <style>
 	/* show horizontal scroller for iPads */
 	body {
@@ -49,6 +47,13 @@
 	  background-color: #d9534f; }
 </style>
 
+<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/common.js"></script>
+<script>
+	$(document).ready(function(){
+		 $('[data-toggle="tooltip"]').tooltip();
+	});
+</script>
+
 <c:if test="${not showStudentChoicesTableOnly}">
 	<script>
 		function exportExcel(){
@@ -102,7 +107,7 @@
 <div class="col-xs-12 col-md-12 col-lg-12">
 <div class="panel">
 <div class="panel-body">
-<div class="table-responsive">
+<div id="questions-data-container" class="table-responsive">
 	<table id="questions-data" class="table table-striped table-bordered table-hover table-condensed">
 		<thead>
 			<tr role="row">
@@ -118,7 +123,9 @@
 				
 				<c:if test="${not empty sessionDtos}">
 					<th class="text-center">
-						<fmt:message key="label.total"/> &nbsp<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top"  title="<fmt:message key="label.total.1st.attempt.by.team"/>"></i>
+						<fmt:message key="label.total"/>&nbsp;
+						<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
+						   title="<fmt:message key="label.total.1st.attempt.by.team"/>"></i>
 					</th>
 					<th class="text-center">
 						<fmt:message key="label.total"/> %
@@ -226,7 +233,10 @@
 			
 			<c:if test="${not empty sessionDtos}">
 				<tr>
-					<th><fmt:message key="label.total"/>&nbsp<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top"  title="<fmt:message key="label.total.1st.attempt.by.question"/>"></i></th>
+					<th><fmt:message key="label.total"/>&nbsp;
+					<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
+					   title="<fmt:message key="label.total.1st.attempt.by.question"/>"></i></th>
+					   
 					<c:forEach var="item" items="${items}">
 						<c:set var="highlightClass">
 							<c:choose>
Index: lams_tool_scratchie/web/pages/monitoring/summary.jsp
===================================================================
diff -u -re1787d3b81eb95f82ae072da9c6e7426aedded57 -re58085b6f9a8dfa7a3b327f004cfb50443691684
--- lams_tool_scratchie/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision e1787d3b81eb95f82ae072da9c6e7426aedded57)
+++ lams_tool_scratchie/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision e58085b6f9a8dfa7a3b327f004cfb50443691684)
@@ -51,16 +51,12 @@
 	#collapseBurning .burning-question-title {
 	  cursor: pointer;
 	}
-	
 </style>
 
 <script type="text/javascript">
-
-$(function () {
-  $('[data-toggle="tooltip"]').tooltip()
-})
-
 	$(document).ready(function(){
+		 $('[data-toggle="tooltip"]').bootstrapTooltip();
+		 
 		var oldValue = 0;
 		
 		<c:forEach var="summary" items="${summaryList}" varStatus="status">