Index: lams_tool_preview/conf/language/lams/ApplicationResources.properties
===================================================================
diff -u -rcff1f4709263aa5513ac0b4f5fd239a1390d905b -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/conf/language/lams/ApplicationResources.properties	(.../ApplicationResources.properties)	(revision cff1f4709263aa5513ac0b4f5fd239a1390d905b)
+++ lams_tool_preview/conf/language/lams/ApplicationResources.properties	(.../ApplicationResources.properties)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -91,3 +91,5 @@
 warning.comment.blank=Comment text is missing.
 creating.users.message  =Please wait while the learners\' details are set up ready for you to review their responses.
 error.max.ratings.per.user=Unable to save the review - the maximum number of ratings may have been reached. The page will now be refreshed.
+label.review.options=Review Options
+label.activity.completion=End of Activity
\ No newline at end of file
Index: lams_tool_preview/web/WEB-INF/tags/Arrow.tag
===================================================================
diff -u -rdaae7481c43033a14d922bf45bcad31be676e7de -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/web/WEB-INF/tags/Arrow.tag	(.../Arrow.tag)	(revision daae7481c43033a14d922bf45bcad31be676e7de)
+++ lams_tool_preview/web/WEB-INF/tags/Arrow.tag	(.../Arrow.tag)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -6,6 +6,8 @@
 <%@ attribute name="state" required="true" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="onclick" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="display" required="false"  rtexprvalue="true"%>
 
 <c:choose>
 	<c:when test="${not empty title}">
@@ -26,10 +28,28 @@
 </c:choose>
 
 <c:choose>
+	<c:when test="${not empty id}">
+		<c:set var="fullId">id="${id}"</c:set>
+	</c:when>
+	<c:otherwise>
+		<c:set var="fullId" value=""/>
+	</c:otherwise>
+</c:choose>
+
+<c:choose>
+	<c:when test="${not empty display}">
+	<c:set var="fullDisplay">style='display:${display}'</c:set>
+	</c:when>
+	<c:otherwise>
+		<c:set var="fullDisplay" value=""/>
+	</c:otherwise>
+</c:choose>
+
+<c:choose>
 	<c:when test="${fn:containsIgnoreCase(state, 'up')}">
-		<i class="fa fa-long-arrow-up fa-pull-left" ${fullTitle} ${fullOnclick}></i>
+		<i class="fa fa-long-arrow-up fa-pull-left" ${fullId} ${fullTitle} ${fullOnclick} ${fullDisplay}></i>
 	</c:when>
 	<c:otherwise>
-		<i class="fa fa-long-arrow-down fa-pull-right"  ${fullTitle} ${fullOnclick}></i>
+		<i class="fa fa-long-arrow-down fa-pull-right"  ${fullId} ${fullTitle} ${fullOnclick} ${fullDisplay}></i>
 	</c:otherwise>
 </c:choose>
Index: lams_tool_preview/web/WEB-INF/tags/CommentsAuthor.tag
===================================================================
diff -u -rdaae7481c43033a14d922bf45bcad31be676e7de -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/web/WEB-INF/tags/CommentsAuthor.tag	(.../CommentsAuthor.tag)	(revision daae7481c43033a14d922bf45bcad31be676e7de)
+++ lams_tool_preview/web/WEB-INF/tags/CommentsAuthor.tag	(.../CommentsAuthor.tag)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -1,13 +1,16 @@
 <%@ taglib uri="tags-core" prefix="c"%>
 <%@ taglib uri="tags-html" prefix="html"%>
 <%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="allowCommentsVariableName" required="false" rtexprvalue="true"%>
 <%@ attribute name="allowCommentLabelKey" required="false" rtexprvalue="true"%>
 <%@ attribute name="likeDislikeVariableName" required="false" rtexprvalue="true"%>
 <%@ attribute name="likeOnlyCommentLabelKey" required="false" rtexprvalue="true"%>
 <%@ attribute name="likeDislikeLabelKey" required="false" rtexprvalue="true"%>
+<%@ attribute name="commentPanelHeaderKey" required="false" rtexprvalue="true"%>
 
+
 <c:if test="${empty allowCommentsVariableName}">
 	<c:set var="allowCommentsVariableName" value="allowComments" />
 </c:if>
@@ -23,7 +26,11 @@
 <c:if test="${empty likeDislikeLabelKey}">
 	<c:set var="likeDislikeLabelKey" value="advanced.comments.like.and.dislike" />
 </c:if>
+<c:if test="${empty commentPanelHeaderKey}">
+	<c:set var="commentPanelHeaderKey" value="advanced.comment.header" />
+</c:if>
 
+<lams:SimplePanel titleKey="advanced.comment.header">
 <div class="checkbox">
 	<label>
 	<html:checkbox property="${allowCommentsVariableName}" value="1"
