Index: lams_monitoring/web/css/monitorLesson.css
===================================================================
diff -u -rfbb5dc973034ba3d8ab19914110ce6eb3d253cf9 -r509d15bcc570bff483a13152ef8c45cbae767e78
--- lams_monitoring/web/css/monitorLesson.css	(.../monitorLesson.css)	(revision fbb5dc973034ba3d8ab19914110ce6eb3d253cf9)
+++ lams_monitoring/web/css/monitorLesson.css	(.../monitorLesson.css)	(revision 509d15bcc570bff483a13152ef8c45cbae767e78)
@@ -43,9 +43,8 @@
 	border: none;
 }
 
-.dialogList {
+.dialogContainer .dialogList {
 	overflow: auto;
-	border: thin solid black;
 	padding: 5px;
 }
 
@@ -71,31 +70,24 @@
 	text-align: center;
 }
 
-.dialogListSortButton {
-	text-align: right;
-	padding-right: 3px;
-	float: right;
-	cursor: pointer;
-}
-
-#learnerGroupDialog td {
+div.dialogContainer td {
 	padding: 0;
 }
 
-#learnerGroupDialog td.learnerGroupNav {
+div.dialogContainer td.navCell {
 	padding: 5px 0;
 	cursor: pointer;
 }
 
-#learnerGroupDialog td.learnerGroupNav:hover {
+div.dialogContainer td.navCell:hover {
 	background-color: #D0E5F5;
 }
 
-td.learnerGroupNav span {
+div.dialogContainer td.navCell span {
 	margin: auto;
 }
 
-#learnerGroupPage {
+div.dialogContainer td.pageCell {
 	text-align: center;
 	width: 100px;
 }
@@ -171,20 +163,42 @@
 	float: right;
 }
 
-#classDialogTable {
-	border-spacing: 5px 0;
-}
-
 #classDialogTable td {
-	width: 50%;
 	vertical-align: top;
 }
 
+#classDialogTable #classMonitorSearchRow {
+	height: 23px;
+}
+
+#classDialogTable #classSearchPhrase {
+	width: 90%;
+}
+
+#classDialogTable #classSearchPhraseIcon {
+	margin-top: 2px;
+}
+
+#classDialogTable #classSearchPhraseClear {
+	visibility: hidden;
+	margin-top: 3px;
+	cursor: pointer;
+}
+
 #classDialogTable input[type="checkbox"] {
 	margin: 0 5px 0px 0px;
 	border: none;
 }
 
+#classLearnerTable {
+	width: 320px;
+	border-right: thin solid black;
+}
+
+#classMonitorTable {
+	margin-left: 10px;
+}
+
 #emailDialog {
 	width: 100%;
 }