Index: lams_monitoring/web/emailnotifications/lessonNotifications.jsp
===================================================================
diff -u -r8fa8828c8c8434ffe717ecae9c01492b9f41025f -re6b3b4b473ebb151c10733808c40d4276b4f81ab
--- lams_monitoring/web/emailnotifications/lessonNotifications.jsp	(.../lessonNotifications.jsp)	(revision 8fa8828c8c8434ffe717ecae9c01492b9f41025f)
+++ lams_monitoring/web/emailnotifications/lessonNotifications.jsp	(.../lessonNotifications.jsp)	(revision e6b3b4b473ebb151c10733808c40d4276b4f81ab)
@@ -15,59 +15,63 @@
 	<title><fmt:message key="${fn:escapeXml(title)}"/></title>
 	
 	<lams:css/>
+	<link type="text/css" href="<lams:LAMSURL/>css/free.ui.jqgrid.min.css" rel="stylesheet">
 	<link type="text/css" href="<lams:LAMSURL/>css/jquery-ui-smoothness-theme.css" rel="stylesheet">
-	<link rel="stylesheet" type="text/css" href="<lams:LAMSURL/>/css/jquery.jqGrid.css" />
 	<link type="text/css" href="<lams:LAMSURL/>css/jquery-ui.timepicker.css" rel="stylesheet">
 	<style type="text/css">
 		#additionalParameters {min-height: 50px;}
 		#activityDiv, #daysToDeadlineDiv {display: none;}
-		#pager3_right table{float:right !important; }
 		#datePickerDiv {margin: 10px 0 10px;}
 		
 		/* Accordion */
 		.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:hover  {
 		    background-image: none;
 		    background-color: transparent ;
 		}
-		#nowDiv{padding-left: 10px;}
+		#nowDiv{padding: 0px;}
 		.ui-jqgrid-hbox {padding-left: 0;}
 		#accordion {width: 100%;}
 		#accordion h3 a {border-bottom: 0;}
 		#accordion p {text-align: center; padding-bottom: 0px; margin-bottom: 0xp; font-size:12px;}
 	</style>	
 	
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/bootstrap.min.js"></script>
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/monitorToolSummaryAdvanced.js "></script>
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery-ui.timepicker.js"></script>
-	<script type="text/javascript" src="<lams:LAMSURL/>/includes/javascript/jquery.jqGrid.locale-en.js"></script>
-	<script type="text/javascript" src="<lams:LAMSURL/>/includes/javascript/jquery.jqGrid.js"></script>
 	<script type="text/javascript" src="<lams:LAMSURL/>/includes/javascript/jquery.jstepper.min.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/free.jquery.jqgrid.min.js"></script>
+	
 	<script type="text/javascript">
 		jQuery(document).ready(function() {
 			
 			//initialize user list 
 			jQuery("#list3").jqGrid({
+				guiStyle: "bootstrap",
+				iconSet: 'fontAwesome',
 			   	url: "<c:url value='/emailNotifications.do'/>?method=getUsers" + getSearchParams(),
 				datatype: "json",
 			   	colNames:['<fmt:message key="email.notifications.user.name"/>'],
 			   	colModel:[
 			   		{name:'name',index:'name', width:260, firstsortorder:'desc', sorttype: 'text'}
 			   	],
-			   	rowNum:50,
-			   	rowList:[50,75,100,150,200],
+			    rowList:[10,20,30,40,50,100],
+			   	rowNum:10,
 			   	pager: '#pager3',
 			   	sortname: 'name',
 			   	multiselect: true,
+				multiPageSelection : true,
 			    sortorder: "asc",
 			    loadonce: true,
 			    height:'100%',
-			    pagerpos:'left',
+				autowidth:true,
 			    ignoreCase: true
 			});
-			jQuery("#list3").jqGrid('navGrid','#pager3',{add:false,del:false,edit:false,position:'right'});
+			jQuery("#list3").jqGrid('navGrid','#pager3',{add:false,del:false,edit:false,search:false});
 			jQuery("#list3").jqGrid('filterToolbar',{stringResult: true, searchOnEnter: true, defaultSearch: 'cn'});
 			$("#list3").parents('div.ui-jqgrid-bdiv').css("max-height","1000px");
+			$('#pager3_right').css('display','inline');
 
 			//initialize jStepper for additional parameters
 			$("#daysToDeadline").jStepper({minValue:0, maxValue:999, defaultValue:3, allowDecimals:false});