Index: lams_central/web/addLesson.jsp
===================================================================
diff -u -rdc4ba204bb906332f9bb94cf9d24c1cf6d2c1630 -r481d8af8e0dfa898a103943c6088b753f36e6e36
--- lams_central/web/addLesson.jsp	(.../addLesson.jsp)	(revision dc4ba204bb906332f9bb94cf9d24c1cf6d2c1630)
+++ lams_central/web/addLesson.jsp	(.../addLesson.jsp)	(revision 481d8af8e0dfa898a103943c6088b753f36e6e36)
@@ -6,23 +6,23 @@
 <!DOCTYPE html>
 <lams:html>
 <lams:head>
-	<lams:css style="main" />
 	<link rel="stylesheet" href="css/yui/treeview.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="css/yui/folders.css" type="text/css" media="screen" />
-	<link rel="stylesheet" href="css/jquery-ui-redmond-theme.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="css/defaultHTML_learner.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="css/jquery-ui.timepicker.css" type="text/css" media="screen" />
+	<link rel="stylesheet" href="css/jquery-ui-bootstrap-theme.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="css/addLesson.css" type="text/css" media="screen" />
 
 	<script type="text/javascript" src="includes/javascript/jquery.js"></script>
 	<script type="text/javascript" src="includes/javascript/jquery.form.js"></script>
-	<script type="text/javascript" src="includes/javascript/bootstrap.min.js"></script>
 	<script type="text/javascript" src="includes/javascript/jquery-ui.js"></script>
 	<script type="text/javascript" src="includes/javascript/jquery-ui.timepicker.js"></script>
 	<script type="text/javascript" src="includes/javascript/yui/yahoo-dom-event.js" ></script>
 	<script type="text/javascript" src="includes/javascript/yui/animation-min.js"></script>
 	<script type="text/javascript" src="includes/javascript/yui/json-min.js" ></script> 
 	<script type="text/javascript" src="includes/javascript/yui/treeview-min.js" ></script>
+	<script type="text/javascript" src="includes/javascript/bootstrap.min.js"></script>
+	<script type="text/javascript" src="includes/javascript/bootstrap.tabcontroller.js"></script>
 	<script type="text/javascript" src="includes/javascript/addLesson.js"></script>
 	<script type="text/javascript">
 		var userId = '<lams:user property="userID"/>',
@@ -65,23 +65,17 @@
 
 <form id="lessonForm" action="<lams:LAMSURL/>monitoring/monitoring.do" method="POST">
 
-<div id="exTab2" class="container-fluid">	
-<ul class="nav nav-tabs">
-			<li class="active">
-        <a  href="#1" data-toggle="tab"><fmt:message key="label.tab.lesson" /></a>
-			</li>
-			<li><a href="#2" data-toggle="tab"><fmt:message key="label.tab.class" /></a>
-			</li>
-			<li><a href="#3" data-toggle="tab"><fmt:message key="label.tab.advanced" /></a>
-			</li>
-			<li><a href="#4" data-toggle="tab"><fmt:message key="label.tab.conditions" /></a>
-			</li>
-</ul>
-
-			<div class="tab-content ">
-			  <div class="tab-pane active" id="1">
-	
-				<div id="tabLessonTitle" class="tabTitle"><fmt:message key="label.tab.lesson.title" /></div>
+<lams:Page type="navbar">
+		<lams:Tabs control="true">
+			<lams:Tab id="1" key="label.tab.lesson" />
+			<lams:Tab id="2" key="label.tab.class" />
+			<lams:Tab id="3" key="label.tab.advanced" />
+			<lams:Tab id="4" key="label.tab.conditions" />
+		</lams:Tabs>
+		<lams:TabBodyArea>
+			<lams:TabBodys>
+				<lams:TabBody id="1" titleKey="label.basic">
+					<div id="tabLessonTitle" class="tabTitle"><fmt:message key="label.tab.lesson.title" /></div>
 					<table class="tabTable">
 						<tr>
 							<td id="learningDesignTreeCell" rowspan="3">
@@ -106,202 +100,197 @@
 							</td>
 						</tr>
 					</table>
-				</div>
-	
-				<div class="tab-pane" id="2">
+				</lams:TabBody>
+				<lams:TabBody id="2" titleKey="label.tab.class">
 					<!-- Class panel -->
