Index: lams_central/web/css/index.css
===================================================================
diff -u -raca771d94d7b2c7c6dccea8ff39d12e4167289b1 -rcabfb73e4ce5c4993047dacacd7319c8e09f580a
--- lams_central/web/css/index.css	(.../index.css)	(revision aca771d94d7b2c7c6dccea8ff39d12e4167289b1)
+++ lams_central/web/css/index.css	(.../index.css)	(revision cabfb73e4ce5c4993047dacacd7319c8e09f580a)
@@ -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
===================================================================
diff -u -raca771d94d7b2c7c6dccea8ff39d12e4167289b1 -rcabfb73e4ce5c4993047dacacd7319c8e09f580a
--- lams_monitoring/web/css/monitorLesson.css	(.../monitorLesson.css)	(revision aca771d94d7b2c7c6dccea8ff39d12e4167289b1)
+++ lams_monitoring/web/css/monitorLesson.css	(.../monitorLesson.css)	(revision cabfb73e4ce5c4993047dacacd7319c8e09f580a)
@@ -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
===================================================================
diff -u -r9611486dadb7a74fbe7d54b67cd1da4dbf6b3535 -rcabfb73e4ce5c4993047dacacd7319c8e09f580a
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 9611486dadb7a74fbe7d54b67cd1da4dbf6b3535)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision cabfb73e4ce5c4993047dacacd7319c8e09f580a)
@@ -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({