Index: lams_monitoring/web/css/monitorLesson.css
===================================================================
diff -u -r8a6062e3e66be7bbb7b8d0c5c8d9b8d3c66baf90 -rfbb5dc973034ba3d8ab19914110ce6eb3d253cf9
--- lams_monitoring/web/css/monitorLesson.css	(.../monitorLesson.css)	(revision 8a6062e3e66be7bbb7b8d0c5c8d9b8d3c66baf90)
+++ lams_monitoring/web/css/monitorLesson.css	(.../monitorLesson.css)	(revision fbb5dc973034ba3d8ab19914110ce6eb3d253cf9)
@@ -78,6 +78,28 @@
 	cursor: pointer;
 }
 
+#learnerGroupDialog td {
+	padding: 0;
+}
+
+#learnerGroupDialog td.learnerGroupNav {
+	padding: 5px 0;
+	cursor: pointer;
+}
+
+#learnerGroupDialog td.learnerGroupNav:hover {
+	background-color: #D0E5F5;
+}
+
+td.learnerGroupNav span {
+	margin: auto;
+}
+
+#learnerGroupPage {
+	text-align: center;
+	width: 100px;
+}
+
 /********** LESSON TAB STYLES **********/
 div#tabLesson {
 /*	height: 540px;*/
@@ -196,7 +218,7 @@
 	margin: 6px 5px 5px 0;
 }
 
-.topButtonsContainer #sequenceSearchPhraseLabel {
+.topButtonsContainer #sequenceSearchPhraseIcon {
 	float: right;
 	margin: 9px 7px 5px 0;
 }
@@ -237,16 +259,32 @@
 	border-right: thin solid #2E6E9E;
 }
 
-#learnersSearchPhraseCell img {
+#learnersSearchPhraseIcon {
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 4px;
+}
+
+#learnersSearchPhrase {
+	width: 80%;
+}
+
+#learnersSearchPhraseClear {
 	cursor: pointer;
-	vertical-align: middle;
+	float: right;
+	margin: 3px 2px 0 0;
+	display: none; 
 }
 
-td.learnersHeaderPageCell,td.learnersPageShifter {
+td.learnersHeaderPageCell, td.learnersPageShifter {
 	min-width: 25px;
 	cursor: pointer;
 }
 
+td.learnersPageShifter span {
+	margin: auto;
+}
+
 td.learnersHeaderPageCell:hover,td.learnersPageShifter:hover {
 	background-color: #D0E5F5;
 }