-					<div id="tabClass" class="tabContent">
-						<div id="tabClassTitle" class="tabTitle"><fmt:message key="label.tab.class.title" /></div>
-						<table id="classTable" class="tabTable">
-							<tr>
-								<td class="userContainerCell" rowspan="2">
-									<div class="userContainerTitle">
-										<fmt:message key="label.tab.class.monitors.unselected" />
-										
-									</div>
-									<div id="unselected-monitors" class="userContainer"><span id="sort-unselected-monitors" class="sortUsersButton">▲</span></div>
-								</td>
-								<td class="userConainterTransferCell userConainterTransferTopCell">
-									<i id="monitorMoveToRight" class="fa fa-2x fa-arrow-right text-left text-primary" 
-									     onClick="javascript:transferUsers('selected-monitors')" ></i>
-								</td>
-								<td class="userContainerCell" rowspan="2">
-									<div class="userContainerTitle">
-										<fmt:message key="label.tab.class.monitors.selected" />
-									</div>
-									<div id="selected-monitors" class="userContainer"><span id="sort-selected-monitors" class="sortUsersButton">▲</span></div>
-								</td>
-							</tr>
-							<tr>
-								<td class="userConainterTransferCell">
-									<i id="monitorMoveToLeft" class="fa fa-2x fa-arrow-left text-left text-primary" 
-									     onClick="javascript:transferUsers('unselected-monitors')"></i>	
-								</td>
-							</tr>
-							<tr>
-								<td class="userContainerCell" rowspan="2">
-									<div class="userContainerTitle">
-										<fmt:message key="label.tab.class.learners.unselected" />
-									</div>
-									<div id="unselected-learners" class="userContainer"><span id="sort-unselected-learners" class="sortUsersButton">▲</span></div>
-								</td>
-								<td class="userConainterTransferCell userConainterTransferTopCell" >
-									<i id="learnerMoveToRight" class="fa fa-2x fa-arrow-right text-left text-primary"
-									     onClick="javascript:transferUsers('selected-learners')" ></i>
-								</td>
-								<td class="userContainerCell" rowspan="2">
-									<div class="userContainerTitle">
-										<fmt:message key="label.tab.class.learners.selected" />
-									</div>
-									<div id="selected-learners" class="userContainer"><span id="sort-selected-learners" class="sortUsersButton">▲</span></div>
-								</td>
-							</tr>
-							<tr>
-								<td class="userConainterTransferCell">
-									<i id="learnerMoveToLeft" class="fa fa-2x fa-arrow-left text-left text-primary" 
-									     onClick="javascript:transferUsers('unselected-learners')"></i>
-								</td>
-							</tr>
-						</table>
-					</div>
-
-				</div>
-        <div class="tab-pane" id="3">
-					<!-- Advanced Panel -->
-					<div id="tabAdvanced" class="tabContent">
-							<input name="method" value="addLesson" type="hidden" />
-							<input name="organisationID" value="${param.organisationID}" type="hidden" />
-							<input id="ldIdField" name="learningDesignID" type="hidden" />
-							<input id="lessonNameField" name="lessonName" type="hidden" />
-							<input id="learnersField" name="learners" type="hidden" />
-							<input id="monitorsField" name="monitors" type="hidden" />
-							<input id="splitNumberLessonsField" name="splitNumberLessons" type="hidden" />
-							
-							<div class="lead"><fmt:message key="label.tab.advanced.details" /></div>
-								<div class="options">
-									<div class="checkbox">
-										<label>
-											<input id="introEnableField" name="introEnable" value="true" type="checkbox"><fmt:message key="label.tab.advanced.intro.enable" />
-										</label>
-									</div>
-								</div>							
-								<div  id="introDescriptionDiv">
-									<div id="introDescriptionLabelDiv">
-									 <fmt:message key="label.tab.advanced.intro.description" />
-									</div>
-									<lams:CKEditor id="introDescription" toolbarSet="LessonDescription" value="">
-									</lams:CKEditor>
-
-									<div class="checkbox">
-										<label>
-											<input id="introImageField" name="introImage" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.intro.image" />
-										</label>
-									</div>	  
+					<div id="tabClassTitle" class="tabTitle"><fmt:message key="label.tab.class.title" /></div>
+					<table id="classTable" class="tabTable">
+						<tr>
+							<td class="userContainerCell" rowspan="2">
+								<div class="userContainerTitle">
+									<fmt:message key="label.tab.class.monitors.unselected" />
+									
 								</div>