@@ -36,6 +43,7 @@
 		<html:radio property="${likeDislikeVariableName}" value="false" />&nbsp;<fmt:message key="${likeOnlyCommentLabelKey}" /> &nbsp;
 		<html:radio property="${likeDislikeVariableName}" value="true" />&nbsp;<fmt:message key="${likeDislikeLabelKey}" /> 
 </div>
+</lams:SimplePanel>
 
 <script>
 jQuery( document ).ready(function( $ ) {
Index: lams_tool_preview/web/WEB-INF/tags/Date.tag
===================================================================
diff -u -ra93929c9c7f7f0df676412691f2f8f9d44d201a2 -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/web/WEB-INF/tags/Date.tag	(.../Date.tag)	(revision a93929c9c7f7f0df676412691f2f8f9d44d201a2)
+++ lams_tool_preview/web/WEB-INF/tags/Date.tag	(.../Date.tag)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -34,6 +34,7 @@
 <%@ attribute name="value" required="true" rtexprvalue="true" type="java.util.Date" %>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="type" required="false" rtexprvalue="true"%>
+<%@ attribute name="timeago" required="false" rtexprvalue="true"%>
 
 <%@ taglib uri="tags-fmt" prefix="fmt" %>
 <%@ taglib uri="tags-core" prefix="c" %>
@@ -42,6 +43,10 @@
 	<c:set var="type" value="both" scope="request"/>
 </c:if>
 
+<c:if test="${not empty timeago}">
+	<time class="timeago" datetime="<fmt:formatDate value='${value}' timeZone="GMT" pattern="yyyy-MM-dd'T'HH:mm:ss.S'Z'"/>">
+</c:if>
+	
 <c:choose>
 	<c:when test="${style=='short'}">
 		<fmt:formatDate value="${value}" type="${type}" dateStyle="short" timeStyle="short" />
@@ -53,3 +58,7 @@
 		<fmt:formatDate value="${value}" type="${type}" dateStyle="long" timeStyle="medium" />
 	</c:otherwise>
 </c:choose>
+
+<c:if test="${not empty timeago}">
+	</time>
+</c:if>
\ No newline at end of file
Index: lams_tool_preview/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -rdaae7481c43033a14d922bf45bcad31be676e7de -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision daae7481c43033a14d922bf45bcad31be676e7de)
+++ lams_tool_preview/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -24,7 +24,7 @@
 						<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>
+								<span class="pull-right">${titleHelpURL}</span>
 							</c:if>
 						</div>
 						<c:if test="${not empty headingContent}">
Index: lams_tool_preview/web/WEB-INF/tags/SimplePanel.tag
===================================================================
diff -u
--- lams_tool_preview/web/WEB-INF/tags/SimplePanel.tag	(revision 0)
+++ lams_tool_preview/web/WEB-INF/tags/SimplePanel.tag	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -0,0 +1,32 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
+
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="titleKey" required="false" rtexprvalue="true"%>
+<%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
+<%@ attribute name="panelBodyClass" required="false"  rtexprvalue="true"%>
+
+<c:if test="${not empty titleKey}">
+	<c:set var="title"><fmt:message key="${titleKey}" /></c:set>
+</c:if>
+
+<div class="panel panel-default">
+	<c:if test="${not empty title or not empty titleHelpURL}">
+	<div class="panel-heading">
+		<div class="panel-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>
+	</div>
+	</c:if>
+	<div class="panel-body ${panelBodyClass}">
+		<jsp:doBody />
+	</div>
+</div>
+
+
+		
+			
Index: lams_tool_preview/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -rdaae7481c43033a14d922bf45bcad31be676e7de -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision daae7481c43033a14d922bf45bcad31be676e7de)
+++ lams_tool_preview/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -426,15 +426,15 @@
    	<tag-file>
        <name>AuthoringButton</name>
        <path>/WEB-INF/tags/AuthoringButton.tag</path>
-   	</tag-file>
+   	</tag-file>   
    	<tag-file>
        <name>AuthoringRatingCriteria</name>
        <path>/WEB-INF/tags/AuthoringRatingCriteria.tag</path>
    	</tag-file>
    	<tag-file>
        <name>Rating</name>
        <path>/WEB-INF/tags/Rating.tag</path>
-   	</tag-file>   	
+   	</tag-file>    		
    	<tag-file>
        <name>headItems</name>
        <path>/WEB-INF/tags/headItems.tag</path>
@@ -471,6 +471,10 @@
    		<name>RestrictedUsageAccordian</name>
    		<path>/WEB-INF/tags/RestrictedUsageAccordian.tag</path>
    	</tag-file>
