Index: lams_tool_larsrc/conf/xdoclet/struts-actions.xml
===================================================================
diff -u -r199c9d26d57c7372cfb86f92018ab4c6fb9588dd -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/conf/xdoclet/struts-actions.xml	(.../struts-actions.xml)	(revision 199c9d26d57c7372cfb86f92018ab4c6fb9588dd)
+++ lams_tool_larsrc/conf/xdoclet/struts-actions.xml	(.../struts-actions.xml)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -173,7 +173,7 @@
 		</action>
 		
 		
-		<action path="/learning/addfile"
+ 		<action path="/learning/addfile"
 			type="org.lamsfoundation.lams.tool.rsrc.web.action.LearningAction"
 			parameter="addfile"
 			name="resourceItemForm" 
Index: lams_tool_larsrc/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u
--- lams_tool_larsrc/web/WEB-INF/tags/Alert.tag	(revision 0)
+++ lams_tool_larsrc/web/WEB-INF/tags/Alert.tag	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -0,0 +1,46 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row no-gutter">
+	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
+			<div class="media">
+				<div class="media-left">
+					<i class="fa fa-lg fa-${iconType} text-muted"></i>
+				</div>
+				<div class="media-body">
+					<c:if test="${close}">
+							<a href="#" class="close pull-right" data-dismiss="alert" aria-label="close">&times;</a>
+					</c:if>
+					<jsp:doBody />
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
Index: lams_tool_larsrc/web/WEB-INF/tags/Page.tag
===================================================================
diff -u
--- lams_tool_larsrc/web/WEB-INF/tags/Page.tag	(revision 0)
+++ lams_tool_larsrc/web/WEB-INF/tags/Page.tag	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -0,0 +1,36 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+
+<%@ attribute name="type" required="true" rtexprvalue="true"%>
+<%@ attribute name="style" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
+<%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+
+
+
+<div class="row no-gutter">
+	<div class="col-xs-12">
+		<div class="container" id="content">
+			<div class="panel panel-default panel-${type}-page">
+				<div class="panel-heading">
+					<c:if test="${not empty title}">
+						<div class="panel-title panel-${type}-title">
+							<c:out value="${title}" escapeXml="true" />
+							<c:if test="${not empty titleHelpURL}">
+								<a style="float: right" href="${titleHelpURL}" target="_new"><span class="help" style="margin: 0px"></span></a>
+							</c:if>
+						</div>
+					</c:if>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+				<div class="panel-body panel-${type}-body">
+					<jsp:doBody />
+				</div>
+			</div>
+		</div>
+		<!-- End content container -->
+	</div>
+</div>
Index: lams_tool_larsrc/web/WEB-INF/tags/TSTable.tag
===================================================================
diff -u
--- lams_tool_larsrc/web/WEB-INF/tags/TSTable.tag	(revision 0)
+++ lams_tool_larsrc/web/WEB-INF/tags/TSTable.tag	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -0,0 +1,53 @@
+<%-- Tablesorter Table and Pager --%>
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="numColumns" required="true" rtexprvalue="true"%>
+<%@ attribute name="dataId" required="false" rtexprvalue="true"%>
+<%@ attribute name="tableClass" required="false" rtexprvalue="true"%>
+<%@ attribute name="pagerClass" required="false" rtexprvalue="true"%>
+<%@ attribute name="test" required="false" rtexprvalue="true"%>
+
+<c:if test="${empty tableClass}">
+	<c:set var="tableClass" value="tablesorter" />
+</c:if>
+
+<c:if test="${empty pagerClass}">
+	<c:set var="pagerClass" value="ts-pager" />
+</c:if>
+
+<c:if test="${empty dataId}">
+	<c:set var="dataId" value="" />
+</c:if>
+
+<table class="${tableClass}" ${dataId}>
+	<thead>
+		<tr>
+			<jsp:doBody />
+		</tr>
+	</thead>
+	<tfoot>
+		<tr>
+	    	<th colspan="${numColumns}" class="${pagerClass} form-horizontal">
+	        <button type="button" class="btn btn-xs first"><i class="fa fa-step-backward"></i></button>
+	        <button type="button" class="btn btn-xs prev"><i class="fa fa-backward"></i></button>
+	        <span class="pagedisplay"></span> <!-- this can be any element, including an input -->
+	        <button type="button" class="btn btn-xs next"><i class="fa fa-forward"></i></button>
+	        <button type="button" class="btn btn-xs last"><i class="fa fa-step-forward"></i></button>
+	        <select class="pagesize" title="Select page size">
+	      		<c:if test="${not empty test}"><option value="2">2</option></c:if>
+	      		<option selected="selected" value="10">10</option>
+	      		<option value="20">20</option>
+	      		<option value="30">30</option>
+	      		<option value="40">40</option>
+	      		<option value="50">50</option>
+	      		<option value="100">100</option>
+	        </select>
+	      </th>
+	    </tr>
+	</tfoot>
+	<tbody>
+	</tbody>
+</table>
+
+	
\ No newline at end of file
Index: lams_tool_larsrc/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r5e63656a12c02f7476564e278b43ff4ce86ac930 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5e63656a12c02f7476564e278b43ff4ce86ac930)
+++ lams_tool_larsrc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -432,6 +432,18 @@
 		<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>TSTable</name>
+		<path>/WEB-INF/tags/TSTable.tag</path>
+   	</tag-file>    
+   	<tag-file>
 	    <name>ImgButtonWrapper</name>
 		<path>/WEB-INF/tags/ImgButtonWrapper.tag</path>
    	</tag-file>
Index: lams_tool_larsrc/web/WEB-INF/urlrewrite.xml
===================================================================
diff -u -r928f11f0e8823f65d321081a9a0bd884ee2f14eb -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/WEB-INF/urlrewrite.xml	(.../urlrewrite.xml)	(revision 928f11f0e8823f65d321081a9a0bd884ee2f14eb)
+++ lams_tool_larsrc/web/WEB-INF/urlrewrite.xml	(.../urlrewrite.xml)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -10,7 +10,7 @@
 -->
 <urlrewrite>
 
