Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -rfd99c71413b4f127abf737f0faada908aaabbeea -r56209f294891d58820dfb5022daafdc7bdac4cbb
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision fd99c71413b4f127abf737f0faada908aaabbeea)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 56209f294891d58820dfb5022daafdc7bdac4cbb)
@@ -1759,8 +1759,8 @@
 							  .css('cursor', 'pointer')
 							  // drag learners to force complete activities
 							  .draggable({
-								'appendTo'    : '#t2',
-								'containment' : '#t2',
+								'appendTo'    : '.svg-learner-draggable-area',
+								'containment' : '.svg-learner-draggable-area',
 							    'distance'    : 20,
 							    'scroll'      : false,
 							    'cursorAt'	  : {'left' : 10, 'top' : 15},
@@ -1850,8 +1850,8 @@
 				  })
 				// drag learners to force complete activities
 				  .draggable({
-					'appendTo'    : '#t2',
-					'containment' : '#t2',
+					'appendTo'    : '.svg-learner-draggable-area',
+					'containment' : '.svg-learner-draggable-area',
 				    'distance'    : 20,
 				    'scroll'      : false,
 				    'cursorAt'	  : {'left' : 10, 'top' : 15},
Index: lams_monitoring/web/monitor.jsp
===================================================================
diff -u -rce46e7236188aeb13a7b1d70e5a9cb2b42b4d967 -r56209f294891d58820dfb5022daafdc7bdac4cbb
--- lams_monitoring/web/monitor.jsp	(.../monitor.jsp)	(revision ce46e7236188aeb13a7b1d70e5a9cb2b42b4d967)
+++ lams_monitoring/web/monitor.jsp	(.../monitor.jsp)	(revision 56209f294891d58820dfb5022daafdc7bdac4cbb)
@@ -538,47 +538,49 @@
 					</lams:TabBody>
 					
 					<lams:TabBody id="2">
-						<span class="pull-left" style="display:none" id="liveEditWarning"></span>
-						
-						<div id="sequenceTopButtonsContainer" class="topButtonsContainer">
-							<button onclick="javascript:startTour();return false;" class="btn btn-sm btn-default pull-right roffset10 tour-button"> 
-							<i class="fa fa-question-circle"></i> <span class="hidden-xs"><fmt:message key="label.tour"/></span></button>
-	
-							<a id="refreshButton" class="btn btn-sm btn-default" title="<fmt:message key='button.refresh.tooltip'/>"
-							   href="#" onClick="javascript:refreshMonitor('sequence')">
-								<i class="fa fa-refresh"></i> <span class="hidden-xs"><fmt:message key="button.refresh"/></span>
-							</a>
-							<a id="liveEditButton" class="btn btn-sm btn-default style="display:none" title="<fmt:message key='button.live.edit.tooltip'/>"
-						       href="#" onClick="javascript:openLiveEdit()">
-								<i class="fa fa-pencil"></i> <span class="hidden-xs"><fmt:message key='button.live.edit'/></span>
-							</a>
-							<a id="canvasFitScreenButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.fit.screen.tooltip'/>"
-						       href="#" onClick="javascript:canvasFitScreen(true)">
-								<i class="fa fa-arrows-alt"></i> <span class="hidden-xs"><fmt:message key='button.canvas.fit.screen'/></span>
-							</a>
-							<a id="canvasOriginalSizeButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.original.size.tooltip'/>"
-						       href="#" onClick="javascript:canvasFitScreen(false)">
-								<i class="fa fa-arrow-circle-o-up"></i> <span class="hidden-xs"><fmt:message key='button.canvas.original.size'/></span>
-							</a>
-							<span id="sequenceSearchPhraseClear"
-								 class="fa fa-xs fa-times-circle"
-								 onClick="javascript:sequenceClearSearchPhrase(true)"
-								 title="<fmt:message key='learners.search.phrase.clear.tooltip' />" 
-							></span>
-							<input id="sequenceSearchPhrase"
-								   title="<fmt:message key='search.learner.textbox' />" />
-							<span id="sequenceSearchPhraseIcon"
-								  class="ui-icon ui-icon-search"
-								  title="<fmt:message key='search.learner.textbox' />"></span>
+						<div class="svg-learner-draggable-area">
+							<span class="pull-left" style="display:none" id="liveEditWarning"></span>
+							
+							<div id="sequenceTopButtonsContainer" class="topButtonsContainer">
+								<button onclick="javascript:startTour();return false;" class="btn btn-sm btn-default pull-right roffset10 tour-button"> 
+								<i class="fa fa-question-circle"></i> <span class="hidden-xs"><fmt:message key="label.tour"/></span></button>
+		
+								<a id="refreshButton" class="btn btn-sm btn-default" title="<fmt:message key='button.refresh.tooltip'/>"
+								   href="#" onClick="javascript:refreshMonitor('sequence')">
+									<i class="fa fa-refresh"></i> <span class="hidden-xs"><fmt:message key="button.refresh"/></span>
+								</a>
+								<a id="liveEditButton" class="btn btn-sm btn-default style="display:none" title="<fmt:message key='button.live.edit.tooltip'/>"
+							       href="#" onClick="javascript:openLiveEdit()">
+									<i class="fa fa-pencil"></i> <span class="hidden-xs"><fmt:message key='button.live.edit'/></span>
+								</a>
+								<a id="canvasFitScreenButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.fit.screen.tooltip'/>"
+							       href="#" onClick="javascript:canvasFitScreen(true)">
+									<i class="fa fa-arrows-alt"></i> <span class="hidden-xs"><fmt:message key='button.canvas.fit.screen'/></span>
+								</a>
+								<a id="canvasOriginalSizeButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.original.size.tooltip'/>"
+							       href="#" onClick="javascript:canvasFitScreen(false)">
+									<i class="fa fa-arrow-circle-o-up"></i> <span class="hidden-xs"><fmt:message key='button.canvas.original.size'/></span>
+								</a>
+								<span id="sequenceSearchPhraseClear"
+									 class="fa fa-xs fa-times-circle"
+									 onClick="javascript:sequenceClearSearchPhrase(true)"
+									 title="<fmt:message key='learners.search.phrase.clear.tooltip' />" 
+								></span>
+								<input id="sequenceSearchPhrase"
+									   title="<fmt:message key='search.learner.textbox' />" />
+								<span id="sequenceSearchPhraseIcon"
+									  class="ui-icon ui-icon-search"
+									  title="<fmt:message key='search.learner.textbox' />"></span>
+							</div>
+							<div id="sequenceCanvas"></div>
+							<div id="completedLearnersContainer" title="<fmt:message key='force.complete.end.lesson.tooltip' />">
+								<img id="completedLessonLearnersIcon" src="<lams:LAMSURL/>images/completed.svg" />
+							</div>
+							<img id="sequenceCanvasLoading"
+							     src="<lams:LAMSURL/>images/ajax-loader-big.gif" />
+							<img id="sequenceSearchedLearnerHighlighter"
+							     src="<lams:LAMSURL/>images/pedag_down_arrow.gif" />
 						</div>
-						<div id="sequenceCanvas"></div>
-						<div id="completedLearnersContainer" title="<fmt:message key='force.complete.end.lesson.tooltip' />">
-							<img id="completedLessonLearnersIcon" src="<lams:LAMSURL/>images/completed.svg" />
-						</div>
-						<img id="sequenceCanvasLoading"
-						     src="<lams:LAMSURL/>images/ajax-loader-big.gif" />
-						<img id="sequenceSearchedLearnerHighlighter"
-						     src="<lams:LAMSURL/>images/pedag_down_arrow.gif" />
 					</lams:TabBody>
 					
 					<lams:TabBody id="3">
Index: lams_monitoring/web/tblmonitor/sequence.jsp
===================================================================
diff -u -r0d54fb2115b353bfc618685ce50c08afa8cd669a -r56209f294891d58820dfb5022daafdc7bdac4cbb
--- lams_monitoring/web/tblmonitor/sequence.jsp	(.../sequence.jsp)	(revision 0d54fb2115b353bfc618685ce50c08afa8cd669a)
+++ lams_monitoring/web/tblmonitor/sequence.jsp	(.../sequence.jsp)	(revision 56209f294891d58820dfb5022daafdc7bdac4cbb)
@@ -199,7 +199,7 @@
 
 		// assigne svg 'auto' width and height 
 		if (sequenceCanvas) {
-			var svg = $('svg','#sequenceCanvas');
+			var svg = $('svg.learningDesignSvg','#sequenceCanvas');
 			if ( svg ) {
 				var svgWidth = svg.attr('width'),
 					svgHeight = svg.attr('height');
@@ -252,7 +252,7 @@
 	<div class="col-xs-12">
 	<div class="panel panel-success">
 	
-	<div id="tabSequence">
+	<div class="svg-learner-draggable-area" id="tabSequence">
 		<div id="sequenceCanvas"></div>
 		<div id="completedLearnersContainer" title="<fmt:message key='force.complete.end.lesson.tooltip' />">
 			<img id="completedLessonLearnersIcon" src="<lams:LAMSURL/>images/completed.svg" />