+  	<tag-file>
+	    <name>SimplePanel</name>
+		<path>/WEB-INF/tags/SimplePanel.tag</path>
+   	</tag-file>
    	<tag-file>
 	    <name>ImgButtonWrapper</name>
 		<path>/WEB-INF/tags/ImgButtonWrapper.tag</path>
Index: lams_tool_preview/web/pages/authoring/advance.jsp
===================================================================
diff -u -rdaae7481c43033a14d922bf45bcad31be676e7de -rdfa065f63337cf06d31a9232dee1e1bf46c2bdb8
--- lams_tool_preview/web/pages/authoring/advance.jsp	(.../advance.jsp)	(revision daae7481c43033a14d922bf45bcad31be676e7de)
+++ lams_tool_preview/web/pages/authoring/advance.jsp	(.../advance.jsp)	(revision dfa065f63337cf06d31a9232dee1e1bf46c2bdb8)
@@ -3,44 +3,49 @@
 
 <!-- Advance Tab Content -->
 
-<div class="checkbox">
-<label for="lockWhenFinished"><html:checkbox property="peerreview.lockWhenFinished" styleId="lockWhenFinished" />
-<fmt:message key="label.authoring.advance.lock.on.finished" /></label>
-</div>
+<lams:SimplePanel titleKey="label.review.options">
 
-<div class="form-group">
-<label for="maximumRatesPerUser"><fmt:message key="label.max.number.marks.each.user" /></label>
-	<html:select property="peerreview.maximumRatesPerUser" styleClass="form-control form-control-inline">
-		<html:option value="0">
-			<fmt:message key="label.no.maximum" />
-		</html:option>
-		<html:option value="1">1</html:option>
-		<html:option value="2">2</html:option>
-		<html:option value="3">3</html:option>
-		<html:option value="4">4</html:option>
-		<html:option value="5">5</html:option>
-		<html:option value="6">6</html:option>
-		<html:option value="7">7</html:option>
-		<html:option value="8">8</html:option>
-		<html:option value="9">9</html:option>
-		<html:option value="10">10</html:option>
-	</html:select>
-</div>
+	<div class="form-group">
+	<label for="maximumRatesPerUser"><fmt:message key="label.max.number.marks.each.user" /></label>
+		<html:select property="peerreview.maximumRatesPerUser" styleClass="form-control form-control-inline">
+			<html:option value="0">
+				<fmt:message key="label.no.maximum" />
+			</html:option>
+			<html:option value="1">1</html:option>
+			<html:option value="2">2</html:option>
+			<html:option value="3">3</html:option>
+			<html:option value="4">4</html:option>
+			<html:option value="5">5</html:option>
+			<html:option value="6">6</html:option>
+			<html:option value="7">7</html:option>
+			<html:option value="8">8</html:option>
+			<html:option value="9">9</html:option>
+			<html:option value="10">10</html:option>
+		</html:select>
+	</div>
+	
+	<div class="checkbox">
+	<label for="show-ratings-left-for-user"><html:checkbox property="peerreview.showRatingsLeftForUser"styleId="show-ratings-left-for-user"/>
+	<fmt:message key="label.show.ratings.left.for.user" />
+	</label>
+	</div>
+</lams:SimplePanel>
 
-<div class="checkbox">
-<label for="show-ratings-left-for-user"><html:checkbox property="peerreview.showRatingsLeftForUser"styleId="show-ratings-left-for-user"/>
-<fmt:message key="label.show.ratings.left.for.user" />
-</label>
-</div>
+<lams:SimplePanel titleKey="label.activity.completion">
+	<div class="checkbox">
+	<label for="lockWhenFinished"><html:checkbox property="peerreview.lockWhenFinished" styleId="lockWhenFinished" />
+	<fmt:message key="label.authoring.advance.lock.on.finished" /></label>
+	</div>
+	
+	<div class="checkbox">
+	<label for="reflectOn"><html:checkbox property="peerreview.reflectOnActivity" styleId="reflectOn"/>
+	<fmt:message key="label.authoring.advanced.reflectOnActivity" /></label>
+	</div>
+	<div class="form-group">
+	<html:textarea property="peerreview.reflectInstructions" styleId="reflectInstructions"  styleClass="form-control" rows="3"/>
+	</div>
+</lams:SimplePanel>
 
-<div class="checkbox">
-<label for="reflectOn"><html:checkbox property="peerreview.reflectOnActivity" styleId="reflectOn"/>
-<fmt:message key="label.authoring.advanced.reflectOnActivity" /></label>
-</div>
-<div class="form-group">
-<html:textarea property="peerreview.reflectInstructions" styleId="reflectInstructions"  styleClass="form-control" rows="3"/>
-</div>
-
 <script type="text/javascript">
 //automatically turn on refect option if there are text input in refect instruction area
 	var ra = document.getElementById("reflectInstructions");