-     <rule>
+<!--      <rule>
         <note>
             The rule means that requests to tool's learning jsp will be redirected to /learning/mobile/ folder
             containing mobile version of jsps.
@@ -33,6 +33,6 @@
         <from>^/(.*)itemreview/([^/]*\.jsp)$</from>
         <to>/$1itemreview/mobile/$2</to>
     </rule>
-    
+ -->    
 </urlrewrite>
 
Index: lams_tool_larsrc/web/common/messages.jsp
===================================================================
diff -u -rf8ab6c53122ad8a79807dbbb92c8ea9da96ad3eb -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/common/messages.jsp	(.../messages.jsp)	(revision f8ab6c53122ad8a79807dbbb92c8ea9da96ad3eb)
+++ lams_tool_larsrc/web/common/messages.jsp	(.../messages.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -1,8 +1,8 @@
 <%-- Error Messages --%>
 <logic:messagesPresent>
-	<p class="warning">
-	        <html:messages id="error">
-	            <c:out value="${error}" escapeXml="false"/><br/>
-	        </html:messages>
-	</p>
+		<lams:Alert id="errorMessages" type="danger" close="false">
+        <html:messages id="error">
+            <c:out value="${error}" escapeXml="false"/><BR/>
+        </html:messages>
+    </lams:Alert>
 </logic:messagesPresent>
\ No newline at end of file
Index: lams_tool_larsrc/web/pages/authoring/parts/addurl.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/authoring/parts/addurl.jsp	(.../addurl.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/authoring/parts/addurl.jsp	(.../addurl.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -13,27 +13,31 @@
 		</script>
 		<script type="text/javascript" src="<html:rewrite page='/includes/javascript/rsrcresourceitem.js'/>"></script>
 	</lams:head>
-	<body class="tabpart">
+	<body>
 
-		<!-- Basic Info Form-->
 		<%@ include file="/common/messages.jsp"%>
-		<html:form action="/authoring/saveOrUpdateItem" method="post"
-			styleId="resourceItemForm">
-			<html:hidden property="sessionMapID" />
-			<input type="hidden" name="instructionList" id="instructionList" />
-			<input type="hidden" name="itemType" id="itemType" value="1" />
-			<html:hidden property="itemIndex" />
 
-			<h2 class="no-space-left">
+		<!-- Basic Info Form-->
+		<div class="panel panel-default add-file">
+			<div class="panel-heading panel-title">
 				<fmt:message key="label.authoring.basic.add.url" />
-			</h2>
-
-			<div class="field-name">
-				<fmt:message key="label.authoring.basic.resource.title.input" />
 			</div>
+			<div class="panel-body">
+			<div class="form-group">
 
-			<html:text property="title" size="55" />
+			<form>
+			<html:form action="/authoring/saveOrUpdateItem" method="post" styleId="resourceItemForm">
+				<html:hidden property="sessionMapID" />
+				<input type="hidden" name="instructionList" id="instructionList" />
+				<input type="hidden" name="itemType" id="itemType" value="1" />
+				<html:hidden property="itemIndex" />
 
+				<div class="form-group">
+			    	<label for="title"><fmt:message key="label.authoring.basic.resource.title.input" /></label>
+					<html:text property="title" size="55" />
+			  	</div>	
+			  
+
 			<div class="field-name space-top">
 				<fmt:message key="label.authoring.basic.resource.url.input" />
 			</div>
@@ -50,6 +54,7 @@
 
 		<!-- Instructions -->
 		<%@ include file="instructions.jsp"%>
+		</form>
 
 		<lams:ImgButtonWrapper>
 			<a href="#" onclick="submitResourceItem()" class="button-add-item"><fmt:message
Index: lams_tool_larsrc/web/pages/itemreview/instructionsnav.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/itemreview/instructionsnav.jsp	(.../instructionsnav.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/itemreview/instructionsnav.jsp	(.../instructionsnav.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -36,21 +36,13 @@
 		<!--
 				jQuery.noConflict();
 		
-		  		jQuery(document).ready(function() {
-
-					jQuery("input#FinishInstruction").bind('click', function() {
-			   			finishIns();
-			  		});	
-
-		  		});
-		
 				function finishIns(){
 				//learner and author(preview mode) will mark the finish
 					if(${mode == "learner"} || ${mode == "author"}){
 					   var reqIDVar = new Date();
-					   if(${runAuto}){
+					   if(${runAuto}) {
 					  		//set complete flag and finish this activity as well.
-					        window.parent.location.href='<c:url value="/learning/finish.do?sessionMapID=${sessionMapID}&mode=${mode}&toolSessionID=${param.toolSessionID}&itemUid=${param.itemUid}"/>';
+					        location.href='<c:url value="/learning/finish.do?sessionMapID=${sessionMapID}&mode=${mode}&toolSessionID=${param.toolSessionID}&itemUid=${param.itemUid}"/>';
 					   }else{
 						    var url="<c:url value="/learning/completeItem"/>?sessionMapID=${sessionMapID}&mode=${mode}&itemUid=${param.itemUid}&reqID="+reqIDVar.getTime();
 							jQuery.ajax({
@@ -91,25 +83,27 @@
 							
 					   }
 					} else {
-						window.parent.close();
+						window.close();
 					}
 				}
 				
 				function continueReflect(){
-					 window.parent.location.href='<c:url value="/learning/newReflection.do?sessionMapID=${sessionMapID}"/>';
+					 location.href='<c:url value="/learning/newReflection.do?sessionMapID=${sessionMapID}"/>';
 				}
 
 				function nextIns(currIns){
-					document.location.href="<c:url value='/nextInstruction.do'/>?mode=${mode}&insIdx=" + currIns + "&sessionMapID=${sessionMapID}&itemUid=${param.itemUid}&itemIndex=${param.itemIndex}";
+					var nextUrl="<c:url value='/nextInstruction.do'/>?mode=${mode}&insIdx=" + currIns + "&sessionMapID=${sessionMapID}&itemUid=${param.itemUid}&itemIndex=${param.itemIndex}";
+					$('#headerFrame').load(nextUrl);
 				}
 		//-->
 		</script>
 	</lams:head>
 	<body>
 
-		<div id="instructions" style="padding: 0 10px;">
-			
-			<h2>
+		<div class="container-fluid" id="instructions">
+		  <div class="row">
+			<div class="col-xs-12 ">
+			<h4>
 				<c:if test="${instructions.total > 0}" >
 					<fmt:message key="message.step.of">
 						<fmt:param value="${instructions.current}" />
@@ -119,40 +113,49 @@
 				<c:if test="${instructions.total <= 0}" >
 					&nbsp;
 				</c:if>
-			</h2>
+			</h4>
+			</div>
+		</div>
+		
+		<div class="row">
+			<div class="col-xs-12 ">
+				<c:choose>
+					<c:when test="${instructions.instruction == null}">
+						<fmt:message key="msg.no.instruction" />
+					</c:when>		
+					<c:otherwise>
+						<c:out value="${instructions.instruction.description}" escapeXml="false"/>
+					</c:otherwise>
+				</c:choose>
 			
-			<span style="position: fixed; right: 10px;">
 				<c:choose>
 					<c:when test="${instructions.current < instructions.total}">
 						<input type="button" id="NextInstruction" name="NextInstruction"
 							onClick="javascript:nextIns(${instructions.current})"
-							class="button" value="<fmt:message key='label.next.instruction' />" />
+							class="btn btn-sm btn-default pull-right" value="<fmt:message key='label.next.instruction' />" />
 					</c:when>
 					<c:when test="${reflectOn && runAuto}">
-						<input type="button" id="FinishInstruction" name="FinishInstruction"
-							onClick="javascript:continueReflect()" class="button" value="<fmt:message
+						<input type="button" id="Reflect" name="Reflect"
+							onClick="javascript:continueReflect()" class="btn btn-sm btn-default pull-right" value="<fmt:message
 								key='label.continue' />" />
 					</c:when>
-					<c:otherwise>
-						<input type="button" id="FinishInstruction" name="FinishInstruction" class="button" value="<fmt:message key='label.finish' />" />
-					</c:otherwise>
-				</c:choose>
-			</span>
-
-			<p>
-			
-				<c:choose>
-					<c:when test="${instructions.instruction == null}">
-						<fmt:message key="msg.no.instruction" />
+					<c:when test="${! reflectOn && runAuto}">
+						<html:link href="#nogo" property="FinishInstruction" styleId="FinishInstruction"
+							onclick="javascript:finishIns()" styleClass="btn btn-sm btn-primary voffset5 pull-right na">
+							<span class="nextActivity">
+								<fmt:message key='label.finish' />
+							</span>
+						</html:link>
 					</c:when>
-					
 					<c:otherwise>
-						<c:out value="${instructions.instruction.description}" escapeXml="false"/>
+						<input type="button" onClick="javascript:finishIns()" id="FinishInstruction" name="FinishInstruction" 
+							class="btn btn-sm btn-default pull-right" 
+							value="<fmt:message key='label.finish' />" />	
 					</c:otherwise>
 				</c:choose>
-				
-			</p>
-
+			</div>
 		</div>
+	</div>
+	
 	</body>
 </lams:html>
Index: lams_tool_larsrc/web/pages/itemreview/mainframe.jsp
===================================================================
diff -u -rba11c53889064961a6ef5713ee7fc46caffb0873 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/itemreview/mainframe.jsp	(.../mainframe.jsp)	(revision ba11c53889064961a6ef5713ee7fc46caffb0873)
+++ lams_tool_larsrc/web/pages/itemreview/mainframe.jsp	(.../mainframe.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -19,8 +19,46 @@
   http://www.gnu.org/licenses/gpl.txt 
 --%>
 <%@ include file="/common/taglibs.jsp" %>
-<frameset rows="95,*" frameborder="no">
-	<frame src="<c:url value="/pages/itemreview/initnav.jsp"/>?mode=${mode}&itemIndex=${itemIndex}&itemUid=${itemUid}&toolSessionID=${toolSessionID}&sessionMapID=${sessionMapID}" 
-	name=headerFrame" marginheight="0" scrolling="YES">
-	<frame src="<c:url value='${resourceItemReviewUrl}'/>" name="resourceFrame" marginheight="0" scrolling="YES">
-</frameset>
+<lams:html>
+<lams:head>
+	<%@ include file="/common/header.jsp"%>
+
+	<c:set var="initNavUrl"><c:url value="/pages/itemreview/initnav.jsp"/>?mode=${mode}&itemIndex=${itemIndex}&itemUid=${itemUid}&toolSessionID=${toolSessionID}&sessionMapID=${sessionMapID}</c:set>
+
+	<script type="text/javascript">
+		$(document).ready(function(){
+			$('#headerFrame').load('${initNavUrl}');
+		});
+		
+		function setIframeHeight() {
+			var rscFrame = document.getElementById('resourceFrame');
+		    var doc = rscFrame.contentDocument? rscFrame.contentDocument : rscFrame.contentWindow.document;
+	        var body = doc.body;
+	        var html = doc.documentElement;
+	        var height = Math.max( body.scrollHeight, body.offsetHeight, 
+	            html.clientHeight, html.scrollHeight, html.offsetHeight );
+		    rscFrame.style.height = height + 40 + "px";
+		}
+	</script>
+</lams:head>
+
+<body class="stripes">
+
+	<div class="row no-gutter">
+		<div class="col-xs-12">
+			<div class="container" id="content">
+				<div class="panel panel-default">
+					<div class="panel-heading">
+						<div id="headerFrame"></div>
+					</div>
+					<div class="panel-body">
+						<iframe src="<c:url value='${resourceItemReviewUrl}'/>" id="resourceFrame" style="border:0px;width:100%;height:350px;" onload="setIframeHeight()"></iframe>
+ 					</div>
+				</div>
+			</div>
+			<!-- End content container -->
+		</div>
+	</div>
+
+</body>	
+</lams:html>
Index: lams_tool_larsrc/web/pages/itemreview/openurl.jsp
===================================================================
diff -u -r2ef18e4c87e2e7929950dbeb990c6715ef16c0c2 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/itemreview/openurl.jsp	(.../openurl.jsp)	(revision 2ef18e4c87e2e7929950dbeb990c6715ef16c0c2)
+++ lams_tool_larsrc/web/pages/itemreview/openurl.jsp	(.../openurl.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -7,31 +7,25 @@
 		<%@ include file="/common/header.jsp"%>
 	</lams:head>
 	
-	<body class="stripes">
-		<div id="content">
-			<p>
-				<c:out value="${title}" escapeXml="true"/>
-			</p>
-			<br>
-			
-			<p>
-				<c:if test="${!isUrlItemType}">
-					<c:set var="urlPrefix"><lams:WebAppURL /></c:set>
-				</c:if>
+	<body>
+		<div class="container">
+			<H4><c:out value="${title}" escapeXml="true"/></H4>
+
+			<c:if test="${!isUrlItemType}">
+				<c:set var="urlPrefix"><lams:WebAppURL /></c:set>
+			</c:if>
 				
-				<a href="#nogo" onclick="javascipt:launchPopup('${urlPrefix}${popupUrl}','popupUrl');"
-						style="width:200px;float:none;" class="button">
-					<c:choose>
-						<c:when test="${isUrlItemType}">
-							<fmt:message key="open.in.new.window" />
-						</c:when>
-						<c:otherwise>
-							<fmt:message key="open.file.in.new.window" />
-						</c:otherwise>
-					</c:choose>
-				</a>
-			</p>
-		<div>
+			<a href="#nogo" onclick="javascipt:launchPopup('${urlPrefix}${popupUrl}','popupUrl');" class="btn btn-sm btn-default">
+				<c:choose>
+					<c:when test="${isUrlItemType}">
+						<fmt:message key="open.in.new.window" />
+					</c:when>
+					<c:otherwise>
+						<fmt:message key="open.file.in.new.window" />
+					</c:otherwise>
+				</c:choose>
+			</a>
+		</div>
 	</body>
 	
 </lams:html>
Index: lams_tool_larsrc/web/pages/learning/addfile.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/learning/addfile.jsp	(.../addfile.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/learning/addfile.jsp	(.../addfile.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -1,52 +1,50 @@
-<!DOCTYPE html>
-		
-
 <%@ include file="/common/taglibs.jsp"%>
-<lams:html>
-	<lams:head>
-		<%@ include file="/common/header.jsp"%>
-	</lams:head>
-	<body>
-		<html:form action="/learning/saveOrUpdateItem" method="post" styleId="resourceItemForm" enctype="multipart/form-data">
-			<html:hidden property="itemType" styleId="itemType" value="2" />
-			<html:hidden property="mode" />
-			<html:hidden property="sessionMapID" />
 
-			<div class="field-name-alternative-color space-top">
-				<fmt:message key="label.learning.new.file" />
-			</div>
+<!-- Add a File Form-->
+<div class="panel panel-default">
+	<div class="panel-heading panel-title">
+		<fmt:message key="label.learning.new.file" />
+	</div>
+	<div class="panel-body">
+	
+	<%@ include file="/common/messages.jsp"%>
+	
+	<html:form action="/learning/saveOrUpdateItem" method="post" styleId="resourceItemForm" focus="title" enctype="multipart/form-data">
+	
+		<html:hidden property="itemType" styleId="itemType" />
+		<html:hidden property="mode" styleId="mode"/>
+		<html:hidden property="sessionMapID"/>
+	
+		<div class="form-group">
+	    	<label for="title"><fmt:message key="label.authoring.basic.resource.title.input" /></label>
+			<html:text property="title" size="50" tabindex="1" styleId="resourcetitle"/>
+	  	</div>	
 
-			<%@ include file="/common/messages.jsp"%>
+ 		<div class="form-group" id="addfile">
+	    	<label for="file"><fmt:message key="label.authoring.basic.resource.file.input" /></label>
+	    	<html:file tabindex="3" property="file" styleId="file"/>
+	        <label><html:checkbox property="openUrlNewWindow" tabindex="4" styleId="openUrlNewWindow" ></html:checkbox>&nbsp;
+			 <fmt:message key="open.in.new.window" /></label>
+	    </div>
 
-			<div class="field-name space-top">
-				<fmt:message key="label.authoring.basic.resource.title.input" />
-			</div>
-			<html:text property="title" size="40" tabindex="1" />
+		<div class="form-group">
+	    	<label for="description"><fmt:message key="label.learning.comment.or.instruction" /></label>
+			<html:text property="description" tabindex="5" styleClass="text-area" maxlength="255" size="50" />
+	  	</div>	
 
-			<div class="field-name space-top">
-				<fmt:message key="label.authoring.basic.resource.file.input" />
-			</div>
-			<input type="file" name="file" size="25" />
+ 		<html:button property="goback" onclick="javascript:cancel()" styleClass="btn btn-xs btn-default" styleId="cancelButton">
+			<fmt:message key="button.cancel" />
+		</html:button>&nbsp;
+		<html:submit styleClass="btn btn-xs btn-default" styleId="submitButton">
+		 	<fmt:message key="button.add" />
+		</html:submit>
+	
+	</html:form>
+	
+	<script type="text/javascript">
+	$('#resourceItemForm').submit(submitResourceForm);
+	</script>
+	
+</div>
+</div>
 
-			<div class="field-name space-top">
-				<fmt:message key="label.learning.comment.or.instruction" />
-			</div>
-			
-			<html:text tabindex="2" property="description" styleClass="text-area" maxlength="255"/>
-						
-			<div class="space-top">
-				<html:checkbox property="openUrlNewWindow" styleId="open-file-in-new-window" styleClass="noBorder" />
-				<label for="open-file-in-new-window">
-					<fmt:message key="open.file.in.new.window" />
-				</label>
-			</div>
-			
-			<div class="space-bottom-top">
-				<a href="#" onclick="document.getElementById('resourceItemForm').submit()"
-					class="button"> <fmt:message key="button.upload" /> 
-				</a>
-			</div>
-
-		</html:form>
-	</body>
-</lams:html>
Index: lams_tool_larsrc/web/pages/learning/addurl.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -1,56 +1,50 @@
-<!DOCTYPE html>
-		
-
 <%@ include file="/common/taglibs.jsp"%>
-<lams:html>
-	<lams:head>
-		<%@ include file="/common/header.jsp"%>
-	</lams:head>
-	<body>
-		<html:form action="/learning/saveOrUpdateItem" method="post"
-			styleId="resourceItemForm">
-			<html:hidden property="itemType" styleId="itemType" value="1" />
-			<html:hidden property="mode" />
-			<html:hidden property="sessionMapID" />
 
-			<div class="field-name-alternative-color space-top">
-				<fmt:message key="label.learning.new.url" />
-			</div>
-			<%@ include file="/common/messages.jsp"%>
+<!-- Add a URL Form-->
+<div class="panel panel-default">
+	<div class="panel-heading panel-title">
+		<fmt:message key="label.learning.new.url" />
+	</div>
+	<div class="panel-body">
+	
+	<%@ include file="/common/messages.jsp"%>
+	
+	<html:form action="/learning/saveOrUpdateItem" method="post" styleId="resourceItemForm" focus="title" enctype="multipart/form-data">
+	
+		<html:hidden property="itemType" styleId="itemType" />
+		<html:hidden property="mode" styleId="mode"/>
+		<html:hidden property="sessionMapID"/>
+	
+		<div class="form-group">
+	    	<label for="title"><fmt:message key="label.authoring.basic.resource.title.input" /></label>
+			<html:text property="title" size="50" tabindex="1" styleId="resourcetitle"/>
+	  	</div>	
 
-			<div class="field-name space-top">
-				<fmt:message key="label.authoring.basic.resource.title.input" />
-			</div>
+		<div class="form-group" id="addurl">
+	    	<label for="url"><fmt:message key="label.authoring.basic.resource.url.input" /></label>
+			<html:text property="url" size="50" tabindex="2" styleId="url"/>&nbsp;
+	        <label><html:checkbox property="openUrlNewWindow" tabindex="3" styleId="openUrlNewWindow" ></html:checkbox>&nbsp;
+			 <fmt:message key="open.in.new.window" /></label>
+	    </div>
 
-			<html:text property="title" size="40" tabindex="1" />
+		<div class="form-group">
+	    	<label for="description"><fmt:message key="label.learning.comment.or.instruction" /></label>
+			<html:text property="description" tabindex="5" styleClass="text-area" maxlength="255" size="50" />
+	  	</div>	
 
-			<div class="field-name space-top">
-				<fmt:message key="label.authoring.basic.resource.url.input" />
-			</div>
+ 		<html:button property="goback" onclick="javascript:cancel()" styleClass="btn btn-xs btn-default" styleId="cancelButton">
+			<fmt:message key="button.cancel" />
+		</html:button>&nbsp;
+		<html:submit styleClass="btn btn-xs btn-default" styleId="submitButton">
+		 	<fmt:message key="button.add" />
+		</html:submit>
+	
+	</html:form>
+	
+	<script type="text/javascript">
+	$('#resourceItemForm').submit(submitResourceForm);
+	</script>
+	
+</div>
+</div>
 
-			<html:text property="url" size="40" tabindex="2" />
-
-
-			<html:checkbox property="openUrlNewWindow" tabindex="3"
-				styleId="openUrlNewWindow" styleClass="noBorder">
-			</html:checkbox>
-			<label for="openUrlNewWindow">
-				<fmt:message key="open.in.new.window" />
-			</label>
-
-
-			<div class="field-name space-top">
-				<fmt:message key="label.learning.comment.or.instruction" />
-			</div>
-
-			<html:text tabindex="2" property="description"
-				styleClass="text-area" maxlength="255" />
-
-			<div class="space-bottom-top">
-				<a href="#"
-					onclick="document.getElementById('resourceItemForm').submit()"
-					class="button"> <fmt:message key="button.add" /> </a>
-			</div>
-		</html:form>
-	</body>
-</lams:html>
Index: lams_tool_larsrc/web/pages/learning/definelater.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/learning/definelater.jsp	(.../definelater.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/learning/definelater.jsp	(.../definelater.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -1,21 +1,21 @@
 <!DOCTYPE html>
-        
-
 <%@include file="/common/taglibs.jsp"%>
-
 <lams:html>
 <lams:head>
 	<%@ include file="/common/header.jsp"%>
 	<meta http-equiv="refresh" content="60">
 </lams:head>
 
 <body class="stripes">
-	<div id="content">
-		<h1>
-			<fmt:message key="activity.title" />
-		</h1>
-		<lams:DefineLater />
-	</div>
+	<c:set scope="request" var="title">
+		<fmt:message key="activity.title" />
+	</c:set>
+
+	<lams:Page type="learner" title="${title}">
+
+		<lams:DefineLater/>
+
 	<div id="footer"></div>
+	</lams:Page>
 </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_larsrc/web/pages/learning/learning.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -24,23 +24,103 @@
 
 <script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
 	<script type="text/javascript">
-		function gotoURL(){
- 		    var reqIDVar = new Date();
-			var gurl = "<c:url value="/learning/addurl.do"/>?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime();
-	      	showMessage(gurl);
-	      	return false;
+	
+		$(document).ready(function(){
+			cancel();
+		});
+
+		function validateForm(itemType) {
+			var error = "";
+			var title = $("#resourcetitle").val();
+			if ( ! title || title == "" ) {
+				error='<fmt:message key="error.resource.item.title.blank" />';
+			}
+			if ( itemType == '1') {
+				var url = $("#url").val();
+				if ( ! url || url == "" ) {
+					if ( error == "" ) {
+						error='<fmt:message key="error.resource.item.url.blank" />';
+					} else {
+						error+='\n<fmt:message key="error.resource.item.url.blank" />';
+					}
+				}
+			}
+			if ( itemType == '2') {
+				var file = $("#file").val();
+				if ( ! file || file == "" ) {
+					if ( error == "" ) {
+						error='<fmt:message key="error.resource.item.file.blank" />';
+					} else {
+						error+='\n<fmt:message key="error.resource.item.file.blank" />';
+					}
+				}
+			}
+			if ( error != "" ) {
+				alert(error);
+				return false;
+			} else { 
+				return true;
+			}
 		}
+		
+ 		function submitResourceForm() {
+			var itemType = $("#itemType").val();
+			<%-- Firefox is sending an empty string rather than nothing when there isn't a file, which breaks Struts. So validate to avoid. --%>
+			if ( validateForm(itemType)) {
+				var formData = new FormData(this);
+			    $.ajax({ // create an AJAX call...
+			        data: formData, 
+			        processData: false, // tell jQuery not to process the data
+			        contentType: false, // tell jQuery not to set contentType
+			        type: $(this).attr('method'), // GET or POST
+			        url: $(this).attr('action'), // the file to call
+			        success: function (response) {
+						$('#addresource').html(response);
+						if ( itemType == 1)
+							setFormURL();
+						else if ( itemType == 2)
+							setFormFile();
+			    	},
+			    	error: function (jqXHR, textStatus, errorThrown ) {
+			    		alert(textStatus+": "+errorThrown);
+			    	},
+			    });
+			}
+			return false;
+		}
+		
+	    function gotoURL(){
+	    	var reqIDVar = new Date();
+	   		var gurl = "<c:url value="/learning/addurl.do"/>?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime();
+	        $("#addresource").load(gurl, function() {
+	        	setFormURL();
+	        });
+		}
+	    function setFormURL() {
+			$("#itemType").val("1");
+			$("#mode").val("${mode}");
+			$("#sessionMapID").val("${sessionMapID}");
+	    }
+	    
 		function gotoFile(){
- 		    var reqIDVar = new Date();
- 		    var gurl = "<c:url value="/learning/addfile.do"/>?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime();
-	      	showMessage(gurl);
-	      	return false;
+		    var reqIDVar = new Date();
+		    var gurl = "<c:url value="/learning/addfile.do"/>?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime();
+	        $("#addresource").load(gurl, function() {
+	        	setFormFile();
+	        });
+		}		
+		function setFormFile() {
+			$("#itemType").val("2");
+			$("#mode").val("${mode}");
+			$("#sessionMapID").val("${sessionMapID}");
 		}
+		function cancel(){
+			$("#addresource").html('');
+		}		
+		
 		function checkNew(){
  		    var reqIDVar = new Date();
-				
 			document.location.href = "<c:url value="/learning/start.do"/>?sessionMapID=${sessionMapID}&mode=${mode}&toolSessionID=${toolSessionID}&reqID="+reqIDVar.getTime();				
-				
  		    return false;
 		}
 		function viewItem(itemUid){
@@ -55,50 +135,75 @@
 		function continueReflect(){
 			document.location.href='<c:url value="/learning/newReflection.do?sessionMapID=${sessionMapID}"/>';
 		}
-		
-		function showMessage(url) {
-			var area=document.getElementById("reourceInputArea");
-			if(area != null){
-				area.style.width="100%";
-				area.src=url;
-				area.style.display="block";
-			}
-		}
-    </script>
+		    </script>
 </lams:head>
 <body class="stripes">
 
 
-	<div id="content">
-		<h1>
-			<c:out value="${resource.title}" escapeXml="true"/>
-		</h1>
-
-		<p>
-			<c:out value="${resource.instructions}" escapeXml="false"/>
-		</p>
-
+	<lams:Page type="learner" title="${resource.title}">
+	
+		<!--  Warnings -->
 		<c:if test="${sessionMap.lockOnFinish and mode != 'teacher'}">
-				<div class="info">
-					<c:choose>
-						<c:when test="${sessionMap.userFinished}">
-							<fmt:message key="message.activityLocked" />
-						</c:when>
-						<c:otherwise>
-							<fmt:message key="message.warnLockOnFinish" />
-						</c:otherwise>
-					</c:choose>
-				</div>
+			<lams:Alert type="danger" id="warn-lock" close="false">
+				<c:choose>
+					<c:when test="${sessionMap.userFinished}">
+						<fmt:message key="message.activityLocked" />
+					</c:when>
+					<c:otherwise>
+						<fmt:message key="message.warnLockOnFinish" />
+					</c:otherwise>
+				</c:choose>
+			</lams:Alert>
 		</c:if>
 
 		<%@ include file="/common/messages.jsp"%>
 
-		<table cellspacing="0" class="alternative-color">
+		<!--  Instructions -->
+		<div class="panel">
+			<c:out value="${resource.instructions}" escapeXml="false"/>
+		</div>
+
+		<!-- Resources to View -->
+		<div class="panel panel-default">
+			<div class="panel-heading panel-title">
+				<fmt:message key="label.resoruce.to.review" />
+
+				<!--  Panel button bar controlling refresh and adding items -->
+				<div class="btn-group pull-right">
+					<c:if test="${mode != 'teacher'}">
+						<a href="#" onclick="javascript:return checkNew()" type="button" class="btn btn-xs btn-default">
+						<i class="fa fa-xm fa-refresh"></i> <fmt:message key="label.check.for.new" /></a>
+					</c:if>
+					<c:if test="${not finishedLock}">
+						<c:choose>
+							<c:when test="${resource.allowAddFiles && resource.allowAddUrls}">
+								<a href="#" onclick="javascript:gotoURL()" type="button" class="btn btn-xs btn-default">
+								<i class="fa fa-xm fa-plus"></i> <fmt:message key="label.authoring.basic.resource.url.input" /></a>
+								<a href="#" onclick="javascript:gotoFile()" type="button" class="btn btn-xs btn-default">
+								<i class="fa fa-xm fa-plus"></i> <fmt:message key="label.authoring.basic.resource.file.input" /></a>
+							</c:when>
+	
+							<c:when test="${resource.allowAddFiles && !resource.allowAddUrls}">
+								<a href="#" onclick="javascript:gotoFile()" type="button" class="btn btn-xs btn-default">
+								<i class="fa fa-xm fa-plus"></i> <fmt:message key="label.authoring.basic.resource.file.input" /></a>
+							</c:when>
+	
+							<c:when test="${!resource.allowAddFiles && resource.allowAddUrls}">
+								<a href="#" onclick="javascript:gotoURL()" type="button" class="btn btn-xs btn-default">
+								<i class="fa fa-xm fa-plus"></i> <fmt:message key="label.authoring.basic.resource.url.input" /></a>
+							</c:when>
+						</c:choose>
+					</c:if>
+				</div>
+				<!--  End panel button bar -->
+			</div> 
+
+			<table class="table table-hover table-striped table-condensed">
 			<tr>
 				<th width="70%">
-					<fmt:message key="label.resoruce.to.review" />
+					<fmt:message key="export.label.resource" />
 				</th>
-				<th align="center">
+				<th class="text-center">
 					<fmt:message key="label.completed" />
 				</th>
 			</tr>
@@ -112,14 +217,13 @@
 								(<c:out value="${item.createBy.firstName} ${item.createBy.lastName}" escapeXml="true"/>)
 						</c:if>
 					</td>
-					<td align="center">
+					<td class="text-center">
 						<c:choose>
 							<c:when test="${item.complete}">
-								<img src="<html:rewrite page='/includes/images/tick.gif'/>"
-									border="0">
+								<i class="fa fa-check"></i>
 							</c:when>
 							<c:otherwise>
-								-
+								<i class="fa fa-minus"></i>
 							</c:otherwise>
 						</c:choose>
 					</td>
@@ -133,89 +237,31 @@
 					</td>
 				</tr>
 			</c:if>
-		</table>
+			</table>
 
+		</div>
+		<!--  End Resources to View -->
 
-		<c:if test="${mode != 'teacher'}">
-			<p>
-				<a href="#" onclick="return checkNew()" class="button"> <fmt:message
-						key="label.check.for.new" /> </a>
-			</p>
-		</c:if>
+		<!-- Add a URL/File Form-->
+		<div id="addresource">
+		</div>
 
-		<c:if test="${mode != 'teacher' && (not finishedLock)}">
-			<c:if test="${resource.allowAddFiles || resource.allowAddUrls}">
-
-				<h2>
-					<fmt:message key="label.suggest.new" />
-				</h2>
-
-				<div class="small-space-top">
-					<c:choose>
-						<c:when test="${resource.allowAddFiles && resource.allowAddUrls}">
-							<input type="radio" name="suggest" value="url" checked="true"
-								onclick="gotoURL()" class="noBorder">
-							<fmt:message key="label.authoring.basic.resource.url.input" /> |
-										<input type="radio" name="suggest" value="file"
-								onclick="gotoFile()" class="noBorder">
-							<fmt:message key="label.authoring.basic.resource.file.input" />
-						</c:when>
-
-						<c:when test="${resource.allowAddFiles && !resource.allowAddUrls}">
-							<input type="radio" name="suggest" value="file" checked="true"
-								onclick="gotoFile()" class="noBorder">
-							<fmt:message key="label.authoring.basic.resource.file.input" />
-						</c:when>
-
-						<c:when test="${!resource.allowAddFiles && resource.allowAddUrls}">
-							<input type="radio" name="suggest" value="url" checked="true"
-								onclick="gotoURL()" class="noBorder">
-							<fmt:message key="label.authoring.basic.resource.url.input" />
-						</c:when>
-					</c:choose>
+		<!-- Reflection -->
+		<c:if test="${sessionMap.userFinished and sessionMap.reflectOn}">
+			<div class="panel panel-default">
+				<div class="panel-heading panel-title">
+					<fmt:message key="title.reflection" />
 				</div>
+				<div class="panel-body">
+					<div class="reflectionInstructions">
+						<lams:out value="${sessionMap.reflectInstructions}" escapeHtml="true" />
+					</div>
 
-				<iframe
-					onload="javascript:this.style.height=this.contentWindow.document.body.scrollHeight+'px';"
-					id="reourceInputArea" name="reourceInputArea"
-					style="width: 0px; height: 0px; border: 0px; display: none"
-					frameborder="no" scrolling="no">
-				</iframe>
-
-			</c:if>
-
-			<c:choose>
-				<c:when test="${resource.allowAddFiles && resource.allowAddUrls}">
-					<script type="text/javascript">
-						showMessage("<c:url value='/learning/addurl.do'/>?sessionMapID=${sessionMapID}&mode=${mode}");
-					</script>
-				</c:when>
-				<c:when test="${resource.allowAddFiles && !resource.allowAddUrls}">
-					<script type="text/javascript">
-						showMessage("<c:url value='/learning/addfile.do'/>?sessionMapID=${sessionMapID}&mode=${mode}");
-					</script>
-				</c:when>
-				<c:when test="${!resource.allowAddFiles && resource.allowAddUrls}">
-					<script type="text/javascript">
-						showMessage("<c:url value='/learning/addurl.do'/>?sessionMapID=${sessionMapID}&mode=${mode}");
-					</script>
-				</c:when>
-			</c:choose>
-			<%-- end mode != teacher --%>
-		</c:if>
-
-
-		<c:if test="${sessionMap.userFinished and sessionMap.reflectOn}">
-			<div class="small-space-top">
-				<h3><fmt:message key="title.reflection" /></h3>
-				<strong>
-					<lams:out value="${sessionMap.reflectInstructions}" escapeHtml="true"/>
-				</strong>
-
-				<c:choose>
+					<c:choose>
 					<c:when test="${empty sessionMap.reflectEntry}">
 						<p>
-							<em> <fmt:message key="message.no.reflection.available" />
+							<em> 
+								<fmt:message key="message.no.reflection.available" />
 							</em>
 						</p>
 					</c:when>
@@ -224,30 +270,30 @@
 							<lams:out escapeHtml="true" value="${sessionMap.reflectEntry}" />
 						</p>
 					</c:otherwise>
-				</c:choose>
+					</c:choose>
 
-				<c:if test="${mode != 'teacher'}">
-					<html:button property="FinishButton"
-						onclick="return continueReflect()" styleClass="button">
+					<c:if test="${mode != 'teacher'}">
+						<html:button property="FinishButton" onclick="return continueReflect()" styleClass="btn btn-sm btn-default voffset5">
 						<fmt:message key="label.edit" />
-					</html:button>
-				</c:if>
+						</html:button>
+					</c:if>
+				</div>
 			</div>
 		</c:if>
+		<!-- End Reflection -->
 
 		<c:if test="${mode != 'teacher'}">
-			<div class="space-bottom-top align-right">
 				<c:choose>
 					<c:when
 						test="${sessionMap.reflectOn && (not sessionMap.userFinished)}">
 						<html:button property="FinishButton"
-							onclick="return continueReflect()" styleClass="button">
+							onclick="return continueReflect()" styleClass="btn btn-default voffset5 pull-right">
 							<fmt:message key="label.continue" />
 						</html:button>
 					</c:when>
 					<c:otherwise>
 						<html:link href="#nogo" property="FinishButton" styleId="finishButton"
-							onclick="return finishSession()" styleClass="button">
+							onclick="return finishSession()" styleClass="btn btn-primary voffset5 pull-right na">
 							<span class="nextActivity">
 								<c:choose>
 				 					<c:when test="${sessionMap.activityPosition.last}">
@@ -264,12 +310,12 @@
 			</div>
 		</c:if>
 
-	</div>
 	<!--closes content-->
 
 	<div id="footer">
 	</div>
 	<!--closes footer-->
 
+	</lams:Page>
 </body>
 </lams:html>
Index: lams_tool_larsrc/web/pages/learning/notebook.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/learning/notebook.jsp	(.../notebook.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/learning/notebook.jsp	(.../notebook.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -22,16 +22,14 @@
 
 	<c:set var="sessionMapID" value="${param.sessionMapID}" />
 	<c:set var="sessionMap" value="${sessionScope[sessionMapID]}" />
+
+	<lams:Page type="learner" title="${sessionMap.title}">
 	
 	<html:form action="/learning/submitReflection" method="post" onsubmit="disableFinishButton();" styleId="reflectionForm">
 		<html:hidden property="userID" />
 		<html:hidden property="sessionMapID" />
 
 		<div id="content">
-			<h1>
-				<c:out value="${sessionMap.title}" escapeXml="true"/>
-			</h1>
-
 			<%@ include file="/common/messages.jsp"%>
 
 			<p>
@@ -42,7 +40,7 @@
 				styleClass="text-area" />
 
 			<div class="space-bottom-top align-right">
-				<html:link href="#nogo" styleClass="button" styleId="finishButton" onclick="submitForm('finish')">
+				<html:link href="#nogo" styleClass="btn btn-primary voffset5 pull-right na" styleId="finishButton" onclick="submitForm('finish')">
 					<span class="nextActivity">
 						<c:choose>
 		 					<c:when test="${sessionMap.activityPosition.last}">
@@ -62,5 +60,7 @@
 	</div>
 	<!--closes footer-->
 
+	</lams:Page>
+	
 </body>
 </lams:html>
Index: lams_tool_larsrc/web/pages/learning/success.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -r48be6456edafa05b5486a6b3fc37f33d926d3c58
--- lams_tool_larsrc/web/pages/learning/success.jsp	(.../success.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_larsrc/web/pages/learning/success.jsp	(.../success.jsp)	(revision 48be6456edafa05b5486a6b3fc37f33d926d3c58)
@@ -9,17 +9,16 @@
 		<%@ include file="/common/header.jsp"%>
 	</lams:head>
 	<body class="stripes">
-		<script type="text/javascript">
+ 		<script type="text/javascript">
 			var reqIDVar = new Date();
-			window.parent.location.href  = "${tool}/pages/learning/learning.jsp?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime();
+			window.location.href  = "${tool}/pages/learning/learning.jsp?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime();
 		</script>
+		<lams:Page type="learner">
 		<div style="align:center">
-			<c:if test="${addType == 1}">
-				Add URL success, <a href="<c:url value='/learning/addurl.do'/>?sessionMapID=${sessionMapID}&mode=${mode}" target="newResourceFrame">click here to return</a>.
-			</c:if>
-			<c:if test="${addType == 2}">
-				Add File success, <a href="<c:url value='/learning/addfile.do'/>?sessionMapID=${sessionMapID}&mode=${mode}" target="newResourceFrame">click here to return</a>.
-			</c:if>
+			<!--  this should never be seen! -->
+			<a href="${tool}/pages/learning/learning.jsp?sessionMapID=${sessionMapID}&mode=${mode}&reqID="+reqIDVar.getTime()" type="button" class="btn btn-primary">
+					<i class="fa fa-xm fa-refresh"></i> <fmt:message key="label.check.for.new" /></a>
 		</div>
+		</lams:Page>
 	</body>
 </lams:html>
\ No newline at end of file