Index: lams_tool_assessment/web/pages/learning/learning.jsp
===================================================================
diff -u -re0f0bfaf1b029e6241352c307a86381e9c5faf42 -r373dcc4ea6d1a07c60268ceccd9d1e69d9c35f9c
--- lams_tool_assessment/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision e0f0bfaf1b029e6241352c307a86381e9c5faf42)
+++ lams_tool_assessment/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 373dcc4ea6d1a07c60268ceccd9d1e69d9c35f9c)
@@ -29,16 +29,23 @@
 	
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.countdown.css" />
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.jgrowl.css" />
+	<link rel="stylesheet" type="text/css" href="${lams}css/bootstrap-slider.css" />
 	<style media="screen,projection" type="text/css">
-
+		.slider-tick {
+			width: 0;
+			height 0;
+		}
+		.slider.slider-horizontal {
+		    margin-left: 5px;
+		}
 	</style>
 
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.plugin.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.countdown.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.jgrowl.js"></script>
-	
+	<script type="text/javascript" src="${lams}includes/javascript/bootstrap-slider.js"></script>
 	<script type="text/javascript">
 		$(document).ready(function(){
 			
@@ -53,7 +60,6 @@
 					var grade = selects.length == 0 ? 0 : eval(selects.first().find('option:last-child').val())
 					var totalSelected = countHedgeQuestionSelectTotal(questionIndex);
 					
-
 					var isButtonEnabled = (totalSelected == grade);
 					
 					//check if hedging justification is enabled
@@ -190,13 +196,14 @@
 					$('#answers').ajaxSubmit({
 						url: "<c:url value='/learning/autoSaveAnswers.do'/>?sessionMapID=${sessionMapID}&date=" + new Date().getTime(),
 		                success: function() {
-		                	$.jGrowl(
-		                		"<i class='fa fa-lg fa-floppy-o'></i> <fmt:message key="label.learning.draft.autosaved" />",
-		                		{ life: 2000, closeTemplate: '' }
-		                	);
+			                	$.jGrowl(
+			                		"<i class='fa fa-lg fa-floppy-o'></i> <fmt:message key="label.learning.draft.autosaved" />",
+			                		{ life: 2000, closeTemplate: '' }
+			                	);
 		                }
 					});
-	        	}, autosaveInterval
+	        		}, 
+	        		autosaveInterval
 	        );
 		</c:if>
 		
@@ -216,23 +223,22 @@
 				return;
 			}
 			disableButtons();
-        	var myForm = $("#answers");
-        	myForm.attr("action", "<c:url value='/learning/nextPage.do?sessionMapID=${sessionMapID}&pageNumber='/>" + pageNumber);
-        	myForm.submit();
+	        	var myForm = $("#answers");
+	        	myForm.attr("action", "<c:url value='/learning/nextPage.do?sessionMapID=${sessionMapID}&pageNumber='/>" + pageNumber);
+	        	myForm.submit();
 		}
 		
 		function submitAll(isTimelimitExpired){
-			
 			//only if time limit is not expired
 			if (!isTimelimitExpired) {
 				if (!validateAnswers()) {
 					return;
 				}
 			}
 			disableButtons();
-        	var myForm = $("#answers");
-        	myForm.attr("action", "<c:url value='/learning/submitAll.do?sessionMapID=${sessionMapID}'/>&isTimelimitExpired=" + isTimelimitExpired);
-        	myForm.submit();
+	        	var myForm = $("#answers");
+	        	myForm.attr("action", "<c:url value='/learning/submitAll.do?sessionMapID=${sessionMapID}'/>&isTimelimitExpired=" + isTimelimitExpired);
+	        	myForm.submit();
 		}
 		
 		function submitSingleMarkHedgingQuestion(singleMarkHedgingQuestionUid, questionIndex){
@@ -246,8 +252,8 @@
 			$('#answers').ajaxSubmit({
 				url: "<c:url value='/learning/submitSingleMarkHedgingQuestion.do'/>?sessionMapID=${sessionMapID}&singleMarkHedgingQuestionUid=" + singleMarkHedgingQuestionUid +"&questionIndex="+ questionIndex +"&date=" + new Date().getTime(),
 				target: '#mark-hedging-question-' + singleMarkHedgingQuestionUid,
-                success: function() {
-                	$('#question-area-' + questionIndex).removeClass('bg-warning');
+            		success: function() {
+                		$('#question-area-' + questionIndex).removeClass('bg-warning');
                 }
 			});
 		}