-							
-							
-							<div class="lead"><fmt:message key="label.tab.advanced.section.advanced" /></div>
-							<div class="options">
-								<div class="checkbox">
-									<label>
-										<input id="startMonitorField" name="startMonitor" value="true" type="checkbox"><fmt:message key="label.tab.advanced.field.monitor" /></input><br />
-									</label>
+								<div id="unselected-monitors" class="userContainer"><span id="sort-unselected-monitors" class="sortUsersButton">▲</span></div>
+							</td>
+							<td class="userConainterTransferCell userConainterTransferTopCell">
+								<i id="monitorMoveToRight" class="fa fa-2x fa-arrow-right text-left text-primary" 
+								     onClick="javascript:transferUsers('selected-monitors')" ></i>
+							</td>
+							<td class="userContainerCell" rowspan="2">
+								<div class="userContainerTitle">
+									<fmt:message key="label.tab.class.monitors.selected" />
 								</div>
-								<div class="checkbox">
-									<label>
-										<input name="forceRestart" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.force.restart" />
-									</label>
-								</div>		
-								<div class="checkbox">
-									<label>
-										<input name="allowRestart" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.allow.restart" />
-									</label>
-								</div>	
-								<div class="checkbox">
-									<label>
-										<input name="liveEditEnable" value="true" type="checkbox" checked="checked"/><fmt:message key="label.tab.advanced.field.liveedit" />
-									</label>
+								<div id="selected-monitors" class="userContainer"><span id="sort-selected-monitors" class="sortUsersButton">▲</span></div>
+							</td>
+						</tr>
+						<tr>
+							<td class="userConainterTransferCell">
+								<i id="monitorMoveToLeft" class="fa fa-2x fa-arrow-left text-left text-primary" 
+								     onClick="javascript:transferUsers('unselected-monitors')"></i>	
+							</td>
+						</tr>
+						<tr>
+							<td class="userContainerCell" rowspan="2">
+								<div class="userContainerTitle">
+									<fmt:message key="label.tab.class.learners.unselected" />
 								</div>
-								<div class="checkbox">
-									<label>
-										<input name="notificationsEnable" value="true" type="checkbox" checked="checked"/><fmt:message key="label.tab.advanced.field.notification" />
-									</label>
+								<div id="unselected-learners" class="userContainer"><span id="sort-unselected-learners" class="sortUsersButton">▲</span></div>
+							</td>
+							<td class="userConainterTransferCell userConainterTransferTopCell" >
+								<i id="learnerMoveToRight" class="fa fa-2x fa-arrow-right text-left text-primary"
+								     onClick="javascript:transferUsers('selected-learners')" ></i>
+							</td>
+							<td class="userContainerCell" rowspan="2">
+								<div class="userContainerTitle">
+									<fmt:message key="label.tab.class.learners.selected" />
 								</div>
