Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -rd898191d835f2d99b899404385277499104ae00b -r79ca692b2e37b3fb8dfec4a65af72e685d56358e
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision d898191d835f2d99b899404385277499104ae00b)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 79ca692b2e37b3fb8dfec4a65af72e685d56358e)
@@ -1,4 +1,4 @@
-// ********** GLOBAL VARIABLES **********
+// ********** GLOBAL VARIABLES **********
 // copy of lesson SVG so it does no need to be fetched every time
 var originalSequenceCanvas = null,
 // DIV container for lesson SVG
@@ -563,33 +563,6 @@
 			}
 		});
 	
-	
-	
-	// small info box on Sequence tab, activated when the tab is showed
-	$('#sequenceInfoDialog').dialog({
-		'autoOpen'   : false,
-		'height'     : 35,
-		'width'      : 290,
-		'modal'      : false,
-		'resizable'  : false,
-		'show'       : 'fold',
-		'hide'       : 'fold',
-		'dialogClass': 'dialog-no-title',
-		'position'   : {my: "left top",
-					   at: "left top+10",
-					   of: '#sequenceTopButtonsContainer'
-				      },
-		'open'      : function(){
-			var dialog = $(this);
-			// show only once in this Monitor
-			dialog.dialog('option', 'showed', true);
-			// close after given time
-			setTimeout(function(){
-				dialog.dialog('close');
-			}, sequenceInfoTimeout);
-		}
-	});
-	
 	$('#forceBackwardsDialog').dialog({
 		'autoOpen'  : false,
 		'modal'     : true,
@@ -649,6 +622,31 @@
 	
 
 
+function showSequenceInfoDialog(){
+	// small info box on Sequence tab, activated when the tab is showed
+	var sequenceInfoDialog = showDialog('sequenceInfoDialog', {
+		'height'     : 150,
+		'width'      : 300,
+		'modal'      : false, 
+		'resizable'  : false, 
+		'open'      : function(){
+			$('.modal-body', sequenceInfoDialog).empty().append($('#sequenceInfoDialogContents').show());
+			// close after given time
+			setTimeout(function(){
+				sequenceInfoDialog.modal('hide')
+			}, sequenceInfoTimeout);
+		}
+	}, false);
+	
+}
+
+function closeSequenceInfoDialog(){
+	var sequenceInfoDialog = $('#sequenceInfoDialog');
+	if ( sequenceInfoDialog && sequenceInfoDialog.data() && sequenceInfoDialog.data('bs.modal').isShown ) {
+		sequenceInfoDialog.modal('hide');
+	}
+}
+
 /**
  * Updates learner progress in sequence tab according to respose sent to refreshMonitor()
  */
@@ -747,7 +745,8 @@
 			if (sequenceSearchedLearner != null && !response.searchedLearnerFound) {
 				// the learner has not started the lesson yet, display an info box
 				sequenceClearSearchPhrase();
-				$('#sequenceInfoDialog').text(LABELS.PROGRESS_NOT_STARTED).dialog('open');
+				$('#sequenceInfoDialogContent').text(LABELS.PROGRESS_NOT_STARTED);
+				showSequenceInfoDialog();
 			}
 			
 			var learnerTotalCount = learnerCount + response.completedLearnerCount;
Index: lams_monitoring/web/monitor.jsp
===================================================================
diff -u -rd898191d835f2d99b899404385277499104ae00b -r79ca692b2e37b3fb8dfec4a65af72e685d56358e
--- lams_monitoring/web/monitor.jsp	(.../monitor.jsp)	(revision d898191d835f2d99b899404385277499104ae00b)
+++ lams_monitoring/web/monitor.jsp	(.../monitor.jsp)	(revision 79ca692b2e37b3fb8dfec4a65af72e685d56358e)
@@ -24,10 +24,6 @@
 		  $.mobile.ignoreContentEnabled = true;
 		  $('body').attr('data-enhance', 'false');
 		});
-		
-        function doSelectTab(tabId) {
-	    	selectTab(tabId);
-        }
 	</script>
 	
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -175,6 +171,21 @@
 			// remove "loading..." screen
 			$('#loadingOverlay').remove();
 		});
+			
+        function doSelectTab(tabId) {
+	    	selectTab(tabId);
+			var sequenceInfoDialog = $('#sequenceInfoDialog');
+	    	if ( tabId == '2' ) {
+				if (sequenceTabShowInfo) {
+					showSequenceInfoDialog();
+					sequenceTabShowInfo = false; // only show it once
+                }
+			} else {
+				closeSequenceInfoDialog();
+            }
+        }
+        
+
 	</script>
 	
 	
@@ -670,7 +681,7 @@
 		</table>
 	</div>
 	
-	<div id="sequenceInfoDialog" class="dialogContainer">
+	<div id="sequenceInfoDialogContents" class="dialogContainer">
 	  <fmt:message key="sequence.help.info"/>
 	</div>