Index: lams_central/web/css/defaultHTML_learner.css
===================================================================
diff -u -r946873964cb12ee8f782175be656889af1bc1c77 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_central/web/css/defaultHTML_learner.css	(.../defaultHTML_learner.css)	(revision 946873964cb12ee8f782175be656889af1bc1c77)
+++ lams_central/web/css/defaultHTML_learner.css	(.../defaultHTML_learner.css)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -327,6 +327,10 @@
    width: auto !important;
 }
 
+.table-centered th, .table-centered td {
+	text-align: center;
+}
+
 .table > tbody > tr > td {
 	vertical-align: middle;
 }
Index: lams_tool_mindmap/conf/language/lams/ApplicationResources_en_AU.properties
===================================================================
diff -u -r2f725f8ef2aa09a2663b2335bf67213074426d11 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/conf/language/lams/ApplicationResources_en_AU.properties	(.../ApplicationResources_en_AU.properties)	(revision 2f725f8ef2aa09a2663b2335bf67213074426d11)
+++ lams_tool_mindmap/conf/language/lams/ApplicationResources_en_AU.properties	(.../ApplicationResources_en_AU.properties)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,9 +1,6 @@
 appName = mindmap 
 #language code: en 
 #locale code: AU 
-
-
- 
 #=================== labels for Mindmap =================# 
 
 appName  =mindmap
Index: lams_tool_mindmap/web/WEB-INF/tags/AdvancedAccordian.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/AdvancedAccordian.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/AdvancedAccordian.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,53 @@
+<%
+	 /****************************************************************
+	 * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+	 * =============================================================
+	 * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+	 * 
+	 * This program is free software; you can redistribute it and/or modify
+	 * it under the terms of the GNU General Public License version 2.0
+	 * as published by the Free Software Foundation.
+	 * 
+	 * This program is distributed in the hope that it will be useful,
+	 * but WITHOUT ANY WARRANTY; without even the implied warranty of
+	 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	 * GNU General Public License for more details.
+	 * 
+	 * You should have received a copy of the GNU General Public License
+	 * along with this program; if not, write to the Free Software
+	 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
+	 * USA
+	 * 
+	 * http://www.gnu.org/licenses/gpl.txt
+	 * ****************************************************************
+	 */
+
+	/**
+	 * AdvancedAccordian.tag
+	 *	Author: Fiona Malikoff
+	 *	Description: Creates the show/hide entry for the Advanced Settings in Montoring.
+	 * Wiki: 
+	 */
+%>
+<%@ attribute name="title" required="true" rtexprvalue="true"%>
+
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
+
+<div class="panel-group" id="accordionAdvanced" role="tablist" aria-multiselectable="true"> 
+    <div class="panel panel-default" >
+        <div class="panel-heading collapsable-icon-left" id="headingAdvanced">
+        	<span class="panel-title">
+	    	<a class="collapsed" role="button" data-toggle="collapse" href="#collapseAdvanced" aria-expanded="false" aria-controls="collapseAdvanced" >
+          	${title}
+        	</a>
+      		</span>
+        </div>
+
+        <div id="collapseAdvanced" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingAdvanced">
+		<jsp:doBody />
+		</div>
+	</div>
+</div>
+		
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/Arrow.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/Arrow.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/Arrow.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,35 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-function" prefix="fn" %>
+
+<%-- state = up: up arrow;  state = down: down arrow --%>
+<%@ attribute name="state" required="true" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="onclick" required="false" rtexprvalue="true"%>
+
+<c:choose>
+	<c:when test="${not empty title}">
+		<c:set var="fullTitle">title="${title}"</c:set>
+	</c:when>
+	<c:otherwise>
+		<c:set var="fullTitle" value=""/>
+	</c:otherwise>
+</c:choose>
+
+<c:choose>
+	<c:when test="${not empty onclick}">
+		<c:set var="fullOnclick">onclick="${onclick}"</c:set>
+	</c:when>
+	<c:otherwise>
+		<c:set var="fullOnclick" 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>
+	</c:when>
+	<c:otherwise>
+		<i class="fa fa-long-arrow-down fa-pull-right"  ${fullTitle} ${fullOnclick}></i>
+	</c:otherwise>
+</c:choose>
Index: lams_tool_mindmap/web/WEB-INF/tags/AuthoringButton.tag
===================================================================
diff -u -r29fac4bd0bdf28bcaaeee7aae4020ccb15b6e520 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/AuthoringButton.tag	(.../AuthoringButton.tag)	(revision 29fac4bd0bdf28bcaaeee7aae4020ccb15b6e520)
+++ lams_tool_mindmap/web/WEB-INF/tags/AuthoringButton.tag	(.../AuthoringButton.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -122,12 +122,12 @@
     	window.close();
     }  				
 </script>	
-<p id="saveCancelButtons" >
-		<html:link href="javascript:;" property="cancel" onclick="javascript:doCancel()" styleClass="button right-buttons space-left">
-			<span class="cancelIcon"><fmt:message key="${cancelButtonLabelKey}" /></span>
-		</html:link>
-		<html:link href="javascript:doSubmit_Form_Only();" property="submit" styleClass="button right-buttons space-left">
+<div id="saveCancelButtons" >
+		<html:link href="javascript:doSubmit_Form_Only();" property="submit" styleClass="btn btn-primary pull-right">
 			<span class="okIcon"><fmt:message key="${saveButtonLabelKey}" /></span>
 		</html:link>