-	
-								<div class="checkbox">
-									<label>
-										<input id="presenceEnableField" name="presenceEnable" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.presence" />
-									</label>
-								</div>
-								
-								<div class="checkbox">
-									<label>
-										<input id="imEnableField" name="imEnable" value="true" type="checkbox" disabled="disabled"/><fmt:message key="label.tab.advanced.field.im" />
-									</label>
-								</div>
-	
-								<div class="checkbox">
-									<label>
-										<input id="splitLearnersField" type="checkbox"/><fmt:message key="label.tab.advanced.field.split" />
-									</label>
-								</div>
-								<div id="splitLearnersTable" style="display: none">
-											<fmt:message key="label.tab.advanced.field.split.number" /> <input value="1" id="splitLearnersCountField" type="number" />
-												<span class="roffset5" id="splitLearnersDescription"></span>
-								</div>
-								<div class="checkbox">
-									<label>
-										<input id="schedulingEnableField" name="schedulingEnable" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.scheduling" />
-									</label>
-								</div>		
-								<input id="schedulingDatetimeField" name="schedulingDatetime" /><br />
-						</div>
-					</div>
-				</div>
-        <div class="tab-pane" id="4">
-					<!-- Conditions Panel -->
-					<div id="tabConditions" class="tabContent">
-						<div class="lead"><fmt:message key="label.tab.conditions.dependencies" /></div>
+								<div id="selected-learners" class="userContainer"><span id="sort-selected-learners" class="sortUsersButton">▲</span></div>
+							</td>
+						</tr>
+						<tr>
+							<td class="userConainterTransferCell">
+								<i id="learnerMoveToLeft" class="fa fa-2x fa-arrow-left text-left text-primary" 
+								     onClick="javascript:transferUsers('unselected-learners')"></i>
+							</td>
+						</tr>
+					</table>
+				</lams:TabBody>
+				<lams:TabBody id="3" titleKey="label.tab.advanced">
+					<!-- Advanced Panel -->
+					<input name="method" value="addLesson" type="hidden" />
+					<input name="organisationID" value="${param.organisationID}" type="hidden" />
+					<input id="ldIdField" name="learningDesignID" type="hidden" />
+					<input id="lessonNameField" name="lessonName" type="hidden" />
+					<input id="learnersField" name="learners" type="hidden" />
+					<input id="monitorsField" name="monitors" type="hidden" />
+					<input id="splitNumberLessonsField" name="splitNumberLessons" type="hidden" />
+					
+					<div class="lead"><fmt:message key="label.tab.advanced.details" /></div>
 						<div class="options">
-							<div class="fieldSectionDescription"><fmt:message key="label.tab.conditions.dependencies.desc" /></div>
 							<div class="checkbox">
 								<label>
-									<input id="precedingLessonEnableField" name="precedingLessonEnable" value="true"
-							       type="checkbox"/><fmt:message key="label.tab.conditions.enable" />
-							  </label>
-							 </div>      
-							<select id="precedingLessonIdField" name="precedingLessonId">
-								<c:forEach var="availableLesson" items="${availablePrecedingLessons}">
-									<option value="${availableLesson.lessonID}"><c:out value="${availableLesson.lessonName}" /></option>
-								</c:forEach>
-							</select>
-						</div>	
-						
-						<div class="lead"><fmt:message key="label.tab.conditions.timelimit" /></div>
-						<div class="options">
-							<div class="fieldSectionDescription"><fmt:message key="label.tab.conditions.timelimit.desc" /></div>
-							
-							<div class="checkbox">
-								<label>
-									<input id="timeLimitEnableField" name="timeLimitEnable" value="true" type="checkbox"/><fmt:message key="label.tab.conditions.enable" />
-								</label>	
+									<input id="introEnableField" name="introEnable" value="true" type="checkbox"><fmt:message key="label.tab.advanced.intro.enable" />
+								</label>
 							</div>
-							<div id="timeLimitDiv" style="display: none;">
-								<fmt:message key="label.tab.conditions.timelimit.days" /> <input id="timeLimitDaysField" name="timeLimitDays" /><br />
-								<div class="checkbox">
-									<label>
-										<input id="timeLimitIndividualField" name="timeLimitIndividual" value="true"
-								       type="checkbox"/><fmt:message key="label.tab.conditions.timelimit.individual" />
-								  </label>     
-								</div>       
+						</div>							
+						<div  id="introDescriptionDiv">
+							<div id="introDescriptionLabelDiv">
+							 <fmt:message key="label.tab.advanced.intro.description" />
 							</div>
+							<lams:CKEditor id="introDescription" toolbarSet="LessonDescription" value="">
+							</lams:CKEditor>
+
+							<div class="checkbox">
+								<label>
+									<input id="introImageField" name="introImage" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.intro.image" />
+								</label>
+							</div>	  
+						</div>
+					
+					
+					<div class="lead"><fmt:message key="label.tab.advanced.section.advanced" /></div>
+					<div class="options">
+						<div class="checkbox">
+							<label>
+								<input id="startMonitorField" name="startMonitor" value="true" type="checkbox"><fmt:message key="label.tab.advanced.field.monitor" /></input><br />
+							</label>
+						</div>
+						<div class="checkbox">
+							<label>
+								<input name="forceRestart" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.force.restart" />
+							</label>
+						</div>		
+						<div class="checkbox">
+							<label>
+								<input name="allowRestart" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.allow.restart" />
+							</label>
 						</div>	
