Index: lams_central/web/css/defaultHTML_learner.css
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/css/defaultHTML_learner.css,v
diff -u -r1.32.2.6 -r1.32.2.7
--- lams_central/web/css/defaultHTML_learner.css	23 Feb 2016 14:19:19 -0000	1.32.2.6
+++ lams_central/web/css/defaultHTML_learner.css	23 Feb 2016 17:20:54 -0000	1.32.2.7
@@ -96,7 +96,6 @@
   background: url('/lams/images/css/light-fabric.jpg');
 }
 .sbox {
-  background-color: transparent;
   border-bottom: 2px solid rgba(221, 221, 221, 0.55);
   border-radius: 0px;
 }
Index: lams_central/web/less/defaultHTML_learner.less
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/less/Attic/defaultHTML_learner.less,v
diff -u -r1.1.2.1 -r1.1.2.2
Binary files differ
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_notebook/web/WEB-INF/tags/Alert.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag,v
diff -u -r1.3 -r1.3.14.1
--- lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag	27 Oct 2006 02:39:36 -0000	1.3
+++ lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag	23 Feb 2016 17:21:32 -0000	1.3.14.1
@@ -1,6 +1,6 @@
 
 <%
-	 /****************************************************************
+	/****************************************************************
 	 * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
 	 * =============================================================
 	 * License Information: http://lamsfoundation.org/licensing/lams/2.0/
@@ -49,10 +49,18 @@
 	<c:set var="buttonTryAgainKey" value="button.try.again" />
 </c:if>
 
-<p>
-	<fmt:message key="${defineLaterMessageKey}" />
-</p>
-<div align="right" class="space-bottom-top">
-	<a href="javascript:location.reload(true);" class="button"><fmt:message
-			key="${buttonTryAgainKey}" /> </a>
+<div class="row no-gutter">
+	<div
+		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		<div class="alert alert-info">
+			<fmt:message key="${defineLaterMessageKey}" />
+		</div>
+	</div>
 </div>
+<div class="row no-gutter">
+	<div class="col-xs-12">
+		<a href="javascript:location.reload(true);"
+			class="btn btn-primary pull-right voffset5"><fmt:message
+				key="${buttonTryAgainKey}" /></a>
+	</div>
+</div>
\ No newline at end of file
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_notebook/web/WEB-INF/tags/Page.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld,v
diff -u -r1.3.2.1 -r1.3.2.2
--- lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld	4 Aug 2014 14:00:31 -0000	1.3.2.1
+++ lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld	23 Feb 2016 17:20:57 -0000	1.3.2.2
@@ -440,6 +440,14 @@
 		<path>/WEB-INF/tags/DefineLater.tag</path>
    	</tag-file>  
    	<tag-file>
+	    <name>Alert</name>
+		<path>/WEB-INF/tags/Alert.tag</path>
+   	</tag-file>  
+   	<tag-file>
+	    <name>Page</name>
+		<path>/WEB-INF/tags/Page.tag</path>
+   	</tag-file>  
+   	<tag-file>
 	    <name>ImgButtonWrapper</name>
 		<path>/WEB-INF/tags/ImgButtonWrapper.tag</path>
    	</tag-file>
Index: lams_tool_notebook/web/common/header.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/common/header.jsp,v
diff -u -r1.4 -r1.4.2.1
--- lams_tool_notebook/web/common/header.jsp	13 Nov 2012 03:32:42 -0000	1.4
+++ lams_tool_notebook/web/common/header.jsp	23 Feb 2016 17:20:56 -0000	1.4.2.1
@@ -1,12 +1,10 @@
 <%@ include file="/common/taglibs.jsp"%>
-
 <c:set var="lams">
 	<lams:LAMSURL />
 </c:set>
 <c:set var="tool">
 	<lams:WebAppURL />
 </c:set>
-
 <lams:head>
 	<title>
 		<fmt:message key="activity.title" />
Index: lams_tool_notebook/web/common/learnerheader.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/common/learnerheader.jsp,v
diff -u -r1.5 -r1.5.2.1
--- lams_tool_notebook/web/common/learnerheader.jsp	13 Nov 2012 03:32:43 -0000	1.5
+++ lams_tool_notebook/web/common/learnerheader.jsp	23 Feb 2016 17:20:56 -0000	1.5.2.1
@@ -1,17 +1,16 @@
 <%@ include file="/common/taglibs.jsp"%>
-
 <c:set var="lams">
 	<lams:LAMSURL />
 </c:set>
 <c:set var="tool">
 	<lams:WebAppURL />
 </c:set>
-
 <lams:head>  
 	<title>
 		<fmt:message key="activity.title" />
 	</title>
 	<lams:css/>
-
 	<script type="text/javascript" src="${lams}includes/javascript/common.js"></script>
+	<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
+	<script type="text/javascript" src="${lams}includes/javascript/bootstrap.min.js"></script>
 </lams:head>
Index: lams_tool_notebook/web/layouts/defaultLayout.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/layouts/defaultLayout.jsp,v
diff -u -r1.5 -r1.5.14.1
--- lams_tool_notebook/web/layouts/defaultLayout.jsp	15 Nov 2006 08:56:56 -0000	1.5
+++ lams_tool_notebook/web/layouts/defaultLayout.jsp	23 Feb 2016 17:20:57 -0000	1.5.14.1
@@ -1,5 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-            "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 
 <%@ include file="/common/taglibs.jsp"%>
 
Index: lams_tool_notebook/web/layouts/learningLayout.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/layouts/learningLayout.jsp,v
diff -u -r1.4 -r1.4.14.1
--- lams_tool_notebook/web/layouts/learningLayout.jsp	15 Nov 2006 08:56:56 -0000	1.4
+++ lams_tool_notebook/web/layouts/learningLayout.jsp	23 Feb 2016 17:20:57 -0000	1.4.14.1
@@ -1,8 +1,5 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-            "http://www.w3.org/TR/html4/loose.dtd">
-
+<!DOCTYPE html>
 <%@ include file="/common/taglibs.jsp"%>
-
 <lams:html>
 	<tiles:insert attribute="header" />
 	<body class="stripes">
Index: lams_tool_notebook/web/layouts/tabLayout.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/layouts/tabLayout.jsp,v
diff -u -r1.5 -r1.5.14.1
--- lams_tool_notebook/web/layouts/tabLayout.jsp	15 Nov 2006 08:56:56 -0000	1.5
+++ lams_tool_notebook/web/layouts/tabLayout.jsp	23 Feb 2016 17:20:57 -0000	1.5.14.1
@@ -1,5 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-            "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 
 <%@ include file="/common/taglibs.jsp"%>
 
Index: lams_tool_notebook/web/pages/learning/defineLater.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/pages/learning/defineLater.jsp,v
diff -u -r1.3 -r1.3.14.1
--- lams_tool_notebook/web/pages/learning/defineLater.jsp	27 Oct 2006 08:30:33 -0000	1.3
+++ lams_tool_notebook/web/pages/learning/defineLater.jsp	23 Feb 2016 17:20:57 -0000	1.3.14.1
@@ -1,11 +1,12 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div id="content">
-	<h1>
-		<fmt:message key="activity.title" />
-	</h1>
+<c:set var="title" scope="request">
+	<fmt:message key="activity.title" />
+</c:set>
+
+<lams:Page type="learner" title="${title}">
 	<lams:DefineLater defineLaterMessageKey="message.defineLaterSet" />
-</div>
+</lams:Page>
 
 
 
Index: lams_tool_notebook/web/pages/learning/notebook.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/pages/learning/notebook.jsp,v
diff -u -r1.30.2.2 -r1.30.2.3
--- lams_tool_notebook/web/pages/learning/notebook.jsp	3 Feb 2016 04:08:52 -0000	1.30.2.2
+++ lams_tool_notebook/web/pages/learning/notebook.jsp	23 Feb 2016 17:20:57 -0000	1.30.2.3
@@ -8,111 +8,117 @@
 	}
 
 	function validateForm() {
-	
+
 		// Validates that there's input from the user. 
-		
+
 		// disables the Finish button to avoid double submittion 
 		disableFinishButton();
 
- 		if (mode == "learner") {
+		if (mode == "learner") {
 			// if this is learner mode, then we add this validation see (LDEV-1319)
-		
+
 			if (document.learningForm.entryText.value == "") {
-				
+
 				// if the input is blank, then we further inquire to make sure it is correct
-				if (confirm("<fmt:message>message.learner.blank.input</fmt:message>"))  {
+				if (confirm("<fmt:message>message.learner.blank.input</fmt:message>")) {
 					// if correct, submit form
 					return true;
 				} else {
 					// otherwise, focus on the text area
 					document.learningForm.entryText.focus();
 					document.getElementById("finishButton").disabled = false;
-					return false;      
+					return false;
 				}
 			} else {
 				// there was something on the form, so submit the form
 				return true;
 			}
 		}
 	}
-	
-	function submitForm(methodName){
+
+	function submitForm(methodName) {
 		var f = document.getElementById('messageForm');
 		f.submit();
 	}
 </script>
 
-<div id="content">
-	<h1>
-		<c:out value="${notebookDTO.title}" escapeXml="true"/>
-	</h1>
+<html:form action="/learning" method="post" onsubmit="return validateForm();" styleId="messageForm">
+	<html:hidden property="dispatch" value="finishActivity" />
+	<html:hidden property="toolSessionID" />
+	<html:hidden property="contentEditable" value="${contentEditable}" />
+	<c:set var="lrnForm" value="<%=request
+						.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
 
-	<p>
-		<c:out value="${notebookDTO.instructions}" escapeXml="false"/>
-	</p>
 
-	<c:if test="${not empty notebookDTO.submissionDeadline}">
-		 <div class="info">
-		 	<fmt:message key="authoring.info.teacher.set.restriction" >
-		 		<fmt:param><lams:Date value="${notebookDTO.submissionDeadline}" /></fmt:param>
-		 	</fmt:message>
-		 </div>
-	</c:if>
-
-	<c:if test="${notebookDTO.lockOnFinish and mode == 'learner'}">
-		<div class="info">
-			<c:choose>
-				<c:when test="${finishedActivity}">
-					<fmt:message key="message.activityLocked" />
-				</c:when>
-				<c:otherwise>
-					<fmt:message key="message.warnLockOnFinish" />
-				</c:otherwise>
-			</c:choose>
+	<lams:Page type="learner" title="${notebookDTO.title}">
+		<div class="panel">
+			<c:out value="${notebookDTO.instructions}" escapeXml="false" />
 		</div>
-	</c:if>
 
-	&nbsp;
+		<!-- Notifications and warnings -->
+		<c:if test="${not empty notebookDTO.submissionDeadline}">
+			<lams:Alert id="submissionDeadline" type="info" close="true">
+				<fmt:message key="authoring.info.teacher.set.restriction">
+					<fmt:param>
+						<lams:Date value="${notebookDTO.submissionDeadline}" />
+					</fmt:param>
+				</fmt:message>
+			</lams:Alert>
+		</c:if>
 
-	<html:form action="/learning" method="post" onsubmit="return validateForm();" styleId="messageForm">
-		<html:hidden property="dispatch" value="finishActivity" />
-		<html:hidden property="toolSessionID" />
-		<html:hidden property="contentEditable" value="${contentEditable}" />
-		
-		<c:set var="lrnForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
-
-		<c:choose>
-			<c:when test="${contentEditable}">
+		<c:if test="${notebookDTO.lockOnFinish and mode == 'learner'}">
+			<lams:Alert id="activityLocked" type="info" close="true">
 				<c:choose>
-					<c:when test="${notebookDTO.allowRichEditor}">
-						<lams:CKEditor id="entryText" value="${lrnForm.entryText}" contentFolderID="${learnerContentFolder}"
-							toolbarSet="DefaultLearner">
-						</lams:CKEditor>
+					<c:when test="${finishedActivity}">
+						<fmt:message key="message.activityLocked" />
 					</c:when>
-
 					<c:otherwise>
-						<html:textarea cols="60" rows="8" property="entryText"styleClass="text-area"/>
+						<fmt:message key="message.warnLockOnFinish" />
 					</c:otherwise>
 				</c:choose>
-			</c:when>
-
-			<c:otherwise>
-				<lams:out value="${lrnForm.entryText}" />
-			</c:otherwise>
-		</c:choose>
-		
-		<c:if test="${not empty teachersComment}">
-			<br><br>
-			<h3>
-				<fmt:message key="label.comment" />
-			</h3>
-			<lams:out value="${teachersComment}" escapeHtml="true"/>
+			</lams:Alert>
 		</c:if>
-		
-		<c:if test="${mode != 'teacher'}">
-			<div class="space-bottom-top align-right">
-				<html:link href="#nogo" styleClass="button" styleId="finishButton" onclick="submitForm('finish')">
-					<span class="nextActivity">
+		<!-- End Notifications and warnings -->
+
+		<!-- Form -->
+		<div class="form-group">
+			<c:choose>
+				<c:when test="${contentEditable}">
+					<c:choose>
+						<c:when test="${notebookDTO.allowRichEditor}">
+							<lams:CKEditor id="entryText" value="${lrnForm.entryText}" contentFolderID="${learnerContentFolder}"
+								toolbarSet="DefaultLearner">
+							</lams:CKEditor>
+						</c:when>
+
+						<c:otherwise>
+							<html:textarea rows="8" property="entryText" styleClass="form-control" styleId="focusedInput" />
+						</c:otherwise>
+					</c:choose>
+				</c:when>
+
+				<c:otherwise>
+					<div class="sbox sbox-body voffset10 bg-warning">
+						<lams:out value="${lrnForm.entryText}" />
+					</div>
+				</c:otherwise>
+			</c:choose>
+
+			<c:if test="${not empty teachersComment}">
+				<div class="panel panel-default voffset5 roffset10">
+					<div class="panel-heading">
+						<fmt:message key="label.reply.comment" />
+					</div>
+					<div class="panel-body">
+						<lams:out value="${teachersComment}" escapeHtml="true" />
+					</div>
+				</div>
+			</c:if>
+
+			<c:if test="${mode != 'teacher'}">
+				<div class="right-buttons voffset5">
+					<html:link href="#nogo" styleClass="btn btn-primary pull-right na" styleId="finishButton"
+						onclick="submitForm('finish')">
 						<c:choose>
 							<c:when test="${activityPosition.last}">
 								<fmt:message key="button.submit" />
@@ -121,9 +127,20 @@
 								<fmt:message key="button.finish" />
 							</c:otherwise>
 						</c:choose>
-					</span>
-				</html:link>
-			</div>
-		</c:if>
-	</html:form>
-</div>
+					</html:link>
+				</div>
+			</c:if>
+		</div>
+	</lams:Page>
+</html:form>
+<!-- end form -->
+
+
+
+
+
+<script type="text/javascript">
+	window.onload = function() {
+		document.getElementById("focusedInput").focus();
+	}
+</script>
\ No newline at end of file
Index: lams_tool_notebook/web/pages/learning/submissionDeadline.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/pages/learning/submissionDeadline.jsp,v
diff -u -r1.2 -r1.2.2.1
--- lams_tool_notebook/web/pages/learning/submissionDeadline.jsp	27 Mar 2014 00:00:06 -0000	1.2
+++ lams_tool_notebook/web/pages/learning/submissionDeadline.jsp	23 Feb 2016 17:20:57 -0000	1.2.2.1
@@ -4,43 +4,40 @@
 	function disableFinishButton() {
 		document.getElementById("finishButton").disabled = true;
 	}
-    function submitForm(methodName){
-    	var f = document.getElementById('messageForm');
-    	f.submit();
-    }
+	function submitForm(methodName) {
+		var f = document.getElementById('messageForm');
+		f.submit();
+	}
 </script>
 
-<div id="content">
-	<h1>
-		<c:out value="${notebookDTO.title}" escapeXml="true"/>
-	</h1>
+<lams:Page type="learner" title="${notebookDTO.title}">
 
-	<div class="warning">
-		<fmt:message key="authoring.info.teacher.set.restriction" >
-			<fmt:param><lams:Date value="${notebookDTO.submissionDeadline}" /></fmt:param>
-		</fmt:message>	
-	</div>
-	
+	<!-- Announcements and advanced settings -->
+	<lams:Alert id="submissionDeadline" type="danger" close="false">
+		<fmt:message key="authoring.info.teacher.set.restriction">
+			<fmt:param>
+				<lams:Date value="${notebookDTO.submissionDeadline}" />
+			</fmt:param>
+		</fmt:message>
+	</lams:Alert>
+	<!-- End announcements and advanced settings -->
+
 	<c:if test="${mode == 'learner' || mode == 'author'}">
 		<html:form action="/learning" method="post" onsubmit="disableFinishButton();" styleId="messageForm">
 			<html:hidden property="dispatch" value="finishActivity" />
 			<html:hidden property="toolSessionID" />
 
-			<div align="right" class="space-bottom-top">
-				<html:link href="#nogo" styleClass="button" styleId="finishButton" onclick="submitForm('finish')">
-					<span class="nextActivity">
-						<c:choose>
-							<c:when test="${activityPosition.last}">
-								<fmt:message key="button.submit" />
-							</c:when>
-							<c:otherwise>
-								<fmt:message key="button.finish" />
-							</c:otherwise>
-						</c:choose>
-					</span>
-				</html:link>
-			</div>
+			<html:link href="#nogo" styleClass="btn btn-primary pull-right voffset10 na" styleId="finishButton"
+				onclick="submitForm('finish')">
+				<c:choose>
+					<c:when test="${activityPosition.last}">
+						<fmt:message key="button.submit" />
+					</c:when>
+					<c:otherwise>
+						<fmt:message key="button.finish" />
+					</c:otherwise>
+				</c:choose>
+			</html:link>
 		</html:form>
 	</c:if>
-</div>
-
+</lams:Page>