Index: lams_central/web/css/index.css
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/css/index.css,v
diff -u -r1.13 -r1.14
--- lams_central/web/css/index.css	9 Jun 2015 20:14:20 -0000	1.13
+++ lams_central/web/css/index.css	16 Jun 2015 08:22:50 -0000	1.14
@@ -117,6 +117,13 @@
 	padding: 3px;
 }
 
+#dragHelper {
+	border: thin black solid;
+	background : transparent;
+	/* z-index has to be less than the dialog otherwise the helper won't drag in Chrome and IE */
+	z-index: 50;
+}
+
 /* Style for Monitoring and Add Lesson dialogs.
    Put the transparent dialog's titlebar over the tab bar. */
 body > .tabbedDialog .ui-dialog-titlebar {
@@ -133,5 +140,6 @@
 }
 
 body > .addLessonDialog .ui-dialog-titlebar {
+	width: 25px;
 	right : 10px;
 }
\ No newline at end of file
Index: lams_monitoring/web/css/monitorLesson.css
===================================================================
RCS file: /usr/local/cvsroot/lams_monitoring/web/css/monitorLesson.css,v
diff -u -r1.17 -r1.18
--- lams_monitoring/web/css/monitorLesson.css	9 Jun 2015 20:14:22 -0000	1.17
+++ lams_monitoring/web/css/monitorLesson.css	16 Jun 2015 08:22:51 -0000	1.18
@@ -9,6 +9,10 @@
 	padding: 0px;
 }
 
+div#tabs ul {
+	cursor: move;
+}
+
 div#tabs ul li a {
 	border-bottom: none;
 }
Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
RCS file: /usr/local/cvsroot/lams_monitoring/web/includes/javascript/monitorLesson.js,v
diff -u -r1.52 -r1.53
--- lams_monitoring/web/includes/javascript/monitorLesson.js	5 May 2015 11:07:13 -0000	1.52
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	16 Jun 2015 08:22:51 -0000	1.53
@@ -64,17 +64,20 @@
 			// since this code is inside an iframe, the helper is
 			// a transparent div with black borders attached to parent document
 			var dialogName = "dialogMonitorLesson" + lessonId,
-				dialog = $('#' + dialogName, window.parent.document).closest('.ui-dialog'),
-				helper = dialog.clone().empty();
-			helper.css({
-				'border': 'thin black solid',
-				'width' : dialog.width(),
-				'height' : dialog.height(),
-				'background' : 'transparent'
-			});
+				dialog = $('#' + dialogName, window.parent.document).closest('.ui-dialog'),	
+				helper = $('<div />').attr('id', 'dragHelper').css({
+					'width'  : dialog.width(),
+					'height' : dialog.height()
+				});
 			return helper;
 		},
 		'appendTo' : window.parent.document.body,
+		'start' : function(){
+			$(window.parent.document.body).mouseup(function(){
+				// IE sometimes does not trigger drag stop, so we need to help it
+				$('#tabs').trigger('mouseup');
+			});
+		},
 		'drag' : function(event, ui) {
 			// adjust position to be relative to parent document, not iframe contents
 			var dialogName = "dialogMonitorLesson" + lessonId,
@@ -83,6 +86,7 @@
 			ui.position.left += dialog.position().left;
 		},
 		'stop' : function(event, ui) {
+			$(window.parent.document.body).off('mouseup');
 			var dialogName = "dialogMonitorLesson" + lessonId,
 				dialog = $('#' + dialogName, window.parent.document).closest('.ui-dialog');
 			dialog.offset({