+						<div class="checkbox">
+							<label>
+								<input name="liveEditEnable" value="true" type="checkbox" checked="checked"/><fmt:message key="label.tab.advanced.field.liveedit" />
+							</label>
+						</div>
+						<div class="checkbox">
+							<label>
+								<input name="notificationsEnable" value="true" type="checkbox" checked="checked"/><fmt:message key="label.tab.advanced.field.notification" />
+							</label>
+						</div>
+
+						<div class="checkbox">
+							<label>
+								<input id="presenceEnableField" name="presenceEnable" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.presence" />
+							</label>
+						</div>
+						
+						<div class="checkbox">
+							<label>
+								<input id="imEnableField" name="imEnable" value="true" type="checkbox" disabled="disabled"/><fmt:message key="label.tab.advanced.field.im" />
+							</label>
+						</div>
+
+						<div class="checkbox">
+							<label>
+								<input id="splitLearnersField" type="checkbox"/><fmt:message key="label.tab.advanced.field.split" />
+							</label>
+						</div>
+						<div id="splitLearnersTable" style="display: none">
+									<span><fmt:message key="label.tab.advanced.field.split.number" /> </span> <input value="1" id="splitLearnersCountField" type="number" />
+										<span class="roffset5" id="splitLearnersDescription"></span>
+						</div>
+						<div class="checkbox">
+							<label>
+								<input id="schedulingEnableField" name="schedulingEnable" value="true" type="checkbox"/><fmt:message key="label.tab.advanced.field.scheduling" />
+							</label>
+						</div>		
+						<input id="schedulingDatetimeField" name="schedulingDatetime" /><br />
 					</div>
-				</div>
+				</lams:TabBody>
+				<lams:TabBody id="4" titleKey="label.tab.conditions">
+					<!-- Conditions Panel -->
+					<div class="lead"><fmt:message key="label.tab.conditions.dependencies" /></div>
+					<div class="options">
+						<div class="fieldSectionDescription"><fmt:message key="label.tab.conditions.dependencies.desc" /></div>
+						<div class="checkbox">
+							<label>
+								<input id="precedingLessonEnableField" name="precedingLessonEnable" value="true"
+						       type="checkbox"/><fmt:message key="label.tab.conditions.enable" />
+						  </label>
+						 </div>      
+						<select id="precedingLessonIdField" name="precedingLessonId">
+							<c:forEach var="availableLesson" items="${availablePrecedingLessons}">
+								<option value="${availableLesson.lessonID}"><c:out value="${availableLesson.lessonName}" /></option>
+							</c:forEach>
+						</select>
+					</div>	
+					
+					<div class="lead"><fmt:message key="label.tab.conditions.timelimit" /></div>
+					<div class="options">
+						<div class="fieldSectionDescription"><fmt:message key="label.tab.conditions.timelimit.desc" /></div>
+						
+						<div class="checkbox">
+							<label>
+								<input id="timeLimitEnableField" name="timeLimitEnable" value="true" type="checkbox"/><fmt:message key="label.tab.conditions.enable" />
+							</label>	
+						</div>
+						<div id="timeLimitDiv" style="display: none;">
+							<span><fmt:message key="label.tab.conditions.timelimit.days" /> </span> <input id="timeLimitDaysField" name="timeLimitDays" type="number" /><br />
+							<div class="checkbox">
+								<label>
+									<input id="timeLimitIndividualField" name="timeLimitIndividual" value="true"
+							       type="checkbox"/><fmt:message key="label.tab.conditions.timelimit.individual" />
+							  </label>     
+							</div>       
+						</div>
+					</div>	
+				</lams:TabBody>
+			</lams:TabBodys>
+		</lams:TabBodyArea>
+</lams:Page>
 
-			</div>
-</div>
-<hr class="separator">
+</form>
+
+<hr class="separator" />
 <div class="container-fluid">
 	<div class="pull-right">
 		<button id="addButton" class="btn btn-primary" href="#" onClick="javascript:addLesson()"><i class="fa fa-plus"></i> 
@@ -311,12 +300,5 @@
 </div>
 
 
-
-	
-
-	
-
-</form>
-
 </body>
 </lams:html>