-</p>
+		<html:link href="javascript:;" property="cancel" onclick="javascript:doCancel()" styleClass="btn btn-default roffset5 pull-right">
+			<span class="cancelIcon"><fmt:message key="${cancelButtonLabelKey}" /></span>
+		</html:link>
+</div>
 <!-- end tab content -->
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/AuthoringRatingCriteria.tag
===================================================================
diff -u -r59300dcfe778d065bfdf068dc3d301a549843c78 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/AuthoringRatingCriteria.tag	(.../AuthoringRatingCriteria.tag)	(revision 59300dcfe778d065bfdf068dc3d301a549843c78)
+++ lams_tool_mindmap/web/WEB-INF/tags/AuthoringRatingCriteria.tag	(.../AuthoringRatingCriteria.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -18,6 +18,7 @@
 <%-- Optional attribute --%>
 <%@ attribute name="hasRatingLimits" required="false" rtexprvalue="true" %>
 <%@ attribute name="formContentPrefix" required="false" rtexprvalue="true" %>
+<%@ attribute name="styleId" required="false" rtexprvalue="true" %>
 <%@ attribute name="headerLabel" required="false" rtexprvalue="true" %>
 <%@ attribute name="addLabel" required="false" rtexprvalue="true" %>
 <%@ attribute name="deleteLabel" required="false" rtexprvalue="true" %>
@@ -106,16 +107,16 @@
 		jQuery('<tr/>').append(jQuery('<td/>', {
 			'class': 'criteria-info',
 		    html: '<input type="hidden" name="criteriaOrderId' + maxOrderId + '" value="' + maxOrderId + '">' + 
-		    		'<input type="text" name="criteriaTitle' + maxOrderId + '" value="">'
+		    		'<input type="text" name="criteriaTitle' + maxOrderId + '" value="" class="form-control">'
 		    		
 		})).append(jQuery('<td/>', {
 			width: '40px',
-			html: '<div class="up-arrow" title="<fmt:message key="${upLabel}"/>" />' + 
+			html: '<div class="fa fa-long-arrow-up fa-pull-left" title="<fmt:message key="${upLabel}"/>" />' + 
 		    		'<div class="down-arrow-disabled" title="<fmt:message key="${downLabel}"/>" />'
 		    		
 		})).append(jQuery('<td/>', {
 			width: '20px',
-			html: '<div class="delete-arrow" title="<fmt:message key="${deleteLabel}"/>" />'
+			html: '<i class="fa fa-times" title="<fmt:message key="${deleteLabel}"/>"></i>'
 		})).appendTo('#criterias-table');
 		
 		reactivateArrows();
@@ -124,30 +125,29 @@
 		addCriteria(); 
 		addCriteria();
 	</c:if>
+	reactivateArrows();
 	
 	function reactivateArrows() {
 		$('#criterias-table tr').each(function() {
 
 		    $this = $(this); // cache $(this)
 		    
 		    if ($this.is(':first-child')) {
-		    	$(".up-arrow", $this).addClass("up-arrow-disabled").removeClass("up-arrow");
-		        
+		    	$(".arrow-up", $this).removeClass("fa fa-long-arrow-up fa-pull-left");
 		    } else {
-		    	$(".up-arrow-disabled", $this).addClass("up-arrow").removeClass("up-arrow-disabled");
+		    	$(".arrow-up", $this).addClass("fa fa-long-arrow-up fa-pull-left");
 		    }
 		    
 		    if ($this.is(':last-child')) {
-		    	$(".down-arrow", $this).addClass("down-arrow-disabled").removeClass("down-arrow");
-		    	
+		    	$(".arrow-down", $this).removeClass("fa fa-long-arrow-down fa-pull-right");
 		    } else {
-		    	$(".down-arrow-disabled", $this).addClass("down-arrow").removeClass("down-arrow-disabled");
+		    	$(".arrow-down", $this).addClass("fa fa-long-arrow-down fa-pull-right");
 		    }
 		});
 	}
 	
 	//upCriteria
-	 $( "body" ).on( "click", ".up-arrow", function() {
+	 $( "body" ).on( "click", ".fa-long-arrow-up", function() {
 		var currentRow = $(this).closest('tr');
 		var currentCriteriaTd = $( ".criteria-info", currentRow);
 		var currentOrderId = $( "input[name^='criteriaOrderId']", currentCriteriaTd);
@@ -170,7 +170,7 @@
 	 } );
 	 
 	//downCriteria
-	 $( "body" ).on( "click", ".down-arrow", function() {
+	 $( "body" ).on( "click", ".fa-long-arrow-down", function() {
 		var currentRow = $(this).closest('tr');
 		var currentCriteriaTd = $( ".criteria-info", currentRow);
 		var currentOrderId = $( "input[name^='criteriaOrderId']", currentCriteriaTd);
@@ -193,7 +193,7 @@
 	 });
 	 
 	 //deleteCriteria
-	 $( "body" ).on( "click", ".delete-arrow", function() {
+	 $( "body" ).on( "click", ".fa-times", function() {
 		var currentRow = $(this).closest('tr');
 		currentRow.remove();
 		
@@ -241,112 +241,110 @@
 	}
 </script>
 
-<div class="rating-criteria-tag">
-	<h2>
-		<fmt:message key="${headerLabel}" />
-	</h2>
-	<input type="hidden" name="criteriaMaxOrderId" id="criteria-max-order-id" value="${maxOrderId}">
+<div class="rating-criteria-tag" style="${styleId}">
 
-	<table class="alternative-color" cellspacing="0" id="criterias-table">
-
-		<c:forEach var="criteria" items="${criterias}" varStatus="status">
-			<c:if test="${!criteria.commentsEnabled}">
-				<tr>
-					
-					<td class="criteria-info">
-						<input type="hidden" name="criteriaOrderId${criteria.orderId}" value="${criteria.orderId}">
-						<input type="text" name="criteriaTitle${criteria.orderId}" value="${criteria.title}">
-					</td>
-					
-					<td width="40px">
-						<c:if test="${not status.first}">
-							<div class="up-arrow" title="<fmt:message key="${upLabel}"/>"></div>
-							<c:if test="${status.last}">
-								<div class="down-arrow-disabled" title="<fmt:message key="${downLabel}"/>"></div>
-							</c:if>
-						</c:if>
+	<div class="panel panel-default voffset5">
+		<div class="panel-heading panel-title">
+			<label><fmt:message key="${headerLabel}" /></label>
+		</div>
 	
-						<c:if test="${not status.last}">
-							<c:if test="${status.first}">
-								<div class="up-arrow-disabled" title="<fmt:message key="${upLabel}"/>"></div>
-							</c:if>
+		<div class="form-group roffset10 loffset10">
+			<input type="hidden" name="criteriaMaxOrderId" id="criteria-max-order-id" value="${maxOrderId}">
+			<table class="table table-condensed table-no-border" id="criterias-table">
+		
+				<c:forEach var="criteria" items="${criterias}" varStatus="status">
+					<c:set var="isFirst" value="${criteria.commentsEnabled && (status.index == 1) || !criteria.commentsEnabled && (status.index == 0)}"></c:set>
+					<c:if test="${!criteria.commentsEnabled}">
+						<tr>${ criteria.commentsEnabled }${status.index == 1}${status.last}${  isFirst }
+							
+							<td class="criteria-info">
+								<input type="hidden" name="criteriaOrderId${criteria.orderId}" value="${criteria.orderId}">
+								<input type="text" name="criteriaTitle${criteria.orderId}" value="${criteria.title}" class="form-control">
+							</td>
+							
+							<td width="40px">
+								<div class="arrow-up" title="<fmt:message key="${upLabel}"/>"></div>
+								<div class="arrow-down" title="<fmt:message key="${downLabel}"/>"></div>
+							</td>
+			                
+							<td width="20px">
+								<i class="fa fa-times" title="<fmt:message key="${deleteLabel}" />"></i>
+							</td>
+						</tr>
+					</c:if>
+				</c:forEach>
+			</table>
 	
-							<div class="down-arrow" title="<fmt:message key="${downLabel}"/>"></div>
-						</c:if>
-					</td>
-	                
-					<td width="20px">
-						<div class="delete-arrow" title="<fmt:message key="${deleteLabel}"/>" ></div>
-					</td>
-				</tr>
+			<div style="height: 25px; margin-top: -10px;">
+				<a href="#nogo" class="btn btn-default btn-xs pull-right" id="add-criteria">
+					<i class="fa fa-plus"></i>&nbsp;<fmt:message key="${addLabel}" /> 
+				</a>
+			</div>
+	
+			<c:if test="${hasRatingLimits}">
+				<div>
+					<label for="minimum-rates">
+						<fmt:message key="${minimumLabel}" />
+					</label>
+					<html:select property="${formContentPrefix}minimumRates" styleId="minimum-rates" onmouseup="validateRatingLimits(true);" 
+							styleClass="form-control form-control-inline">
+						<html:option value="0">
+							<fmt:message key="${noMinimumLabel}" />
+						</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>
+				
+					<label for="maximum-rates">
+						<fmt:message key="${maximumLabel}" />
+					</label>
+					<html:select property="${formContentPrefix}maximumRates" styleId="maximum-rates" onmouseup="validateRatingLimits(false);" 
+							styleClass="form-control form-control-inline">
+						<html:option value="0">
+							<fmt:message key="${noMaximumLabel}" />
+						</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>
 			</c:if>
-		</c:forEach>
-	</table>
 	
-	<div style="height: 30px;">
-		<a href="#nogo" class="button-add-item float-right" id="add-criteria">
-			<fmt:message key="${addLabel}" /> 
-		</a>
-	</div>
+			<div class="checkbox">
+				<label for="enable-comments">
+					<input type="checkbox" name="isCommentsEnabled" value="true" class="noBorder" id="enable-comments"
+						<c:if test="${isCommentsEnabled}">checked="checked"</c:if>
+					/>
+					<fmt:message key="${allowCommentsLabel}" />
+				</label>
+			</div>
 	
-	<c:if test="${hasRatingLimits}">
-		<div>
-			<fmt:message key="${minimumLabel}" />
-			<html:select property="${formContentPrefix}minimumRates" styleId="minimum-rates" onmouseup="validateRatingLimits(true);">
-				<html:option value="0">
-					<fmt:message key="${noMinimumLabel}" />
-				</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>
-		
-			<fmt:message key="${maximumLabel}" />
-			<html:select property="${formContentPrefix}maximumRates" styleId="maximum-rates" onmouseup="validateRatingLimits(false);">
-				<html:option value="0">
-					<fmt:message key="${noMaximumLabel}" />
-				</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>
+				<label for="comments-min-words-limit" id="comments-min-words-limit-label"
+					<c:if test="${!isCommentsEnabled}">class="gray-color"</c:if>
+				>
+					<fmt:message key="${minNumberWordsLabel}" >
+						<fmt:param> </fmt:param>
+					</fmt:message>
+				</label>
+				<input type="text" name="commentsMinWordsLimit" id="comments-min-words-limit" value="${commentsMinWordsLimit}"/>
+			</div>
 		</div>
-	</c:if>
-	
-	<div class="space-top">
-		<input type="checkbox" name="isCommentsEnabled" value="true" class="noBorder" id="enable-comments"
-			<c:if test="${isCommentsEnabled}">checked="checked"</c:if>
-		/>
-		<label for="enable-comments">
-			<fmt:message key="${allowCommentsLabel}" />
-		</label>
-		
-		<div class="small-space-top" >
-			<label for="comments-min-words-limit" id="comments-min-words-limit-label"
-				<c:if test="${!isCommentsEnabled}">class="gray-color"</c:if>
-			>
-				<fmt:message key="${minNumberWordsLabel}" >
-					<fmt:param> </fmt:param>
-				</fmt:message>
-			</label>
-			<input type="text" name="commentsMinWordsLimit" id="comments-min-words-limit" value="${commentsMinWordsLimit}"/>
-		</div>
-		
 	</div>
-	
 </div>
 <!-- end tab content -->
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/CKEditor.tag
===================================================================
diff -u -rdc884b8e6274ebbc664d1ee940e565803445bb26 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/CKEditor.tag	(.../CKEditor.tag)	(revision dc884b8e6274ebbc664d1ee940e565803445bb26)
+++ lams_tool_mindmap/web/WEB-INF/tags/CKEditor.tag	(.../CKEditor.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -10,7 +10,12 @@
 <%@ attribute name="contentFolderID" required="false" rtexprvalue="true"%>
 <%@ attribute name="displayExpanded" required="false" rtexprvalue="true"%>
 <%@ attribute name="resizeParentFrameName" required="false" rtexprvalue="true"%>
+<%@ attribute name="method" required="false" rtexprvalue="true"%>
 
+<c:if test="${empty method}">
+	<c:set var="method" value="inline" />
+</c:if>
+
 <c:set var="language">
 	<lams:user property="fckLanguageMapping" />
 </c:set>
@@ -19,6 +24,10 @@
 	<c:set var="toolbarSet" value="Default" />
 </c:if>
 
+<c:if test="${fn:containsIgnoreCase(method,'replace')}">
+	<c:set var="toolbarSet">${toolbarSet}Replace</c:set>
+</c:if>
+
 <c:if test="${empty displayExpanded}">
 	<c:set var="displayExpanded" value="true" />
 </c:if>
@@ -33,10 +42,10 @@
 <c:set var="fixedValue" value="${fn:replace(value,'&lt','&amp;lt')}"/>
 <c:set var="fixedValue" value="${fn:replace(fixedValue,'&gt','&amp;gt')}"/>
 
-<textarea id="${id}" name="${id}" style="display: none; visibility: hidden; height: 0px;">${fixedValue}</textarea>
+<textarea id="${id}" name="${id}" style="display: none; visibility: hidden; height: 0px;" placeholder="${placeholder}">${fixedValue}</textarea>
 
 <c:if test="${empty ckEditorBasePath}">
-	<c:set scope="request" var="ckEditorBasePath"><lams:LAMSURL/>ckeditor/</c:set>
+	<c:set scope="request" var="ckEditorBasePath">/lams/ckeditor/</c:set>
 	<script type="text/javascript" src="${ckEditorBasePath}ckeditor.js"></script>
 </c:if>
 
@@ -59,10 +68,9 @@
 	    var editor = CKEDITOR.instances["${id}"];
 	    if (editor) { editor.destroy(true); }
 	    
-		var instance = CKEDITOR.replace( "${id}", {
+		var instance = CKEDITOR.${method}( "${id}", {
 				width                         : "${width}",
 				height                        : "${height}",
-				autoGrow_minHeight            : "${height}".replace("px", ""),
 				toolbar                       : "${toolbarSet}",
 				language                      : "${language}",
 				defaultLangugage              : "en",
Index: lams_tool_mindmap/web/WEB-INF/tags/Comments.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/Comments.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/Comments.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,47 @@
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
+<%@ taglib uri="tags-function" prefix="fn" %>
+
+<%@ attribute name="toolSessionId" required="true" rtexprvalue="true"%>
+<%@ attribute name="toolSignature" required="true" rtexprvalue="true"%>
+<%@ attribute name="height" required="false" rtexprvalue="true"%>
+<%@ attribute name="width" required="false" rtexprvalue="true"%>
+<%@ attribute name="mode" required="false" rtexprvalue="true"%>
+<%@ attribute name="likeAndDislike" required="false" rtexprvalue="true"%>
+<%@ attribute name="readOnly" required="false" rtexprvalue="true"%>
+<%@ attribute name="pageSize" required="false" rtexprvalue="true"%>
+<%@ attribute name="sortBy" required="false" rtexprvalue="true"%>
+
+
+<c:if test="${empty width}">
+	<c:set var="width" value="100%" />
+</c:if>
+
+<c:if test="${empty height}">
+	<c:set var="height" value="auto" />
+</c:if>
+
+<c:set var="modeStr" value=""/>
+<c:if test="${!empty mode}">
+	<c:set var="modeStr">&mode=${mode}</c:set>
+</c:if>
+
+<c:if test="${empty likeAndDislike}">
+	<c:set var="likeAndDislike" value="false" />
+</c:if>
+
+<c:if test="${empty readOnly}">
+	<c:set var="readOnly" value="false" />
+</c:if>
+
+<c:if test="${empty sortBy}">
+	<c:set var="sortBy" value="0" /> <!-- 0: date, 1: likes -->
+</c:if>
+
+<div id="commentFrame" class="commentFrame"  style="width: ${width}; height: ${height};"></div>
+<script>
+$(document).ready(function(){
+	var url='<lams:LAMSURL/>comments/comments.do?externalID=${toolSessionId}&externalSig=${toolSignature}&externalType=1${modeStr}&likeAndDislike=${likeAndDislike}&readOnly=${readOnly}&pageSize=${pageSize}&sortBy=${sortBy}';
+	$('#commentFrame').load(url);
+});
+</script>
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/CommentsAuthor.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/CommentsAuthor.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/CommentsAuthor.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,51 @@
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-html" prefix="html"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+
+<%@ 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"%>
+
+<c:if test="${empty allowCommentsVariableName}">
+	<c:set var="allowCommentsVariableName" value="allowComments" />
+</c:if>
+<c:if test="${empty allowCommentLabelKey}">
+	<c:set var="allowCommentLabelKey" value="advanced.allow.comments" />
+</c:if>
+<c:if test="${empty likeDislikeVariableName}">
+	<c:set var="likeDislikeVariableName" value="commentsLikeAndDislike" />
+</c:if>
+<c:if test="${empty likeOnlyCommentLabelKey}">
+	<c:set var="likeOnlyCommentLabelKey" value="advanced.comments.like.only" />
+</c:if>
+<c:if test="${empty likeDislikeLabelKey}">
+	<c:set var="likeDislikeLabelKey" value="advanced.comments.like.and.dislike" />
+</c:if>
+
+<div class="checkbox">
+	<label>
+	<html:checkbox property="${allowCommentsVariableName}" value="1"
+		styleId="${allowCommentsVariableName}">
+	</html:checkbox>
+	<fmt:message key="${allowCommentLabelKey}"/>
+	</label>
+</div>
+<div class="loffset20" id="likedislike">
+		<html:radio property="${likeDislikeVariableName}" value="false" />&nbsp;<fmt:message key="${likeOnlyCommentLabelKey}" /> &nbsp;
+		<html:radio property="${likeDislikeVariableName}" value="true" />&nbsp;<fmt:message key="${likeDislikeLabelKey}" /> 
+</div>
+
+<script>
+jQuery( document ).ready(function( $ ) {
+	if (! $("#${allowCommentsVariableName}").is(':checked')) {
+		$("#likedislike").hide();
+	}
+	$("#${allowCommentsVariableName}").click(function() {
+		$("#likedislike").toggle('slow');
+	});
+});
+</script>
+
+
Index: lams_tool_mindmap/web/WEB-INF/tags/ImgButtonWrapper.tag
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/ImgButtonWrapper.tag	(.../ImgButtonWrapper.tag)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/WEB-INF/tags/ImgButtonWrapper.tag	(.../ImgButtonWrapper.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,37 +1,37 @@
-<% 
-/****************************************************************
- * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
- * =============================================================
- * License Information: http://lamsfoundation.org/licensing/lams/2.0/
- * 
- * This program is free software; you can redistribute it and/or modify
- * it under the terms of the GNU General Public License version 2.0
- * as published by the Free Software Foundation.
- * 
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- * 
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
- * USA
- * 
- * http://www.gnu.org/licenses/gpl.txt
- * ****************************************************************
- */
- 
- /**
-  * ImgButtonWrapper.tag
-  *	Author: Mitchell Seaton
-  *	Description: Simple wrapper that will display buttons correctly when RTL page rendering is used.
-  */
- 
- %>
-<%@ tag body-content="scriptless" %>
-<div id="button-table" class="space-bottom-top">
-	<div id="button-row">
-		<jsp:doBody />
-	</div>
-</div>
+<% 
+/****************************************************************
+ * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+ * =============================================================
+ * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+ * 
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License version 2.0
+ * as published by the Free Software Foundation.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
+ * USA
+ * 
+ * http://www.gnu.org/licenses/gpl.txt
+ * ****************************************************************
+ */
+ 
+ /**
+  * ImgButtonWrapper.tag
+  *	Author: Mitchell Seaton
+  *	Description: Simple wrapper that will display buttons correctly when RTL page rendering is used.
+  */
+ 
+ %>
+<%@ tag body-content="scriptless" %>
+<div id="button-table" class="space-bottom-top">
+	<div id="button-row">
+		<jsp:doBody />
+	</div>
+</div>
Index: lams_tool_mindmap/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r59300dcfe778d065bfdf068dc3d301a549843c78 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 59300dcfe778d065bfdf068dc3d301a549843c78)
+++ lams_tool_mindmap/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -12,25 +12,38 @@
 <div class="row no-gutter">
 	<div class="col-xs-12">
 		<div class="container" id="content">
+		
+		<c:choose>
+		<c:when test='${type == "navbar"}'>
+			<jsp:doBody />
+		</c:when> 
+		<c:otherwise>
 			<div class="panel panel-default panel-${type}-page">
-				<div class="panel-heading">
-					<c:if test="${not empty title}">
+				<c:if test="${not empty title}">
+					<div class="panel-heading">
 						<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>
+						<c:if test="${not empty headingContent}">
+							<c:out value="${headingContent}" escapeXml="true" />
+						</c:if>
+					</div>
+				</c:if>
 				<div class="panel-body panel-${type}-body">
 					<jsp:doBody />
 				</div>
 			</div>
+		</c:otherwise>
+		</c:choose>
+			
 		</div>
 		<!-- End content container -->
 	</div>
 </div>
+
+
+		
+			
Index: lams_tool_mindmap/web/WEB-INF/tags/RestrictedUsageAccordian.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/RestrictedUsageAccordian.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/RestrictedUsageAccordian.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,54 @@
+<%
+	 /****************************************************************
+	 * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+	 * =============================================================
+	 * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+	 * 
+	 * This program is free software; you can redistribute it and/or modify
+	 * it under the terms of the GNU General Public License version 2.0
+	 * as published by the Free Software Foundation.
+	 * 
+	 * This program is distributed in the hope that it will be useful,
+	 * but WITHOUT ANY WARRANTY; without even the implied warranty of
+	 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	 * GNU General Public License for more details.
+	 * 
+	 * You should have received a copy of the GNU General Public License
+	 * along with this program; if not, write to the Free Software
+	 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
+	 * USA
+	 * 
+	 * http://www.gnu.org/licenses/gpl.txt
+	 * ****************************************************************
+	 */
+
+	/**
+	 * AdvancedAccordian.tag
+	 *	Author: Fiona Malikoff
+	 *	Description: Creates the show/hide entry for the Restricted Usage Settings in Monitoring.
+	 * Wiki: 
+	 */
+%>
+<%@ attribute name="title" required="true" rtexprvalue="true"%>
+
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
+
+<div class="panel-group" id="accordionRestrictUsageDiv" role="tablist" aria-multiselectable="true"> 
+    <div class="panel panel-default" >
+        <div class="panel-heading collapsable-icon-left" id="headingRestrictedUsageDiv">
+        	<span class="panel-title">
+	    	<a class="collapsed" role="button" data-toggle="collapse" href="#restrictUsageDiv" aria-expanded="false" aria-controls="restrictUsageDiv" >
+          	${title}
+        	</a>
+      		</span>
+        </div>
+
+
+		<div id="restrictUsageDiv" class="panel-body panel-collapse collapse" role="tabpanel" aria-labelledby="headingRestrictedUsageDiv">
+		<jsp:doBody />
+		</div>
+	</div>
+</div>
+		
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/Tab.tag
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/Tab.tag	(.../Tab.tag)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/WEB-INF/tags/Tab.tag	(.../Tab.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -24,8 +24,8 @@
 
 	/**
 	 * Tab.tag
-	 *	Author: Mitchell Seaton
-	 *	Description: Creates a tab element.
+	 *	Author: Fiona Malikoff
+	 *	Description: Creates a tab element within the Hybrid Tab Header.
 	 * Wiki: 
 	 */
 %>
@@ -54,6 +54,9 @@
 <%--
 	Usually methodCall is selectTab, but the calling code can override methodCall if desired.
 	this is handy if the page needs different logic on initialisation and user switching tabs
+	
+	-- 			onclick="${methodCall}(${id});return false;">
+	
 --%>
 
 <c:if test="${methodCall == null}">
@@ -73,13 +76,14 @@
 	</c:set>
 </c:if>
 
-<div class="nav-box">
-	<div class="tab-left" id="tab-left-${id}"></div>
-	<div class="tab-middle" id="tab-middle-${id}">
-		<a class="tab-middle-link" id="tab-middle-link-${id}" href="#"
-			onclick="${methodCall}(${id});return false;">
-			${tabTitle}
-		</a>
-	</div>
-	<div class="tab-right" id="tab-right-${id}"></div>
-</div>
+<c:set var="class" value=""/>
+<c:if test="${id == 1}">
+	<c:set var="class">class="active"</c:set>
+</c:if>
+	
+<c:set var="disabled" value=""/>
+<c:if test="${inactive}">
+	<c:set var="class">class="disabled"</c:set>
+</c:if>
+
+<li role="presentation" ${class}><a href="#t${id}" aria-controls="t${id}" role="tab" onclick="${methodCall}(${id});return false;">${tabTitle}</a></li>
Index: lams_tool_mindmap/web/WEB-INF/tags/TabBody.tag
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/TabBody.tag	(.../TabBody.tag)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/WEB-INF/tags/TabBody.tag	(.../TabBody.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -28,25 +28,17 @@
  * Wiki: 
  */
 
-		%>
-<%@ tag body-content="scriptless"%>
+%>
 <%@ attribute name="id" required="true" rtexprvalue="true"%>
 <%@ attribute name="tabTitle" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleKey" required="false" rtexprvalue="true"%>
 <%@ attribute name="page" required="false" rtexprvalue="true"%>
 <%@ taglib uri="tags-core" prefix="c"%>
 <%@ taglib uri="tags-bean" prefix="bean"%>
 
-<!-- begin tab content -->
-<div class="box" id="tabbody${id}">
-	<c:choose>
-		<c:when test="${page != null}">
-			<jsp:include page="${page}" />
-		</c:when>
-		<c:otherwise>
-			<jsp:doBody />
-		</c:otherwise>
-	</c:choose>
+<c:set var="class" value=""/>
+<c:if test="${id == 1}">
+	<c:set var="class">active</c:set>
+</c:if>
 
-</div>
-<!-- end tab content -->
+<div role="tabpanel" class="tab-pane ${class}" id="t${id}"><jsp:include page="${page}"/></div>
Index: lams_tool_mindmap/web/WEB-INF/tags/TabBodyArea.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/TabBodyArea.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/TabBodyArea.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,39 @@
+<%/****************************************************************
+ * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+ * =============================================================
+ * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+ * 
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License version 2.0
+ * as published by the Free Software Foundation.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
+ * USA
+ * 
+ * http://www.gnu.org/licenses/gpl.txt
+ * ****************************************************************
+ */
+
+/**
+ * TabBodyArea.tag
+ *	Author: Fiona Malikoff
+ *	Description: Creates the panel body area for a nav bar screen
+ * Wiki: 
+ */
+
+%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-bean" prefix="bean"%>
+
+<div class="panel-body panel-monitor-body">
+	 <jsp:doBody />
+</div>
+
+</div> <!--  close tab opened in TabHeader -->
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/TabBodys.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/TabBodys.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/TabBodys.tag	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,37 @@
+<%/****************************************************************
+ * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+ * =============================================================
+ * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+ * 
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License version 2.0
+ * as published by the Free Software Foundation.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
+ * USA
+ * 
+ * http://www.gnu.org/licenses/gpl.txt
+ * ****************************************************************
+ */
+
+/**
+ * TabBodys.tag
+ *	Author: Fiona Malikoff
+ *	Description: Create a tabbody list from nested TabBody tags.
+ * Wiki: 
+ */
+
+		%>
+<%@ tag body-content="scriptless"%>
+
+<!-- tab body holder table -->
+<div class="tab-content">
+	<jsp:doBody />
+</div>
Index: lams_tool_mindmap/web/WEB-INF/tags/Tabs.tag
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/Tabs.tag	(.../Tabs.tag)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/WEB-INF/tags/Tabs.tag	(.../Tabs.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -23,47 +23,70 @@
 
 /**
  * Tabs.tag
- *	Author: Mitchell Seaton
- *	Description: Create a tab list from a input collection or nested Tab tags.
- * Wiki: 
+ *	Author: Fiona Malikoff
+ *	Description: Create a hybrid panel header that contains a nav bar that acts like tabs.
  */
 
-		%>
-<%@ tag body-content="scriptless"%>
-<%@ attribute name="collection" type="java.util.Collection" required="false" rtexprvalue="true"%>
+%>
 <%@ attribute name="control" required="false" rtexprvalue="true"%>
-<%@ attribute name="useKey" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="refreshOnClickAction" required="false" rtexprvalue="true"%>
+<%@ attribute name="helpToolSignature" required="false" rtexprvalue="true"%>
+<%@ attribute name="helpModule" required="false" rtexprvalue="true"%>
+<%@ attribute name="extraControl" required="false" rtexprvalue="true"%>
+
 <%@ taglib uri="tags-core" prefix="c"%>
 <%@ taglib uri="tags-lams" prefix="lams"%>
+
+<c:set var="useActions" value="false" scope="request" />
+<c:if test="${not empty helpToolSignature or not empty helpModule or not empty refreshOnClickAction or not empty extraControl}">
+	<c:set var="useActions" value="true" scope="request" />
+</c:if>
+
 <c:set var="dControl" value="false" scope="request" />
 <c:if test="${control}">
 	<c:set var="dControl" value="${control}" scope="request" />
 </c:if>
 
-<c:set var="dUseKey" value="false" scope="request" />
-<c:if test="${useKey}">
-	<c:set var="dUseKey" value="${useKey}" scope="request" />
-</c:if>
+<!-- navbar combined with tabs -->
+<div class="panel panel-default panel-monitor-page">
+<div class="panel-heading navbar-heading">
 
-<!-- tab holder table -->
-<div id="nav">
-	<c:choose>
-		<c:when test="${collection != null}">
-			<c:set var="count" value="0" />
-			<c:forEach var="tab" begin="0" items="${collection}">
-				<c:set var="count" value="${count+1}" />
-				<c:choose>
-					<c:when test="${dUseKey}">
-						<lams:Tab id="${count}" key="${tab}" />
-					</c:when>
-					<c:otherwise>
-						<lams:Tab id="${count}" value="${tab}" />
-					</c:otherwise>
-				</c:choose>
-			</c:forEach>
-		</c:when>
-		<c:otherwise>
-			<jsp:doBody />
-		</c:otherwise>
-	</c:choose>
+ 	<nav class="navbar navbar-default navbar-heading">
+	<div class="container-fluid">
+    	<!-- Brand and toggle get grouped for better mobile display -->
+		<div class="navbar-header">
+	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
+	        <span class="sr-only">Toggle navigation</span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	      </button>
+	      <span class="navbar-brand">${title}</span>
+		</div>
+		<div class="collapse navbar-collapse" id="navbar-collapse-1" role="navigation">
+         <ul class="nav navbar-nav" id="page-tabs">
+	         <li role="separator" class="divider"></li>
+	          <jsp:doBody />
+         </ul>
+         <c:if test="${useActions}">
+         <ul class="nav navbar-nav navbar-right" id="page-actions">
+		     <li role="separator" class="divider"></li>
+		     <c:if test="${not empty refreshOnClickAction}">
+             <li class="navbar-text" ><span onclick="${refreshOnClickAction}"><i class="fa fa-refresh"></i></span></li>
+             </c:if>
+             <c:if test="${not empty helpToolSignature or not empty helpModule}">
+             <li class="navbar-text" ><lams:help toolSignature="${helpToolSignature}" module="${helpModule}" style="small"/></li>
+             </c:if>
+             <c:if test="${not empty extraControl}">
+             <li class="navbar-text" >${extraControl}</li>
+             </c:if>
+         </ul>
+         </c:if>
+ 	    
+ 		</div>
+	 </div>
+     </nav>
+     <!-- /top nav -->
 </div>
+<!-- panel div closed by TabBodyArea -->
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/headItems.tag
===================================================================
diff -u -r613f0d0d76eb497ed58d7e6836eda34a245425a9 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tags/headItems.tag	(.../headItems.tag)	(revision 613f0d0d76eb497ed58d7e6836eda34a245425a9)
+++ lams_tool_mindmap/web/WEB-INF/tags/headItems.tag	(.../headItems.tag)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -41,7 +41,9 @@
 	<lams:WebAppURL />
 </c:set>
 
-<lams:css style="main"/>
+<lams:css/>
 
 <script type="text/javascript" src="${lams}includes/javascript/common.js"></script>
-<script type="text/javascript" src="${lams}includes/javascript/tabcontroller.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>
+<script type="text/javascript" src="${lams}includes/javascript/bootstrap.tabcontroller.js"></script>
Index: lams_tool_mindmap/web/WEB-INF/tiles-defs.xml
===================================================================
diff -u -r9c83d6e84da12d1d753d9a0588ecd4a1b49de1f7 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tiles-defs.xml	(.../tiles-defs.xml)	(revision 9c83d6e84da12d1d753d9a0588ecd4a1b49de1f7)
+++ lams_tool_mindmap/web/WEB-INF/tiles-defs.xml	(.../tiles-defs.xml)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -66,7 +66,7 @@
 		</definition>
 	-->
 	<definition name="tiles:/generic/message" extends="tiles:/layout:default">
-		<put name="pageTitleKey" value="pageTitle.authoring" />
+		<put name="pageTitleKey" value="activity.title" />
 		<put name="header" value="tiles:/header:default" />
 		<put name="body" value="/common/message.jsp"></put>
 	</definition>
@@ -75,7 +75,7 @@
 
 	<!-- Begin: Authoring -->
 	<definition name="tiles:/authoring/main" extends="tiles:/layout:tab">
-		<put name="pageTitleKey" value="pageTitle.authoring" />
+		<put name="pageTitleKey" value="activity.title" />
 		<put name="header" value="tiles:/header:authoring" type="definition" />
 		<put name="body" value="/pages/authoring/authoring.jsp" />
 	</definition>
Index: lams_tool_mindmap/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r59300dcfe778d065bfdf068dc3d301a549843c78 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 59300dcfe778d065bfdf068dc3d301a549843c78)
+++ lams_tool_mindmap/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -178,7 +178,7 @@
       <name>css</name>
       <tag-class>org.lamsfoundation.lams.web.tag.CssTag</tag-class>
       <body-content>empty</body-content>
-
+      
       <attribute>
          <description>Output stylesheet based on the user preferences.</description>
          <name>style</name>
@@ -408,10 +408,18 @@
        <path>/WEB-INF/tags/TabBody.tag</path>
    	</tag-file>
    	<tag-file>
+       <name>TabBodys</name>
+       <path>/WEB-INF/tags/TabBodys.tag</path>
+   	</tag-file>
+   	<tag-file>
        <name>TabName</name>
        <path>/WEB-INF/tags/TabName.tag</path>
    	</tag-file>
    	<tag-file>
+       <name>TabBodyArea</name>
+       <path>/WEB-INF/tags/TabBodyArea.tag</path>
+   	</tag-file>
+   	<tag-file>
        <name>CKEditor</name>
        <path>/WEB-INF/tags/CKEditor.tag</path>
    	</tag-file>
@@ -440,17 +448,29 @@
 		<path>/WEB-INF/tags/DefineLater.tag</path>
    	</tag-file>  
    	<tag-file>
-	    <name>TSTable</name>
-		<path>/WEB-INF/tags/TSTable.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>Arrow</name>
+		<path>/WEB-INF/tags/Arrow.tag</path>
+   	</tag-file>
+   	<tag-file>
+       <name>AdvancedAccordian</name>
+       <path>/WEB-INF/tags/AdvancedAccordian.tag</path>
    	</tag-file>  
+   	<tag-file>   		
+   		<name>RestrictedUsageAccordian</name>
+   		<path>/WEB-INF/tags/RestrictedUsageAccordian.tag</path>
+   	</tag-file>
    	<tag-file>
 	    <name>ImgButtonWrapper</name>
 		<path>/WEB-INF/tags/ImgButtonWrapper.tag</path>
@@ -493,5 +513,13 @@
 		<name>head</name>
 	    <path>/WEB-INF/tags/Head.tag</path>
 	</tag-file>
+   	<tag-file>
+       <name>Comments</name>
+       <path>/WEB-INF/tags/Comments.tag</path>
+   	</tag-file>
+   	<tag-file>
+       <name>CommentsAuthor</name>
+       <path>/WEB-INF/tags/CommentsAuthor.tag</path>
+   	</tag-file>
 
 </taglib>
Index: lams_tool_mindmap/web/common/messages.jsp
===================================================================
diff -u -r59300dcfe778d065bfdf068dc3d301a549843c78 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/common/messages.jsp	(.../messages.jsp)	(revision 59300dcfe778d065bfdf068dc3d301a549843c78)
+++ lams_tool_mindmap/web/common/messages.jsp	(.../messages.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,8 +1,8 @@
 <%-- Error Messages --%>
 <logic:messagesPresent>
-	<lams:Alert id="error" type="danger" close="false">
-        <html:messages id="error">
-            <c:out value="${error}" escapeXml="false"/><br/>
-        </html:messages>
+	<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>
+</logic:messagesPresent>
\ No newline at end of file
Index: lams_tool_mindmap/web/includes/javascript/mindmap.resize.js
===================================================================
diff -u -r5acac14c9f744d59a59c5916cb0dc1c15eab44f6 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/includes/javascript/mindmap.resize.js	(.../mindmap.resize.js)	(revision 5acac14c9f744d59a59c5916cb0dc1c15eab44f6)
+++ lams_tool_mindmap/web/includes/javascript/mindmap.resize.js	(.../mindmap.resize.js)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -28,8 +28,7 @@
 		return myWidth;
 }
 
-function makeNice()
-{
+function makeNice() {
 	var isIE = navigator.appName.indexOf("Microsoft") != -1;
 	flash = document.getElementById('flashContent');
 	container = document.getElementById('center12');
Index: lams_tool_mindmap/web/layouts/defaultLayout.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/layouts/defaultLayout.jsp	(.../defaultLayout.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_mindmap/web/layouts/defaultLayout.jsp	(.../defaultLayout.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,22 +1,19 @@
 <!DOCTYPE html>
-            
-
 <%@ include file="/common/taglibs.jsp"%>
 
 <lams:html>
 	<tiles:insert attribute="header" />
-	<body class="stripes">
-		<div id="page">	
-			<tiles:useAttribute name="pageTitleKey" ignore="true"/>
-			<bean:define name="pageTitleKey" id="pTitleKey" type="String" />
-			<h1 class="no-tabs-below">
-				<fmt:message key="${pTitleKey}" />
-			</h1>
-<!--			<div id="header-no-tabs"></div>-->
+	<body class="stripes">	
+	
+		<tiles:useAttribute name="pageTitleKey" ignore="true"/>
+		<bean:define name="pageTitleKey" id="pTitleKey" type="String" />
+		<c:set var="title"><fmt:message key="${pTitleKey}" /></c:set>
+		<lams:Page title="${title}" type="learner">
+
 			<div id="content">
 				<tiles:insert attribute="body" />
 			</div>
 			<div id="footer"></div>
-		</div>
+		</lams:Page>
 	</body>
 </lams:html>
Index: lams_tool_mindmap/web/layouts/learningLayout.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/layouts/learningLayout.jsp	(.../learningLayout.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_mindmap/web/layouts/learningLayout.jsp	(.../learningLayout.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,6 +1,4 @@
 <!DOCTYPE html>
-            
-
 <%@ include file="/common/taglibs.jsp"%>
 
 <lams:html>
Index: lams_tool_mindmap/web/layouts/tabLayout.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/layouts/tabLayout.jsp	(.../tabLayout.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_mindmap/web/layouts/tabLayout.jsp	(.../tabLayout.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,18 +1,15 @@
 <!DOCTYPE html>
-            
-
 <%@ include file="/common/taglibs.jsp"%>
 
 <lams:html>
 	<tiles:insert attribute="header" />
 	<body class="stripes" onload="init();">
-		<div id="page">
-			<tiles:useAttribute name="pageTitleKey" />
-			<bean:define name="pageTitleKey" id="pTitleKey" type="String" />
-			<h1>
-				<fmt:message key="${pTitleKey}" />
-			</h1>
+	
+		<tiles:useAttribute name="pageTitleKey" />
+		<bean:define name="pageTitleKey" id="pTitleKey" type="String" />
+		<c:set var="title"><fmt:message key="${pTitleKey}" /></c:set>
+		<lams:Page title="${title}" type="navbar">
 			<tiles:insert attribute="body" />
-		</div>
+		</lams:Page></div>
 	</body>
 </lams:html>
Index: lams_tool_mindmap/web/pages/authoring/advanced.jsp
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/authoring/advanced.jsp	(.../advanced.jsp)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/pages/authoring/advanced.jsp	(.../advanced.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -2,39 +2,36 @@
 
 <!-- ========== Advanced Tab ========== -->
 
-<p class="small-space-top">
-	<html:checkbox property="lockOnFinished" value="1"
-		styleClass="noBorder" styleId="lockOnFinished"></html:checkbox>
-	<label for="lockOnFinished">
+<div class="checkbox">
+	<label for="lock-when-finished">
+		<html:checkbox property="lockOnFinished" styleId="lock-when-finished"/>
 		<fmt:message key="advanced.lockOnFinished" />
 	</label>
-</p>
+</div>
 
-<p>
-	<html:checkbox property="multiUserMode" value="1" styleClass="noBorder" styleId="multiUserMode"></html:checkbox>
+<div class="checkbox">
 	<label for="multiUserMode">
+		<html:checkbox property="multiUserMode" value="1" styleId="multiUserMode"/>
 		<fmt:message key="advanced.multiUserMode" />
 	</label>
-</p>
+</div>
 
 <!-- Reflection -->
-
-<p class="small-space-top">
-	<html:checkbox property="reflectOnActivity" value="1" styleClass="noBorder" styleId="reflectOnActivity"></html:checkbox>
-	<label for="reflectOnActivity">
+<div class="checkbox">
+	<label for="reflect-on">
+		<html:checkbox property="reflectOnActivity" styleId="reflect-on"/>
 		<fmt:message key="advanced.reflectOnActivity" />
 	</label>
-</p>
+</div>
 
-<p>
-	<html:textarea property="reflectInstructions" cols="30" rows="3"  styleId="reflectInstructions"/>
-</p>
+<div class="form-group">
+	<html:textarea property="reflectInstructions" cols="60" rows="3" styleId="reflect-instructions" styleClass="form-control"/>
+</div>
 
 <script type="text/javascript">
-<!--
 //automatically turn on refect option if there are text input in refect instruction area
-	var ra = document.getElementById("reflectInstructions");
-	var rao = document.getElementById("reflectOnActivity");
+	var ra = document.getElementById("reflect-instructions");
+	var rao = document.getElementById("reflect-on");
 
 	function turnOnRefect() {
 		if(isEmpty(ra.value)) {
@@ -47,5 +44,4 @@
 	}
 
 	ra.onkeyup = turnOnRefect;
-//-->
 </script>
\ No newline at end of file
Index: lams_tool_mindmap/web/pages/authoring/authoring.jsp
===================================================================
diff -u -rc43fd06c63eb2356b9a7b068285194a2c8d52711 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/authoring/authoring.jsp	(.../authoring.jsp)	(revision c43fd06c63eb2356b9a7b068285194a2c8d52711)
+++ lams_tool_mindmap/web/pages/authoring/authoring.jsp	(.../authoring.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,8 +1,6 @@
 <%@ include file="/common/taglibs.jsp"%>
-
 <%@ page import="org.lamsfoundation.lams.tool.mindmap.util.MindmapConstants"%>
 
-<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 <script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/swfobject.js"></script>
 <script type="text/javascript" src="includes/javascript/mindmap.resize.js"></script>
 
@@ -19,8 +17,7 @@
 	
 	embedFlashObject(700, 525);
 	
-	function setMindmapContent()
-	{
+	function setMindmapContent() {
 		var mindmapContent = document.getElementById("mindmapContent");
 		var tag = document.getElementById("currentTab");
 		
@@ -29,82 +26,65 @@
 		}
 	}
 	
-	function flashLoaded()
-	{
+	function flashLoaded() {
 		var mindmapContent = document.getElementById("mindmapContent");
 		document['flashContent'].setMindmap(mindmapContent.value);
 	}
 	
-	function embedFlashObject(x, y)
-	{
+	function embedFlashObject(x, y) {
 		swfobject.embedSWF("${mindmapType}", "flashContent", x, y, "9.0.0", false, flashvars);
 	}
 
 	// set Mindmap content before submitting authoring form
-	$(document).ready(function(){
+	$(document).ready(function() {
 		// selects "save" button in lams:AuthoringButton tag
 		$('a[href*="doSubmit_Form_Only()"]').click(setMindmapContent);
 	});	
 //]]>
 </script>
 
 <html:form action="/authoring" styleId="authoringForm" method="post" enctype="multipart/form-data">
-	
-	<c:set var="formBean"
-		value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+	<c:set var="formBean" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
 	<c:set var="sessionMap" value="${sessionScope[formBean.sessionMapID]}" />
-	
 	<c:set var="defineLater" value="no" />
 	<c:if test="${sessionMap.mode == 'teacher'}">
 		<c:set var="defineLater" value="yes" />
 	</c:if>
 	
-	<div id="header">
+	<html:hidden property="currentTab" styleId="currentTab" />
+	<html:hidden property="dispatch" value="updateContent" />
+	<html:hidden property="sessionMapID" />
+	<html:hidden property="mindmapContent" styleId="mindmapContent" />
 	
-		<!--  TITLE KEY PAGE GOES HERE -->
-		<lams:Tabs control="true">
-			<lams:Tab id="1" key="button.basic" />
-			<c:if test="${sessionMap.mode == 'author'}">
-				<lams:Tab id="2" key="button.advanced" />
-			</c:if>
-		</lams:Tabs>
-	
-	</div>
-	<!--closes header-->
-	
-	<div id="content">
-		<html:hidden property="currentTab" styleId="currentTab" />
-		<html:hidden property="dispatch" value="updateContent" />
-		<html:hidden property="sessionMapID" />
-		<html:hidden property="mindmapContent" styleId="mindmapContent" />
-		
-		<div id="message" style="text-align: center;">
-			<logic:messagesPresent>
-				<p class="warning">
-				        <html:messages id="error">
-				            <c:out value="${error}" escapeXml="false"/><br/>
-				        </html:messages>
-				</p>
-			</logic:messagesPresent>
-		</div>
-
-		<lams:help toolSignature="<%=MindmapConstants.TOOL_SIGNATURE%>" module="authoring" />
-
-		<%-- Page tabs --%>
-		<lams:TabBody id="1" titleKey="button.basic" page="basic.jsp" />
+	<c:set var="title"><fmt:message key="activity.title" /></c:set>
+	<lams:Tabs control="true" title="${title}" helpToolSignature="<%= MindmapConstants.TOOL_SIGNATURE %>" helpModule="authoring">
+		<lams:Tab id="1" key="button.basic" />
 		<c:if test="${sessionMap.mode == 'author'}">
-			<lams:TabBody id="2" titleKey="button.advanced" page="advanced.jsp" />
+			<lams:Tab id="2" key="button.advanced" />
 		</c:if>
+	</lams:Tabs>
+	
+	<lams:TabBodyArea>
+		<%@ include file="/common/messages.jsp"%>
+		 		
+		<!--  Set up tabs  -->
+		<lams:TabBodys>
+   			<lams:TabBody id="1" titleKey="button.basic" page="basic.jsp" />
+   			<c:if test="${sessionMap.mode == 'author'}">
+ 				<lams:TabBody id="2" titleKey="button.advanced" page="advanced.jsp" />
+ 			</c:if>
+  		</lams:TabBodys>
 		
-		<lams:AuthoringButton formID="authoringForm"
-			clearSessionActionUrl="/clearsession.do" toolSignature="lamind10"
-			cancelButtonLabelKey="button.cancel" saveButtonLabelKey="button.save"
-			toolContentID="${sessionMap.toolContentID}"
-			accessMode="${sessionMap.mode}" defineLater="${defineLater}"
-			customiseSessionID="${sessionMap.sessionID}" 
-			contentFolderID="${sessionMap.contentFolderID}" />
-	</div>
+		<!-- Button Row -->
+		<div id="saveCancelButtons">
+			<lams:AuthoringButton formID="authoringForm"
+				clearSessionActionUrl="/clearsession.do" toolSignature="<%=MindmapConstants.TOOL_SIGNATURE%>"
+				cancelButtonLabelKey="button.cancel" saveButtonLabelKey="button.save"
+				toolContentID="${sessionMap.toolContentID}"
+				accessMode="${sessionMap.mode}" defineLater="${defineLater}"
+				contentFolderID="${sessionMap.contentFolderID}" />
+		</div>
+	</lams:TabBodyArea>
 </html:form>
 
 <div id="footer"></div>
-
Index: lams_tool_mindmap/web/pages/authoring/basic.jsp
===================================================================
diff -u -r8179037dc958585c054547eb7de9be14c6aed233 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision 8179037dc958585c054547eb7de9be14c6aed233)
+++ lams_tool_mindmap/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -5,27 +5,22 @@
 <c:set var="sessionMapID" value="${formBean.sessionMapID}" />
 
 <!-- ========== Basic Tab ========== -->
-<table name="tbl" cellpadding="0">
-	<tr>
-		<td>
-			<div class="field-name">
-				<fmt:message key="label.authoring.basic.title"></fmt:message>
-			</div>
-			<html:text property="title" style="width: 99%;"></html:text>
-		</td>
-	</tr>
-	<tr>
-		<td>
-			<div class="field-name">
-				<fmt:message key="label.authoring.basic.instructions"></fmt:message>
-			</div>
-			<lams:CKEditor id="instructions"
-				value="${formBean.instructions}"
-				contentFolderID="${sessionMap.contentFolderID}"></lams:CKEditor>
-		</td>
-	</tr>
-</table>
+<div class="form-group">
+    <label for="title">
+    	<fmt:message key="label.authoring.basic.title"/>
+    </label>
+    <html:text property="title" styleClass="form-control"/>
+</div>
 
+<div class="form-group">
+    <label for="instructions">
+    	<fmt:message key="label.authoring.basic.instructions"/>
+    </label>
+	<lams:CKEditor id="instructions" value="${formBean.instructions}"
+			contentFolderID="${sessionMap.contentFolderID}" height="400">
+	</lams:CKEditor>
+</div>
+
 <center id="center12">
 	<div id="flashContent">
 		<fmt:message>message.enableJavaScript</fmt:message>
Index: lams_tool_mindmap/web/pages/authoring/pedagogicalPlannerForm.jsp
===================================================================
diff -u -re48fc0e1f6819e257b87efa36c3baec3c1c488f0 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/authoring/pedagogicalPlannerForm.jsp	(.../pedagogicalPlannerForm.jsp)	(revision e48fc0e1f6819e257b87efa36c3baec3c1c488f0)
+++ lams_tool_mindmap/web/pages/authoring/pedagogicalPlannerForm.jsp	(.../pedagogicalPlannerForm.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,30 +1,31 @@
 <!DOCTYPE html>
-		
-
 <%@ include file="/common/taglibs.jsp"%>
+
 <lams:html>
 <lams:head>
 	<lams:css style="core" />
 	
 	<script type="text/javascript">
-	function prepareFormData(){
-		//CKeditor content is not submitted when sending by jQuery; we need to do this
-		var content = CKEDITOR.instances.instructions.getData();
-		document.getElementById("instructions").value=content;
-	}
+		function prepareFormData(){
+			//CKeditor content is not submitted when sending by jQuery; we need to do this
+			var content = CKEDITOR.instances.instructions.getData();
+			document.getElementById("instructions").value=content;
+		}
 	</script>
 </lams:head>
+
 <body style="width: 550px">
 	<%@ include file="/common/messages.jsp"%>
+	
 	<h4 class="space-left" style="float:left"><fmt:message key="label.authoring.basic.instructions" /></h4>
 	<html:form action="/pedagogicalPlanner.do?dispatch=saveOrUpdatePedagogicalPlannerForm" styleId="pedagogicalPlannerForm" method="post">
+		<c:set var="formBean" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
 		<html:hidden property="toolContentID" styleId="toolContentID" />
 		<html:hidden property="valid" styleId="valid" />
 		<html:hidden property="callID" styleId="callID" />
 		<html:hidden property="activityOrderNumber" styleId="activityOrderNumber" />
 		<br />
 		
-		<c:set var="formBean" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
 		<lams:CKEditor id="instructions"
 			value="${formBean.instructions}"
 			contentFolderID="${formBean.contentFolderID}"
Index: lams_tool_mindmap/web/pages/monitoring/advanceOptions.jsp
===================================================================
diff -u
--- lams_tool_mindmap/web/pages/monitoring/advanceOptions.jsp	(revision 0)
+++ lams_tool_mindmap/web/pages/monitoring/advanceOptions.jsp	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -0,0 +1,71 @@
+<%@ include file="/common/taglibs.jsp"%>
+
+<c:set var="adTitle"><fmt:message key="monitor.summary.th.advancedSettings" /></c:set>
+<lams:AdvancedAccordian title="${adTitle}">
+
+	<table class="table table-condensed">
+	
+		<tr>
+			<td>
+				<fmt:message key="advanced.lockOnFinished" />
+			</td>
+			
+			<td>
+				<c:choose>
+					<c:when test="${dto.lockOnFinish}">
+						<fmt:message key="label.on" />
+					</c:when>
+					<c:otherwise>
+						<fmt:message key="label.off" />
+					</c:otherwise>
+				</c:choose>	
+			</td>
+		</tr>
+		
+		<tr>
+			<td>
+				<fmt:message key="advanced.multiUserMode" />
+			</td>
+			
+			<td>
+				<c:choose>
+					<c:when test="${dto.multiUserMode}">
+						<fmt:message key="label.on" />
+					</c:when>
+					<c:otherwise>
+						<fmt:message key="label.off" />
+					</c:otherwise>
+				</c:choose>	
+			</td>
+		</tr>
+		
+		<tr>
+			<td>
+				<fmt:message key="advanced.reflectOnActivity" />
+			</td>
+			
+			<td>
+				<c:choose>
+					<c:when test="${dto.reflectOnActivity}">
+						<fmt:message key="label.on" />
+					</c:when>
+					<c:otherwise>
+						<fmt:message key="label.off" />
+					</c:otherwise>
+				</c:choose>	
+			</td>
+		</tr>
+		  <c:if test="${dto.reflectOnActivity}">	
+			<tr>
+				<td>
+					<fmt:message key="label.notebookInstructions" />
+				</td>
+			
+				<td>
+					<lams:out value="${dto.reflectInstructions}" escapeHtml="true"/>
+				</td>
+			</tr>
+		 </c:if>
+		
+	</table>
+</lams:AdvancedAccordian>
\ No newline at end of file
Index: lams_tool_mindmap/web/pages/monitoring/dateRestriction.jsp
===================================================================
diff -u -r79d80d58b415dfbead2011e4f1701a338b613b11 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/dateRestriction.jsp	(.../dateRestriction.jsp)	(revision 79d80d58b415dfbead2011e4f1701a338b613b11)
+++ lams_tool_mindmap/web/pages/monitoring/dateRestriction.jsp	(.../dateRestriction.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,43 +1,36 @@
 <%@include file="/common/taglibs.jsp"%>
 
-<h1>
-	<img src="<lams:LAMSURL/>/images/tree_closed.gif" id="restrictUsageTreeIcon" onclick="javascript:toggleAdvancedOptionsVisibility(document.getElementById('restrictUsageDiv'), document.getElementById('restrictUsageTreeIcon'), '<lams:LAMSURL/>');" />
+<c:set var="ddTitle"><fmt:message key="monitor.summary.date.restriction" /></c:set>
+<lams:RestrictedUsageAccordian title="${ddTitle}">
 
-	<a href="javascript:toggleAdvancedOptionsVisibility(document.getElementById('restrictUsageDiv'), document.getElementById('restrictUsageTreeIcon'),'<lams:LAMSURL/>');" >
-		<fmt:message key="monitor.summary.date.restriction" />
-	</a>
-</h1>
-<br />
-
-<div class="monitoring-advanced" id="restrictUsageDiv" style="display:none; ">
-
 	<div>
 		<fmt:message key="monitor.summary.when.date.restriction.is.set" />
 	</div>
 		
 	<div id="datetimeDiv" <c:if test='${not empty submissionDeadline}'> style="display: none;" </c:if>>
-		<span>
-			<fmt:message key="monitor.summary.after.date" />
-		</span>
-		
-		<input type="text" name="datetime" id="datetime" value=""/>
-				
-		<html:link	href="javascript:setSubmissionDeadline();" styleClass="button">
-			<fmt:message key="monitor.summary.set.restriction" />
-		</html:link>
+		<div class="form-group">
+			<label for="datetime"><fmt:message key="monitor.summary.after.date" />&nbsp;
+			
+			<input type="text" name="datetime" id="datetime" value="" class="form-control form-control-inline"/>
+			</label>
+									
+			<html:link	href="javascript:setSubmissionDeadline();" styleClass="btn btn-sm btn-default loffset5">
+				<fmt:message key="monitor.summary.set.restriction" />
+			</html:link>
+		</div>
 	</div>
 
 	<div id="dateInfoDiv" <c:if test='${empty submissionDeadline}'> style="display: none;" </c:if>>
-		<span>
-			<fmt:message key="monitor.summary.after.date" />
-		</span>
+		<label>
+			<span><fmt:message key="monitor.summary.after.date" /></span>
+			
+			<span id="dateInfo">
+			</span>
+		</label>
 		
-		<span id="dateInfo">
-		</span>
-				
-		<html:link	href="javascript:removeSubmissionDeadline();" styleClass="button">
+		<html:link	href="javascript:removeSubmissionDeadline();" styleClass="btn btn-sm btn-default loffset5">
 			<fmt:message key="monitor.summary.unset.restriction" />
 		</html:link>
 	</div>
 
-</div>
\ No newline at end of file
+</lams:RestrictedUsageAccordian>
\ No newline at end of file
Index: lams_tool_mindmap/web/pages/monitoring/editActivity.jsp
===================================================================
diff -u -r7e0dfc44997ce167443693af15e18b75aec1c494 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/editActivity.jsp	(.../editActivity.jsp)	(revision 7e0dfc44997ce167443693af15e18b75aec1c494)
+++ lams_tool_mindmap/web/pages/monitoring/editActivity.jsp	(.../editActivity.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,25 +1,24 @@
 <%@ include file="/common/taglibs.jsp"%>
-
 <c:set var="dto" value="${mindmapDTO}" />
 
 <!--<c:if test="${dto.contentInUse}">
-	<p class="warning">
+	<lams:Alert type="warn" id="alertContentEdit" close="false">
 		<fmt:message key="message.alertContentEdit" />
-	</p>
-</c:if> -->
+	</lams:Alert>
+</c:if>-->
 
-<table cellspacing="0">
+<table class="table table-condensed">
 	<tbody>
 		<tr>
-			<td class="field-name" width="10%" nowrap>
+			<td width="10%" nowrap>
 				<fmt:message key="label.authoring.basic.title" />
 			</td>
 			<td>
 				<c:out value="${dto.title}" escapeXml="true" />
 			</td>
 		</tr>
 		<tr>
-			<td class="field-name" width="10%" nowrap valign="top">
+			<td width="10%" nowrap valign="top">
 				<fmt:message key="label.authoring.basic.instructions" />
 			</td>
 			<td>
@@ -37,7 +36,7 @@
 	</c:url>
 	
 	<c:if test="${dto.contentInUse == false}">
-		<html:link href="${authoringUrl}" styleClass="button" target="_blank">
+		<html:link href="${authoringUrl}" styleClass="btn btn-default" target="_blank">
 			<fmt:message key="button.editActivity" />
 		</html:link>
 	</c:if>
Index: lams_tool_mindmap/web/pages/monitoring/headItems.jsp
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/headItems.jsp	(.../headItems.jsp)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/pages/monitoring/headItems.jsp	(.../headItems.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -4,6 +4,7 @@
 	<lams:WebAppURL />
 </c:set>
 
-<script type="text/javascript"
-	src="${tool}includes/javascript/monitoring.js">
+<script type="text/javascript">
+	var initialTabId = "${mindmapDTO.currentTab}";
 </script>
+<script type="text/javascript" src="${tool}includes/javascript/monitoring.js"></script>
Index: lams_tool_mindmap/web/pages/monitoring/mindmapDisplay.jsp
===================================================================
diff -u -r2aaf90f770fd092dd7906a270c46a3eabb217493 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/mindmapDisplay.jsp	(.../mindmapDisplay.jsp)	(revision 2aaf90f770fd092dd7906a270c46a3eabb217493)
+++ lams_tool_mindmap/web/pages/monitoring/mindmapDisplay.jsp	(.../mindmapDisplay.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -3,7 +3,6 @@
 <script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 <script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/swfobject.js"></script>
 <script type="text/javascript" src="includes/javascript/mindmap.resize.js"></script>
-
 <script type="text/javascript">
 //<![CDATA[
            
@@ -17,25 +16,21 @@
 
 	$(window).resize(makeNice);
 	
-	function embedFlashObject(x, y)
-	{
+	function embedFlashObject(x, y)	{
 		swfobject.embedSWF("${mindmapType}", "flashContent", x, y, "9.0.0", false, flashvars);
 	}
 	
-	function setToolContentID()
-	{
+	function setToolContentID()	{
 		var toolContentID = document.getElementById("toolContentID");
 		toolContentID.value = "${toolContentID}";
 	}
 	
-	function setUserId()
-	{
+	function setUserId() {
 		var userId = document.getElementById("userId");
 		userId.value = "${userDTO.uid}";
 	}
 	
-	function setMindmapContent()
-	{
+	function setMindmapContent() {
 		var mindmapContent = document.getElementById("mindmapContent");
 		if(mindmapContent != null) {
 			mindmapContent.value = document['flashContent'].getMindmap();
@@ -45,8 +40,7 @@
 		setToolContentID();
 	}
 
-	function updateContent()
-	{
+	function updateContent() {
 		$.post("${get}", { dispatch: "${dispatch}", mindmapId: "${mindmapId}", userId: "${userId}", 
 			content: document['flashContent'].getMindmap() } );
 	}
@@ -57,12 +51,10 @@
 	<html:hidden property="toolContentID" styleId="toolContentID" value="${toolContentID}" />
 	<html:hidden property="contentFolderID" styleId="contentFolderID" value="${contentFolderID}" />
 	
-	<table>
+	<table class="table">
 		<tr>
 			<td colspan="2">
-				<h2>
-					<c:out value="${userDTO.firstName} ${userDTO.lastName}" escapeXml="true"/>
-				</h2>
+				<c:out value="${userDTO.firstName} ${userDTO.lastName}" escapeXml="true"/>
 			</td>
 		</tr>
 		<tr>
@@ -77,22 +69,20 @@
 			<fmt:message>message.enableJavaScript</fmt:message>
 		</div>
 	</center>
-	
-	<div class="space-bottom-top align-right">
-		<html:button styleClass="button" property="backButton" onclick="history.go(-1)">
-			<fmt:message>button.back</fmt:message>
-		</html:button>
-
 		<c:choose>
 			<c:when test="${isMultiUserMode}">
 			</c:when>
 			<c:otherwise>
-				<html:submit styleClass="button" styleId="saveButton" onclick="updateContent()">
+				<html:submit styleClass="btn btn-primary voffset10 loffset5 pull-right" styleId="saveButton" onclick="updateContent()">
 					<fmt:message>button.save</fmt:message>
 				</html:submit>	
 			</c:otherwise>
 		</c:choose>
+	
+		<html:button styleClass="btn btn-primary voffset10 pull-right" property="backButton" onclick="history.go(-1)">
+			<fmt:message>button.back</fmt:message>
+		</html:button>
+
 		
-	</div>
 
 </html:form>
Index: lams_tool_mindmap/web/pages/monitoring/monitoring.jsp
===================================================================
diff -u -rbe07c35c372d904a65581d98660e73f3b13b69db -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/monitoring.jsp	(.../monitoring.jsp)	(revision be07c35c372d904a65581d98660e73f3b13b69db)
+++ lams_tool_mindmap/web/pages/monitoring/monitoring.jsp	(.../monitoring.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,23 +1,19 @@
 <%@ include file="/common/taglibs.jsp"%>
 <%@ page import="org.lamsfoundation.lams.tool.mindmap.util.MindmapConstants"%>
 
-<div id="header">
-	<lams:Tabs>
-		<lams:Tab id="1" key="button.summary" />
-		<lams:Tab id="2" key="button.editActivity" />
-		<lams:Tab id="3" key="button.statistics" />
-	</lams:Tabs>
-	<script type="text/javascript">
-		var initialTabId = "${mindmapDTO.currentTab}";
-	</script>
-</div>
+<c:set var="title"><fmt:message key="activity.title" /></c:set>
+<lams:Tabs control="true" title="${title}" helpToolSignature="<%= MindmapConstants.TOOL_SIGNATURE %>" helpModule="monitoring" refreshOnClickAction="javascript:location.reload();">
+	<lams:Tab id="1" key="button.summary"/>
+	<lams:Tab id="2" key="button.editActivity"/>
+	<lams:Tab id="3" key="button.statistics"/>
+</lams:Tabs>
+	
+<lams:TabBodyArea>
+	<lams:TabBodys>
+		<lams:TabBody id="1" titleKey="button.summary" page="summary.jsp" />
+		<lams:TabBody id="2" titleKey="button.editActivity" page="editActivity.jsp" />			
+		<lams:TabBody id="3" titleKey="button.statistics" page="statistics.jsp" />
+	</lams:TabBodys> 
+</lams:TabBodyArea>
 
-<div id="content">
-	<lams:help toolSignature="<%= MindmapConstants.TOOL_SIGNATURE %>" module="monitoring"/>
-
-	<lams:TabBody id="1" titleKey="button.summary" page="summary.jsp" />
-	<lams:TabBody id="2" titleKey="button.editActivity" page="editActivity.jsp" />
-	<lams:TabBody id="3" titleKey="button.statistics" page="statistics.jsp" />
-</div>
-
 <div id="footer"></div>
Index: lams_tool_mindmap/web/pages/monitoring/reflect.jsp
===================================================================
diff -u -r20dc7e052028046fae31887b183e7270e31a7007 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/reflect.jsp	(.../reflect.jsp)	(revision 20dc7e052028046fae31887b183e7270e31a7007)
+++ lams_tool_mindmap/web/pages/monitoring/reflect.jsp	(.../reflect.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,17 +1,22 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-	<h1>
-		<c:out value="${reflectTitle}" escapeXml="true" />
-	</h1>
-	
-	<h2>
-		<c:out value="${mindmapUser}" escapeXml="true"/>
-	</h2>
-	
-	<lams:out value="${reflectEntry}" escapeHtml="true" />
+<h3>
+	<fmt:message>label.notebookEntry</fmt:message>
+</h3>
+
+<table class="table">
+	<tr>
+		<th>
+			<c:out value="${mindmapUser}" escapeXml="true"/>
+		</th>
+	</tr>
+	<tr>
+		<td>
+			<lams:out value="${reflectEntry}" escapeHtml="true" />
+		</td>
+	</tr>
+</table>
 		
-	<div align="right" class="space-bottom-top">
-		<html:button styleClass="button" property="backButton" onclick="history.go(-1)">
-			<fmt:message>button.back</fmt:message>
-		</html:button>
-	</div>
+<html:button styleClass="btn btn-primary voffset10 pull-right" property="backButton" onclick="history.go(-1)">
+	<fmt:message>button.back</fmt:message>
+</html:button>
Index: lams_tool_mindmap/web/pages/monitoring/statistics.jsp
===================================================================
diff -u -r26ce6de9fba8494203a85a4ce076b6ffea4238ed -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/statistics.jsp	(.../statistics.jsp)	(revision 26ce6de9fba8494203a85a4ce076b6ffea4238ed)
+++ lams_tool_mindmap/web/pages/monitoring/statistics.jsp	(.../statistics.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,34 +1,42 @@
 <%@ include file="/common/taglibs.jsp"%>
-
 <c:set var="dto" value="${mindmapDTO}" />
+
+<c:if test="${empty dto.sessionDTOs}">
+	<lams:Alert type="info" id="no-session-summary" close="false">
+		<fmt:message key="label.nogroups" />
+	</lams:Alert>
+</c:if>
+
 <c:forEach var="session" items="${dto.sessionDTOs}">
 
-	<table>
-		<tr>
-			<td>
-				<h2>
-					${session.sessionName}
-				</h2>
-			</td>
-		</tr>
-	</table>
+	<c:if test="${isGroupedActivity}">
+		<div class="panel panel-default" >
+			<div class="panel-heading">
+				<span class="panel-title">
+					<fmt:message key="monitoring.label.group" />&nbsp;${session.sessionName}
+				</span>
+			</div>
+		</div>
+	</c:if>
 
-	<table cellpadding="0">
-		<tr>
-			<td class="field-name" width="40%">
-				<fmt:message>heading.totalLearnersInGroup</fmt:message>
-			</td>
-			<td width="70%">
-				${session.numberOfLearners}
-			</td>
-		</tr>
-		<tr>
-			<td class="field-name" width="40%">
-				<fmt:message>heading.totalFinishedLearnersInGroup</fmt:message>
-			</td>
-			<td width="70%">
-				${session.numberOfFinishedLearners}
-			</td>
-		</tr>
-	</table>
+	<div class="panel-body">
+		<table class="table table-condensed">
+			<tr>
+				<td width="40%">
+					<fmt:message>heading.totalLearnersInGroup</fmt:message>
+				</td>
+				<td width="70%">
+					${session.numberOfLearners}
+				</td>
+			</tr>
+			<tr>
+				<td width="40%">
+					<fmt:message>heading.totalFinishedLearnersInGroup</fmt:message>
+				</td>
+				<td width="70%">
+					${session.numberOfFinishedLearners}
+				</td>
+			</tr>
+		</table>
+	</div>
 </c:forEach>
Index: lams_tool_mindmap/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r732f77a31113c5838d0704829b99418d90053471 -re05eabde125abc5f2847a169592b3b5e6bd60091
--- lams_tool_mindmap/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 732f77a31113c5838d0704829b99418d90053471)
+++ lams_tool_mindmap/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision e05eabde125abc5f2847a169592b3b5e6bd60091)
@@ -1,5 +1,6 @@
 <%@ include file="/common/taglibs.jsp"%>
 <c:set var="lams"><lams:LAMSURL/></c:set>
+<c:set var="dto" value="${mindmapDTO}" />
 
 <link type="text/css" href="${lams}/css/jquery-ui-smoothness-theme.css" rel="stylesheet">
 <link type="text/css" href="${lams}/css/jquery-ui.timepicker.css" rel="stylesheet">
@@ -15,68 +16,72 @@
 		messageRestrictionSet: '<fmt:message key="monitor.summary.date.restriction.set" />',
 		messageRestrictionRemoved: '<fmt:message key="monitor.summary.date.restriction.removed" />'
 	};
-</script>	
-<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
+</script>
 <script type="text/javascript" src="${lams}includes/javascript/jquery-ui.js"></script>
 <script type="text/javascript" src="${lams}includes/javascript/jquery-ui.timepicker.js"></script>
 <script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script> 
 <script type="text/javascript" src="${lams}/includes/javascript/monitorToolSummaryAdvanced.js" ></script>
 <script type="text/javascript">
-<!--
 	var evalcomixWindow = null;
-	
-	function openEvalcomixWindow(url)
-	{
+	function openEvalcomixWindow(url) {
     	evalcomixWindow=window.open(url, 'evalcomixWindow', 'width=800,height=600,scrollbars=yes,resizable=yes');
 		if (window.focus) {evalcomixWindow.focus()}
 	}
-//-->
 </script>
 
-
-<h1>
-  <c:out value="${mindmapDTO.title}" escapeXml="true"/>
-</h1>
-<div class="instructions small-space-top">
-  <c:out value="${mindmapDTO.instructions}" escapeXml="false"/>
+<div class="panel">
+	<h4>
+	  <c:out value="${mindmapDTO.title}" escapeXml="true"/>
+	</h4>
+	
+	<div class="instructions voffset5">
+	  <c:out value="${mindmapDTO.instructions}" escapeXml="false"/>
+	</div>
+	
+	<c:if test="${empty dto.sessionDTOs}">
+		<lams:Alert type="info" id="no-session-summary" close="false">
+			<fmt:message key="label.nogroups" />
+		</lams:Alert>
+	</c:if>
 </div>
 
-<c:set var="dto" value="${mindmapDTO}" />
-<c:if test="${empty dto.sessionDTOs}">
-	<p class="warning">
-		<fmt:message key="label.nogroups" />
-	</p>
+<c:if test="${isGroupedActivity}">
+	<div class="panel-group" id="accordionSessions" role="tablist" aria-multiselectable="true"> 
 </c:if>
 
-<c:forEach var="session" items="${dto.sessionDTOs}">
+<c:forEach var="session" items="${dto.sessionDTOs}" varStatus="status">
 
-	<c:if test="${isGroupedActivity}">
-		<h2>
-			${session.sessionName}
-		</h2>
+	<c:if test="${isGroupedActivity}">	
+	    <div class="panel panel-default" >
+	        <div class="panel-heading" id="heading${session.sessionID}">
+	        	<span class="panel-title collapsable-icon-left">
+	        		<a class="${status.first ? '' : 'collapsed'}" role="button" data-toggle="collapse" href="#collapse${session.sessionID}" 
+							aria-expanded="${status.first ? 'false' : 'true'}" aria-controls="collapse${session.sessionID}" >
+						<fmt:message key="heading.group" >
+							<fmt:param><c:out value="${session.sessionName}" /></fmt:param>
+						</fmt:message>
+					</a>
+				</span>
+	        </div>
+        
+			<div id="collapse${session.sessionID}" class="panel-collapse collapse ${status.first ? 'in' : ''}" 
+        			role="tabpanel" aria-labelledby="heading${session.sessionID}">
 	</c:if>
+	
+	<div class="loffset10">
+		<fmt:message key="heading.totalLearners" />&nbsp;${session.numberOfLearners}
+	</div>
 
-	<table cellpadding="0">
-		<tr>
-			<td class="field-name" width="30%">
-				<fmt:message key="heading.totalLearners" />
-			</td>
-			<td width="70%">
-				${session.numberOfLearners}
-			</td>
-		</tr>
-	</table>
+	<table class="table table-centered voffset10">
 
-	<table cellpadding="0" class="alternative-color">
-
 		<tr>
-			<th>
+			<th width="30%">
 				<fmt:message key="heading.learner" />
 			</th>
-			<th align="center">
+			<th width="40%">
 				<fmt:message key="heading.mindmapEntry" />
 			</th>
-			<th align="center">
+			<th width="40%">
 				<fmt:message key="label.notebookEntry" />
 			</th>
 		</tr>
@@ -88,17 +93,17 @@
 					<c:when test="${dto.reflectOnActivity == true}">
 						<c:forEach var="user" items="${session.userDTOs}">
 							<tr>
-								<td width="30%">
+								<td>
 									<c:out value="${user.firstName} ${user.lastName}" escapeXml="true"/>
 								</td>
 						
-								<td width="40%" align="center">
+								<td >
 									<a href="./learning.do?mode=learner&amp;toolSessionID=${session.sessionID}&amp;monitor=true">
 										<fmt:message key="label.view" />
 									</a>
 								</td>
 						
-								<td width="30%" align="center">
+								<td width="30%">
 									<a href="./monitoring.do?dispatch=reflect&amp;userUID=${user.uid}&amp;toolContentID=${dto.toolContentId}">
 										<fmt:message key="label.view" />
 									</a>
@@ -109,17 +114,17 @@
 					
 					<c:otherwise>
 						<tr>
-							<td width="30%">
+							<td>
 								<fmt:message key="label.multimode" />
 							</td>
 					
-							<td width="40%" align="center">
+							<td>
 								<a href="./learning.do?mode=learner&amp;toolSessionID=${session.sessionID}&amp;monitor=true">
 									<fmt:message key="label.view" />
 								</a>
 							</td>
 					
-							<td width="30%" align="center">
+							<td>
 								<fmt:message key="label.notAvailable" />
 							</td>
 						</tr>
@@ -132,11 +137,11 @@
 			<c:otherwise>
 				<c:forEach var="user" items="${session.userDTOs}">
 					<tr>
-						<td width="30%">
+						<td>
 							<c:out value="${user.firstName} ${user.lastName}" escapeXml="true"/>
 						</td>
 						
-						<td width="40%" align="center">
+						<td>
 							<c:choose>
 								<c:when test="${user.finishedActivity != true}">
 									<fmt:message key="label.notAvailable" />
@@ -149,7 +154,7 @@
 							</c:choose>
 						</td>
 						
-						<td width="30%" align="center">
+						<td>
 							<c:choose>
 								<c:when test="${dto.reflectOnActivity != true}">
 									<fmt:message key="label.notAvailable" />
@@ -169,86 +174,20 @@
 		</c:choose>
 
 	</table>
+	
+		<c:if test="${isGroupedActivity}">
+		</div> <!-- end collapse area  -->
+		</div> <!-- end collapse panel  -->
+	</c:if>
+	${ !isGroupedActivity || ! status.last ? '<div class="voffset5">&nbsp;</div>' :  ''}
+	
 </c:forEach>
 
+<c:if test="${isGroupedActivity}">
+	</div> <!--  end panel group -->
+</c:if>
 
-<div class="space-top">
-<h1 style="padding-bottom: 10px;">
-	<img src="<lams:LAMSURL/>/images/tree_closed.gif" id="treeIcon" onclick="javascript:toggleAdvancedOptionsVisibility(document.getElementById('advancedDiv'), document.getElementById('treeIcon'), '<lams:LAMSURL/>');" />
+<%@ include file="advanceOptions.jsp"%>
 
-	<a href="javascript:toggleAdvancedOptionsVisibility(document.getElementById('advancedDiv'), document.getElementById('treeIcon'),'<lams:LAMSURL/>');" >
-		<fmt:message key="monitor.summary.th.advancedSettings" />
-	</a>
-</h1>
-
-<div class="monitoring-advanced" id="advancedDiv" style="display:none">
-<table class="alternative-color">
-
-	<tr>
-		<td>
-			<fmt:message key="advanced.lockOnFinished" />
-		</td>
-		
-		<td>
-			<c:choose>
-				<c:when test="${dto.lockOnFinish}">
-					<fmt:message key="label.on" />
-				</c:when>
-				<c:otherwise>
-					<fmt:message key="label.off" />
-				</c:otherwise>
-			</c:choose>	
-		</td>
-	</tr>
-	
-	<tr>
-		<td>
-			<fmt:message key="advanced.multiUserMode" />
-		</td>
-		
-		<td>
-			<c:choose>
-				<c:when test="${dto.multiUserMode}">
-					<fmt:message key="label.on" />
-				</c:when>
-				<c:otherwise>
-					<fmt:message key="label.off" />
-				</c:otherwise>
-			</c:choose>	
-		</td>
-	</tr>
-	
-	<tr>
-		<td>
-			<fmt:message key="advanced.reflectOnActivity" />
-		</td>
-		
-		<td>
-			<c:choose>
-				<c:when test="${dto.reflectOnActivity}">
-					<fmt:message key="label.on" />
-				</c:when>
-				<c:otherwise>
-					<fmt:message key="label.off" />
-				</c:otherwise>
-			</c:choose>	
-		</td>
-	</tr>
-	  <c:if test="${dto.reflectOnActivity}">	
-		<tr>
-			<td>
-				<fmt:message key="label.notebookInstructions" />
-			</td>
-		
-			<td>
-				<lams:out value="${dto.reflectInstructions}" escapeHtml="true"/>
-			</td>
-		</tr>
-	 </c:if>
-	
-</table>
-</div>
-</div>
-<br/>
 <%@include file="dateRestriction.jsp"%>