Index: lams_central/web/css/addLesson.css
===================================================================
diff -u -rdc4ba204bb906332f9bb94cf9d24c1cf6d2c1630 -r481d8af8e0dfa898a103943c6088b753f36e6e36
--- lams_central/web/css/addLesson.css	(.../addLesson.css)	(revision dc4ba204bb906332f9bb94cf9d24c1cf6d2c1630)
+++ lams_central/web/css/addLesson.css	(.../addLesson.css)	(revision 481d8af8e0dfa898a103943c6088b753f36e6e36)
@@ -13,45 +13,35 @@
 	margin-top: 35%;
 }
 
-div#tabs {
-	width: 789px;
-	height: 574px;
+#content {
+	width: 100%;
+	padding: 0;
+}
+
+#content > .panel {
 	border: none;
+	border-shadow: none;
+	box-shadow: none;
 }
 
-div.tabContent {
-	height: 543px;
-	overflow: auto;
+#content .panel-monitor-page, #content .panel-monitor-body  {
+	margin-bottom: 0;
+	padding-bottom: 0;
 }
 
-.ui-tabs .ui-tabs-panel {
-	padding: 0px;
+#content .navbar-collapse {
+	padding-left: 0;
 }
 
 .ui-spinner {
 	margin-left: 10px;
 }
 
-div#tabs ul li a, a.ygtvspacer, a#closeButton, a#addButton {
-	border-bottom: none;
-}
-
-a#addButton {
-	position: absolute;
-	right: 60px;
-	top: 6px;
-	width: 80px;
-	padding: 5px 0 5px 25px;
-	vertical-align: center;
-	font-weight:bolder;
-	border: thin solid #2E6E9E;
-	background-color: #D0E5F5;
-}
-
 table.tabTable {
 	height: 517px;
 	table-layout: fixed;
 	border-top: thin dotted #2E6E9E;
+	border-collapse: separate;
 }
 
 div.tabTitle {
@@ -124,6 +114,10 @@
 }
 	
 
+table#classTable {
+	width: 100%;
+}
+
 td.userContainerCell {
 	vertical-align: top;
 	padding: 5px 5px 0px 5px;
Index: lams_central/web/includes/javascript/groupDisplay.js
===================================================================
diff -u -r36e474218e1201198ba926e57e56c7a885db1a9f -r481d8af8e0dfa898a103943c6088b753f36e6e36
--- lams_central/web/includes/javascript/groupDisplay.js	(.../groupDisplay.js)	(revision 36e474218e1201198ba926e57e56c7a885db1a9f)
+++ lams_central/web/includes/javascript/groupDisplay.js	(.../groupDisplay.js)	(revision 481d8af8e0dfa898a103943c6088b753f36e6e36)
@@ -204,6 +204,7 @@
 		'draggable' : false,
 		'height' : 740,
 		'width' : 850,
+		'title' : LABELS.ADD_LESSON_TITLE,
 		'open' : function() {
 			var dialog = $(this);
 			// load contents after opening the dialog
Index: lams_central/web/main.jsp
===================================================================
diff -u -r64d328ea0d7c6839143a522755843fb3c5b50382 -r481d8af8e0dfa898a103943c6088b753f36e6e36
--- lams_central/web/main.jsp	(.../main.jsp)	(revision 64d328ea0d7c6839143a522755843fb3c5b50382)
+++ lams_central/web/main.jsp	(.../main.jsp)	(revision 481d8af8e0dfa898a103943c6088b753f36e6e36)
@@ -55,6 +55,8 @@
 					SORTING_ENABLE : '<c:out value="${SORTING_ENABLE_VAR}" />',
 					<fmt:message key="label.disable.lesson.sorting" var="SORTING_DISABLE_VAR"/>
 					SORTING_DISABLE : '<c:out value="${SORTING_DISABLE_VAR}" />',
+					<fmt:message key="index.addlesson" var="ADD_LESSON_TITLE_VAR"/>
+					ADD_LESSON_TITLE : '<c:out value="${ADD_LESSON_TITLE_VAR}" />',
 					<fmt:message key="index.single.activity.lesson.title" var="SINGLE_ACTIVITY_LESSON_TITLE_VAR"/>
 					SINGLE_ACTIVITY_LESSON_TITLE : '<c:out value="${SINGLE_ACTIVITY_LESSON_TITLE_VAR}" />',
 					<fmt:message key="index.gradebook.course.title" var="GRADEBOOK_COURSE_TITLE_VAR"/>
