Index: lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/VoteAppConstants.java
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/VoteAppConstants.java,v
diff -u -r1.59.2.3 -r1.59.2.4
--- lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/VoteAppConstants.java	5 May 2016 08:09:51 -0000	1.59.2.3
+++ lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/VoteAppConstants.java	26 May 2016 13:01:09 -0000	1.59.2.4
@@ -40,6 +40,7 @@
      */
     public static final String LOAD = "load";
     public static final String LOAD_QUESTIONS = "load";
+    public static final String LOAD_NOMINATIONS = "loadNominations";
     public static final String LOAD_MONITORING = "refreshMonitoring";
     public static final String LOAD_STARTER = "starter";
     public static final String AUTHORING_STARTER = "starter";
Index: lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/web/VoteAction.java
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/web/VoteAction.java,v
diff -u -r1.47.2.2 -r1.47.2.3
--- lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/web/VoteAction.java	5 May 2016 08:09:50 -0000	1.47.2.2
+++ lams_tool_vote/src/java/org/lamsfoundation/lams/tool/vote/web/VoteAction.java	26 May 2016 13:01:09 -0000	1.47.2.3
@@ -493,7 +493,7 @@
 
 	request.getSession().setAttribute(httpSessionID, sessionMap);
 
-	return mapping.findForward(VoteAppConstants.LOAD_QUESTIONS);
+	return mapping.findForward(VoteAppConstants.LOAD_NOMINATIONS);
     }
 
     /**
@@ -608,7 +608,7 @@
 
 	request.getSession().setAttribute(httpSessionID, sessionMap);
 
-	return mapping.findForward(VoteAppConstants.LOAD_QUESTIONS);
+	return mapping.findForward(VoteAppConstants.LOAD_NOMINATIONS);
     }
 
     /**
Index: lams_tool_vote/web/WEB-INF/struts-config.xml
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/struts-config.xml,v
diff -u -r1.38.2.1 -r1.38.2.2
--- lams_tool_vote/web/WEB-INF/struts-config.xml	22 Feb 2016 01:41:51 -0000	1.38.2.1
+++ lams_tool_vote/web/WEB-INF/struts-config.xml	26 May 2016 13:01:09 -0000	1.38.2.2
@@ -93,6 +93,12 @@
 	        path="/authoring/AuthoringMaincontent.jsp"
 		    redirect="false"
 	      />
+
+	      <forward
+	        name="loadNominations"
+	        path="/authoring/itemlist.jsp"
+		    redirect="false"
+	      />
 	    
 	      <forward
 	        name="starter"
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/AdvancedAccordian.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/Arrow.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_vote/web/WEB-INF/tags/AuthoringButton.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/AuthoringButton.tag,v
diff -u -r1.20 -r1.20.2.1
--- lams_tool_vote/web/WEB-INF/tags/AuthoringButton.tag	23 Jul 2013 17:54:25 -0000	1.20
+++ lams_tool_vote/web/WEB-INF/tags/AuthoringButton.tag	26 May 2016 13:01:09 -0000	1.20.2.1
@@ -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
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/AuthoringRatingCriteria.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_vote/web/WEB-INF/tags/CKEditor.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/CKEditor.tag,v
diff -u -r1.14.2.1 -r1.14.2.2
--- lams_tool_vote/web/WEB-INF/tags/CKEditor.tag	3 Sep 2014 13:19:21 -0000	1.14.2.1
+++ lams_tool_vote/web/WEB-INF/tags/CKEditor.tag	26 May 2016 13:01:09 -0000	1.14.2.2
@@ -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,'Inline')}">
+	<c:set var="toolbarSet">${toolbarSet}Inline</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",
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/Comments.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/CommentsAuthor.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_vote/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.2 -r1.1.2.3
--- lams_tool_vote/web/WEB-INF/tags/Page.tag	6 Mar 2016 08:18:10 -0000	1.1.2.2
+++ lams_tool_vote/web/WEB-INF/tags/Page.tag	26 May 2016 13:01:09 -0000	1.1.2.3
@@ -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>
+
+
+		
+			
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/Rating.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/RestrictedUsageAccordian.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/TSTable.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_vote/web/WEB-INF/tags/Tab.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/Tab.tag,v
diff -u -r1.8 -r1.8.12.1
--- lams_tool_vote/web/WEB-INF/tags/Tab.tag	7 Mar 2008 00:40:44 -0000	1.8
+++ lams_tool_vote/web/WEB-INF/tags/Tab.tag	26 May 2016 13:01:09 -0000	1.8.12.1
@@ -1,85 +1,89 @@
-<%
-	 /****************************************************************
-	 * 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
-	 * ****************************************************************
-	 */
-
-	/**
-	 * Tab.tag
-	 *	Author: Mitchell Seaton
-	 *	Description: Creates a tab element.
-	 * Wiki: 
-	 */
-%>
-<%@ tag body-content="empty"%>
-<%@ attribute name="id" required="true" rtexprvalue="true"%>
-<%@ attribute name="value" required="false" rtexprvalue="true"%>
-<%@ attribute name="key" required="false" rtexprvalue="true"%>
-<%@ attribute name="inactive" required="false" rtexprvalue="true"%>
-<%@ attribute name="methodCall" required="false" rtexprvalue="true"%>
-
-<%@ taglib uri="tags-core" prefix="c"%>
-<%@ taglib uri="tags-fmt" prefix="fmt"%>
-<%@ taglib uri="tags-lams" prefix="lams"%>
-
-<%-- Check if  bundle is set --%>
-<c:if test="${not empty bundle}">
-	<fmt:setBundle basename="${bundle}"/>
-</c:if>
-
-<c:set var="lams">
-	<lams:LAMSURL />
-</c:set>
-
-<c:set var="tabTitle" value="${value}" />
-
-<%--
-	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
---%>
-
-<c:if test="${methodCall == null}">
-	<c:choose>
-		<c:when test="${dControl}">
-			<c:set var="methodCall" value="doSelectTab" />
-		</c:when>
-		<c:otherwise>
-			<c:set var="methodCall" value="selectTab" />
-		</c:otherwise>
-	</c:choose>
-</c:if>
-
-<c:if test="${key != null && value == null}">
-	<c:set var="tabTitle">
-		<fmt:message key="${key}" />
-	</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>
+<%
+	 /****************************************************************
+	 * 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
+	 * ****************************************************************
+	 */
+
+	/**
+	 * Tab.tag
+	 *	Author: Fiona Malikoff
+	 *	Description: Creates a tab element within the Hybrid Tab Header.
+	 * Wiki: 
+	 */
+%>
+<%@ tag body-content="empty"%>
+<%@ attribute name="id" required="true" rtexprvalue="true"%>
+<%@ attribute name="value" required="false" rtexprvalue="true"%>
+<%@ attribute name="key" required="false" rtexprvalue="true"%>
+<%@ attribute name="inactive" required="false" rtexprvalue="true"%>
+<%@ attribute name="methodCall" required="false" rtexprvalue="true"%>
+
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
+
+<%-- Check if  bundle is set --%>
+<c:if test="${not empty bundle}">
+	<fmt:setBundle basename="${bundle}"/>
+</c:if>
+
+<c:set var="lams">
+	<lams:LAMSURL />
+</c:set>
+
+<c:set var="tabTitle" value="${value}" />
+
+<%--
+	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}">
+	<c:choose>
+		<c:when test="${dControl}">
+			<c:set var="methodCall" value="doSelectTab" />
+		</c:when>
+		<c:otherwise>
+			<c:set var="methodCall" value="selectTab" />
+		</c:otherwise>
+	</c:choose>
+</c:if>
+
+<c:if test="${key != null && value == null}">
+	<c:set var="tabTitle">
+		<fmt:message key="${key}" />
+	</c:set>
+</c:if>
+
+<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_vote/web/WEB-INF/tags/TabBody.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/TabBody.tag,v
diff -u -r1.6 -r1.6.12.1
--- lams_tool_vote/web/WEB-INF/tags/TabBody.tag	9 May 2007 00:52:12 -0000	1.6
+++ lams_tool_vote/web/WEB-INF/tags/TabBody.tag	26 May 2016 13:01:09 -0000	1.6.12.1
@@ -1,52 +1,44 @@
-<%/****************************************************************
- * 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
- * ****************************************************************
- */
-
-/**
- * TabBody.tag
- *	Author: Mitchell Seaton
- *	Description: Creates the body container for a tab element
- * 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>
-
-</div>
-<!-- end tab content -->
+<%/****************************************************************
+ * 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
+ * ****************************************************************
+ */
+
+/**
+ * TabBody.tag
+ *	Author: Mitchell Seaton
+ *	Description: Creates the body container for a tab element
+ * Wiki: 
+ */
+
+%>
+<%@ 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"%>
+
+<c:set var="class" value=""/>
+<c:if test="${id == 1}">
+	<c:set var="class">active</c:set>
+</c:if>
+
+<div role="tabpanel" class="tab-pane ${class}" id="t${id}"><jsp:include page="${page}"/></div>
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/TabBodyArea.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/WEB-INF/tags/TabBodys.tag'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_vote/web/WEB-INF/tags/TabName.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/TabName.tag,v
diff -u -r1.5 -r1.5.2.1
Binary files differ
Index: lams_tool_vote/web/WEB-INF/tags/Tabs.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/Tabs.tag,v
diff -u -r1.6 -r1.6.12.1
--- lams_tool_vote/web/WEB-INF/tags/Tabs.tag	9 May 2007 00:52:12 -0000	1.6
+++ lams_tool_vote/web/WEB-INF/tags/Tabs.tag	26 May 2016 13:01:09 -0000	1.6.12.1
@@ -1,69 +1,92 @@
-<%/****************************************************************
- * 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
- * ****************************************************************
- */
-
-/**
- * Tabs.tag
- *	Author: Mitchell Seaton
- *	Description: Create a tab list from a input collection or nested Tab tags.
- * Wiki: 
- */
-
-		%>
-<%@ 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"%>
-<%@ taglib uri="tags-core" prefix="c"%>
-<%@ taglib uri="tags-lams" prefix="lams"%>
-<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>
-
-<!-- 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>
-</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
+ * ****************************************************************
+ */
+
+/**
+ * Tabs.tag
+ *	Author: Fiona Malikoff
+ *	Description: Create a hybrid panel header that contains a nav bar that acts like tabs.
+ */
+
+%>
+<%@ attribute name="control" 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>
+
+<!-- navbar combined with tabs -->
+<div class="panel panel-default panel-monitor-page">
+<div class="panel-heading navbar-heading">
+
+ 	<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_vote/web/WEB-INF/tags/headItems.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/headItems.tag,v
diff -u -r1.9.2.1 -r1.9.2.2
--- lams_tool_vote/web/WEB-INF/tags/headItems.tag	10 Feb 2016 10:01:46 -0000	1.9.2.1
+++ lams_tool_vote/web/WEB-INF/tags/headItems.tag	26 May 2016 13:01:09 -0000	1.9.2.2
@@ -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_vote/web/WEB-INF/tlds/lams/lams.tld
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tlds/lams/lams.tld,v
diff -u -r1.3.2.3 -r1.3.2.4
--- lams_tool_vote/web/WEB-INF/tlds/lams/lams.tld	24 Feb 2016 18:04:25 -0000	1.3.2.3
+++ lams_tool_vote/web/WEB-INF/tlds/lams/lams.tld	26 May 2016 13:01:09 -0000	1.3.2.4
@@ -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,18 +408,34 @@
        <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>
    	<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>
        <name>headItems</name>
        <path>/WEB-INF/tags/headItems.tag</path>
    	</tag-file>
@@ -438,8 +454,24 @@
    	<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>
    	</tag-file>
@@ -481,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_vote/web/authoring/AdvancedContent.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/authoring/AdvancedContent.jsp,v
diff -u -r1.29 -r1.29.2.1
--- lams_tool_vote/web/authoring/AdvancedContent.jsp	2 Jan 2014 23:12:49 -0000	1.29
+++ lams_tool_vote/web/authoring/AdvancedContent.jsp	26 May 2016 13:01:09 -0000	1.29.2.1
@@ -7,75 +7,73 @@
 	<lams:WebAppURL />
 </c:set>
 
-<p>
-	<html:checkbox property="useSelectLeaderToolOuput" value="1" styleId="useSelectLeaderToolOuput" styleClass="noBorder">
-	</html:checkbox>
+<div class="checkbox">
 	<label for="useSelectLeaderToolOuput">
-		<fmt:message key="label.use.select.leader.tool.output" />
+	<html:checkbox property="useSelectLeaderToolOuput" value="1" styleId="useSelectLeaderToolOuput">
+	</html:checkbox>
+	<fmt:message key="label.use.select.leader.tool.output" />
 	</label>
-</p>
+</div>
 
-<p>
-	<html:checkbox property="lockOnFinish" value="1" styleClass="noBorder" styleId="lockOnFinish">
-	</html:checkbox>
+<div class="checkbox">
 	<label for="lockOnFinish">
-		<fmt:message key="label.vote.lockedOnFinish" />
+	<html:checkbox property="lockOnFinish" value="1" styleId="lockOnFinish">
+	</html:checkbox>
+	<fmt:message key="label.vote.lockedOnFinish" />
 	</label>
-</p>
+</div>
 
-<p>
-	<html:checkbox property="allowText" value="1" styleClass="noBorder" styleId="allowText" onchange="changeMinMaxVotes(-1, -1);">
-	</html:checkbox>
+<div class="checkbox">
 	<label for="allowText">
-		<fmt:message key="label.allowText" />
+	<html:checkbox property="allowText" value="1" styleId="allowText" onchange="changeMinMaxVotes(-1, -1);">
+	</html:checkbox>
+	<fmt:message key="label.allowText" />
 	</label>
-</p>
+</div>
 
-<p>
-	<fmt:message key="label.maxNomCount" />&nbsp;
-	<html:select property="maxNominationCount" styleId="maxNominationCount">
-	</html:select>	
-</p>
+<div class="form-group">
+	<html:select property="maxNominationCount" styleId="maxNominationCount" styleClass="form-control form-control-inline input-sm">
+	</html:select>&nbsp;<fmt:message key="label.maxNomCount" />
+</div>
 
-<p>
-	<fmt:message key="label.minNomCount" />&nbsp;&nbsp;
-	<html:select property="minNominationCount" styleId="minNominationCount">
-	</html:select>	
-</p>
+<div class="form-group">
+	<html:select property="minNominationCount" styleId="minNominationCount" styleClass="form-control form-control-inline input-sm">
+	</html:select>&nbsp;<fmt:message key="label.minNomCount" />
+</div>
 
 <c:if test="${not empty voteGeneralAuthoringDTO.dataFlowObjectNames}">
-	<p>
-		<label for="maxInputs">
-		<fmt:message key="label.advanced.data.flow.limit" /></label>
-		<html:select property="maxInputs" styleId="maxInputs">
+	<div class="form-group">
+		<html:select property="maxInputs" styleId="maxInputs"  styleClass="form-control input-sm">
 			<html:option value="0" styleId="dataFlowLimitNoneOption">
 				<fmt:message key="label.advanced.data.flow.limit.none" />
 			</html:option>
 			<c:forEach begin="1" end="50" var="index">
 				<html:option value="${index}">${index}</html:option>
 			</c:forEach>
 		</html:select>
-	</p>
+		<label for="maxInputs">
+		<fmt:message key="label.advanced.data.flow.limit" /></label>
+	</div>
 </c:if>
 
-<p>
-	<html:checkbox property="showResults" value="1" styleClass="noBorder" styleId="showResults">
-	</html:checkbox>
+<div class="checkbox">
 	<label for="showResults">
-		<fmt:message key="label.show.results" />
+	<html:checkbox property="showResults" value="1" styleId="showResults">
+	</html:checkbox>
+	<fmt:message key="label.show.results" />
 	</label>
-</p>
+</div>
 
-<p>
-	<html:checkbox property="reflect" value="1" styleClass="noBorder" styleId="reflect">
-	</html:checkbox>
+<div class="checkbox">
 	<label for="reflect">
-		<fmt:message key="label.reflect" />
+	<html:checkbox property="reflect" value="1" styleId="reflect">
+	</html:checkbox>
+	<fmt:message key="label.reflect" />
 	</label>
-</p>
-<p>
-	<html:textarea cols="30" rows="3" property="reflectionSubject" styleId="reflectInstructions"></html:textarea>
-</p>
+</div>
+<div class="form-group">
+	<html:textarea rows="3" property="reflectionSubject" styleId="reflectInstructions" styleClass="form-control"></html:textarea> 
+</div>
 
 <script type="text/javascript">
 <!--
Index: lams_tool_vote/web/authoring/AuthoringMaincontent.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/authoring/AuthoringMaincontent.jsp,v
diff -u -r1.37.2.1 -r1.37.2.2
--- lams_tool_vote/web/authoring/AuthoringMaincontent.jsp	26 Feb 2016 07:17:52 -0000	1.37.2.1
+++ lams_tool_vote/web/authoring/AuthoringMaincontent.jsp	26 May 2016 13:01:09 -0000	1.37.2.2
@@ -7,22 +7,13 @@
 <%@ page import="java.util.Set" %>
 <%@ page import="org.lamsfoundation.lams.tool.vote.VoteAppConstants"%>
 
-    <% 
-		Set tabs = new LinkedHashSet();
-		tabs.add("label.basic");
-		tabs.add("label.advanced");
-		pageContext.setAttribute("tabs", tabs);
-	%>
-
 	<lams:html>
 	<lams:head>
-	<title> <fmt:message key="activity.title"/>  </title>
+		<title> <fmt:message key="activity.title"/>  </title>
+		<lams:headItems/>
 
-	<%@ include file="/common/tabbedheader.jsp"%>
-	<script type="text/javascript" src="${lams}includes/javascript/prototype.js"></script>
-
 	<script type="text/javascript">
-		var noneDataFlowSelectedPreviously = null;
+ 		var noneDataFlowSelectedPreviously = null;
 		
         function init(){
 	    	var tag = document.getElementById("currentTab");
@@ -111,51 +102,54 @@
 			document.VoteAuthoringForm.uuid.value=uuid; 
 			submitMethod(actionMethod);
 		}
-
+ 
 	</script>
 	
 </lams:head>
-<body class="stripes" onLoad="init();">
+<body class="stripes" ><!-- onLoad="init();" -->
 
-<div id="page">
-	<h1> <fmt:message key="label.authoring.vote"/> </h1>
-	
-	<div id="header">			
-		<lams:Tabs collection="${tabs}" useKey="true" control="true"/>								
-	</div>
-	
-	<div id="content">	
-		<html:form  styleId="authoringForm" action="/authoring?validate=false" enctype="multipart/form-data" method="POST" target="_self">
+	<html:form  styleId="authoringForm" action="/authoring?validate=false" enctype="multipart/form-data" method="POST" target="_self">
 		<c:set var="formBean" value="<%= request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY) %>" />
 		<html:hidden property="dispatch" value="submitAllContent"/>
 		<html:hidden property="toolContentID"/>
 		<html:hidden property="currentTab" styleId="currentTab" />
 		<html:hidden property="httpSessionID"/>									
 		<html:hidden property="contentFolderID"/>
 		<input type="hidden" name="mode" value="${mode}">
+
+
+		<c:set var="title"><fmt:message key="activity.title" /></c:set>
+		<lams:Page title="${title}" type="navbar">
 		
-		<%@ include file="/common/messages.jsp"%>
-		
-		<lams:help toolSignature="<%= VoteAppConstants.MY_SIGNATURE %>" module="authoring"/>
-					
-			<lams:TabBody id="1" titleKey="label.basic" page="BasicContent.jsp"/>
-			      
-			<lams:TabBody id="2" titleKey="label.advanced" page="AdvancedContent.jsp" />
+			 <lams:Tabs control="true" title="${title}" helpToolSignature="<%= VoteAppConstants.MY_SIGNATURE %>" helpModule="authoring">
+                  <lams:Tab id="1" key="label.basic" />
+                  <lams:Tab id="2" key="label.advanced" />
+	         </lams:Tabs>   
 
-			<lams:AuthoringButton formID="authoringForm" clearSessionActionUrl="/clearsession.do" toolSignature="lavote11" 
+			<lams:TabBodyArea>
+				<%@ include file="/common/messages.jsp"%>
+              
+                <!--  Set up tabs  -->
+                 <lams:TabBodys>
+    				<lams:TabBody id="1" titleKey="label.basic" page="BasicContent.jsp"/>
+					<lams:TabBody id="2" titleKey="label.advanced" page="AdvancedContent.jsp" />
+                </lams:TabBodys>
+  	
+  				<lams:AuthoringButton formID="authoringForm" clearSessionActionUrl="/clearsession.do" toolSignature="lavote11" 
 				cancelButtonLabelKey="label.cancel" saveButtonLabelKey="label.save" toolContentID="${formBean.toolContentID}" 
 				contentFolderID="${formBean.contentFolderID}" accessMode="${mode}" defineLater="${mode=='teacher'}"/>
+			</lams:TabBodyArea>
 			
-		</html:form>
-	</div>
+			<div id="footer"></div>
 
-	<div id="footer"></div>
-	</div>
+		</lams:Page>
 
+	</html:form>
+
 	<script type="text/javascript">
 		<c:if test="${ not empty formBean.maxNominationCount }"> 			
 			changeMinMaxVotes(${formBean.maxNominationCount}, ${formBean.minNominationCount});
-		</c:if>
+		</c:if> 
 	</script>
 
 </body>
Index: lams_tool_vote/web/authoring/BasicContent.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/authoring/BasicContent.jsp,v
diff -u -r1.51.2.1 -r1.51.2.2
--- lams_tool_vote/web/authoring/BasicContent.jsp	12 Sep 2014 21:20:38 -0000	1.51.2.1
+++ lams_tool_vote/web/authoring/BasicContent.jsp	26 May 2016 13:01:09 -0000	1.51.2.2
@@ -9,33 +9,16 @@
 
 <script type="text/javascript">
 <!-- Common Javascript functions for LAMS -->
-	/**
-	 * Launches the popup window for the instruction files
-	 */
-	function showMessage(url) {
-		var area=document.getElementById("messageArea");
-		if(area != null){
-			area.style.width="100%";
-			area.src=url;
-			area.style.display="block";
-		}
-		var elem = document.getElementById("saveCancelButtons");
-		if (elem != null) {
-			elem.style.display="none";
-		}
-		location.hash = "messageArea";		
+
+ 	function showMessage(url) {
+		$("#messageArea").load(url, function() {
+			$(this).show();
+			$("#saveCancelButtons").hide();
+		});
 	}
 	function hideMessage(){
-		var area=document.getElementById("messageArea");
-		if(area != null){
-			area.style.width="0px";
-			area.style.height="0px";
-			area.style.display="none";
-		}
-		var elem = document.getElementById("saveCancelButtons");
-		if (elem != null) {
-			elem.style.display="block";
-		}
+		$("#messageArea").hide();
+		$("#saveCancelButtons").show();
 	}
 
 	function removeNomination(questionIndex){
@@ -61,48 +44,29 @@
 			}
 			noneDataFlowSelectedPreviously = document.getElementById("dataFlowNoneOption").selected;
 		}
-	}
+	} 
 
-	function resizeOnMessageFrameLoad(){
-		var messageAreaFrame = document.getElementById("messageArea");
-		messageAreaFrame.style.height=messageAreaFrame.contentWindow.document.body.scrollHeight+'px';
-	}
-
 </script>
 
 <html:hidden property="questionIndex" />
 
-<table cellpadding="0">
+<div class="form-group">
+    <label for="title"><fmt:message key="label.authoring.title.col"/></label>
+    <html:text property="title" styleClass="form-control"></html:text>
+</div>
+<div class="form-group">
+    <label for="instructions"><fmt:message key="label.authoring.instructions.col" /></label>
+	<lams:CKEditor id="instructions" value="${voteGeneralAuthoringDTO.activityInstructions}"
+		contentFolderID="${voteGeneralAuthoringDTO.contentFolderID}"></lams:CKEditor>
+</div>
 
-	<tr>
-		<td colspan="2">
-			<div class="field-name">
-				<fmt:message key="label.authoring.title.col"></fmt:message>
-			</div>
-			<html:text property="title" style="width: 100%;"></html:text>
-		</td>
-	</tr>
-
-
-	<tr>
-		<td colspan="2">
-			<div class="field-name">
-				<fmt:message key="label.authoring.instructions.col"></fmt:message>
-			</div>
-			<lams:CKEditor id="instructions"
-				value="${voteGeneralAuthoringDTO.activityInstructions}"
-				contentFolderID="${voteGeneralAuthoringDTO.contentFolderID}"></lams:CKEditor>
-		</td>
-	</tr>
-</table>
-
 <div id="resourceListArea">
 	<%@ include file="/authoring/itemlist.jsp"%>
 </div>
 
 <p>
 	<a href="javascript:showMessage('<html:rewrite page="/authoring.do?dispatch=newNominationBox&contentFolderID=${voteGeneralAuthoringDTO.contentFolderID}&httpSessionID=${voteGeneralAuthoringDTO.httpSessionID}&toolContentID=${voteGeneralAuthoringDTO.toolContentID}&lockOnFinish=${voteGeneralAuthoringDTO.lockOnFinish}&allowText=${voteGeneralAuthoringDTO.allowText}&maxNominationCount=${voteGeneralAuthoringDTO.maxNominationCount}&minNominationCount=${voteGeneralAuthoringDTO.minNominationCount}&reflect=${voteGeneralAuthoringDTO.reflect}"/>');"
-			class="button-add-item"> 
+			class="btn btn-default btn-sm"><i class="fa fa-plus"></i>&nbsp;
 		<fmt:message key="label.add.new.nomination" /> 
 	</a>
 	
@@ -117,11 +81,4 @@
 	</c:if>
 </p>
 
-<p>
-	<iframe
-		onload="javascript:resizeOnMessageFrameLoad()"
-		id="messageArea" name="messageArea"
-		style="width:0px;height:0px;border:0px;display:none" frameborder="no"
-		scrolling="no">
-	</iframe>
-</p>
+<div id="messageArea" name="messageArea" class="voffset10"></div>
Index: lams_tool_vote/web/authoring/editNominationBox.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/authoring/editNominationBox.jsp,v
diff -u -r1.14.2.3 -r1.14.2.4
--- lams_tool_vote/web/authoring/editNominationBox.jsp	10 Feb 2016 10:01:46 -0000	1.14.2.3
+++ lams_tool_vote/web/authoring/editNominationBox.jsp	26 May 2016 13:01:09 -0000	1.14.2.4
@@ -2,23 +2,18 @@
 <lams:html>
 	<lams:head>
 		<%@ include file="/common/header.jsp"%>
-		<lams:css style="main" />
-		
-		<script type="text/javascript">			
-			$(function() {
-				//change size of an iframe on ckeditor's autogrow 
-				CKEDITOR.instances.newNomination.on("instanceReady", function(e) {
-				    e.editor.on('resize', function(reEvent){
-				    	var iframe = window.parent.document.getElementById("messageArea");
-				    	iframe.style.height = eval(iframe.contentWindow.document.body.scrollHeight) + 'px';
-				    });
-				});
-			});
-		</script>
+		<script type="text/javascript" src="${tool}includes/javascript/authoring.js"></script>
 	</lams:head>
 
 	<body>
 
+		<div class="panel panel-default add-file">
+		<div class="panel-heading panel-title">
+			<fmt:message key="label.edit.nomination"></fmt:message>
+		</div>
+		
+		<div class="panel-body">
+
 		<html:form action="/authoring?validate=false" styleId="newNominationForm" enctype="multipart/form-data" method="POST">
 
 			<html:hidden property="dispatch" value="saveSingleNomination" />
@@ -29,27 +24,23 @@
 			<html:hidden property="editableNominationIndex" />
 			<html:hidden property="editNominationBoxRequest" value="true" />
 
-			<div class="field-name">
-				<fmt:message key="label.edit.nomination"></fmt:message>
+			<div class="form-group">
+				<lams:CKEditor id="newNomination"
+					value="${voteGeneralAuthoringDTO.editableNominationText}"   
+					contentFolderID="${voteGeneralAuthoringDTO.contentFolderID}">
+				</lams:CKEditor>
 			</div>
-
-			<lams:CKEditor id="newNomination"
-				value="${voteGeneralAuthoringDTO.editableNominationText}"   
-                height="370px" width="99%"
-				contentFolderID="${voteGeneralAuthoringDTO.contentFolderID}"
-				resizeParentFrameName="messageArea">
-			</lams:CKEditor>
 			
-			<lams:ImgButtonWrapper>
-				<a href="#" onclick="getElementById('newNominationForm').submit();"
-					class="button-add-item"> <fmt:message
-						key="label.save.nomination" /> </a>
-
-				<a href="#" onclick="javascript:window.parent.hideMessage()"
-					class="button space-left"> <fmt:message key="label.cancel" /> </a>
-			</lams:ImgButtonWrapper>
-			
+			<div class="voffset5">
+				<a href="#" onclick="javascript:submitNomination()" class="btn btn-default btn-sm">
+					<i class="fa fa-plus"></i>&nbsp; <fmt:message key="label.save.nomination" /> </a>
+				<a href="#" onclick="javascript:hideMessage()"
+				class="btn btn-default btn-sm"> <fmt:message key="label.cancel" /></a>
+			</div>
+					
 		</html:form>
+		</div>
+		</div>
 
 	</body>
 </lams:html>
Index: lams_tool_vote/web/authoring/itemlist.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/authoring/itemlist.jsp,v
diff -u -r1.15.2.3 -r1.15.2.4
--- lams_tool_vote/web/authoring/itemlist.jsp	24 Apr 2015 10:00:47 -0000	1.15.2.3
+++ lams_tool_vote/web/authoring/itemlist.jsp	26 May 2016 13:01:09 -0000	1.15.2.4
@@ -1,13 +1,16 @@
 <%@ include file="/common/taglibs.jsp"%>
-<c:set var="ctxPath" value="${pageContext.request.contextPath}" scope="request" />
+
 <div id="itemList">
-	<h2 class="spacer-left">
+
+<div class="panel panel-default voffset5">
+	<div class="panel-heading panel-title">
 		<fmt:message key="label.vote.nominations" />
-		<img src="${ctxPath}/images/indicator.gif" style="display:none" id="resourceListArea_Busy" />
-	</h2>
+		<i class="fa fa-spinner" style="display: none" id="resourceListArea_Busy"></i>
+	</div>
 
 	<c:set var="formBean" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
-	<table id="itemTable" class="alternative-color" cellspacing="0">
+
+	<table class="table table-striped table-condensed" id="itemTable">
 		<c:set var="queIndex" scope="request" value="0" />
 
 		<c:forEach items="${listQuestionDTO}" var="currentDTO" varStatus="status">
@@ -19,80 +22,45 @@
 			</c:if>
 			
 			<tr>
-				<td width="10%" class="field-name align-right">
-					<fmt:message key="label.nomination" />
-				</td>
-
-				<td width="60%" align="left">
+				<td>
 					<c:out value="${question}" escapeXml="false" />
 				</td>
 
-				<td width="10%" class="align-right">
+				<td class="arrows" style="width:5%">
 					<c:if test="${fn:length(listQuestionDTO) != 1}">
-
-						<c:if test="${queIndex == 1}">
-							<img src="<c:out value="${tool}"/>images/down.gif" border="0"
-								title="<fmt:message key='label.tip.moveNominationDown'/>"
-								onclick="javascript:submitModifyAuthoringNomination('<c:out value="${queIndex}"/>','moveNominationDown');">
-							<img src="<c:out value="${tool}"/>images/up_disabled.gif"
-								border="0">
+						<c:if test="${queIndex != 1}">
+							<lams:Arrow state="up" title="<fmt:message key='label.tip.moveNominationUp'/>" 
+								onclick="javascript:submitModifyAuthoringNomination('${queIndex}','moveNominationUp');"/>
 						</c:if>
 
-						<c:if test="${queIndex == fn:length(listQuestionDTO)}">
-							<img src="<c:out value="${tool}"/>images/down_disabled.gif"
-								border="0">
-							<img src="<c:out value="${tool}"/>images/up.gif" border="0"
-								title="<fmt:message key='label.tip.moveNominationUp'/>"
-								onclick="javascript:submitModifyAuthoringNomination('<c:out value="${queIndex}"/>','moveNominationUp');">
-						</c:if>
-
-						<c:if
-							test="${(queIndex != 1)  && (queIndex != fn:length(listQuestionDTO))}">
-							<img src="<c:out value="${tool}"/>images/down.gif" border="0"
-								title="<fmt:message key='label.tip.moveNominationDown'/>"
-								onclick="javascript:submitModifyAuthoringNomination('<c:out value="${queIndex}"/>','moveNominationDown');">
-							<img src="<c:out value="${tool}"/>images/up.gif" border="0"
-								title="<fmt:message key='label.tip.moveNominationUp'/>"
-								onclick="javascript:submitModifyAuthoringNomination('<c:out value="${queIndex}"/>','moveNominationUp');">
-						</c:if>
-
+						<c:if test="${queIndex != fn:length(listQuestionDTO)}">
+							<lams:Arrow state="down" title="<fmt:message key='label.tip.moveNominationDown'/>" 
+								onclick="javascript:submitModifyAuthoringNomination('${queIndex}','moveNominationDown');"/>						
+						</c:if>							
 					</c:if>
 				</td>
 
-				<td width="10%" class="align-right">
-					<img src="<c:out value="${tool}"/>images/edit.gif" border="0"
-						title="<fmt:message key='label.tip.editNomination'/>"
+				<td align="center" style="width:5%"><i class="fa fa-pencil"	title="<fmt:message key="label.tip.editNomination" />"
 						onclick="javascript:showMessage('<html:rewrite page="/authoring.do?dispatch=newEditableNominationBox&questionIndex=${queIndex}&contentFolderID=${voteGeneralAuthoringDTO.contentFolderID}&httpSessionID=${voteGeneralAuthoringDTO.httpSessionID}&toolContentID=${voteGeneralAuthoringDTO.toolContentID}&lockOnFinish=${voteGeneralAuthoringDTO.lockOnFinish}&allowText=${voteGeneralAuthoringDTO.allowText}&maxNominationCount=${voteGeneralAuthoringDTO.maxNominationCount}&minNominationCount=${voteGeneralAuthoringDTO.minNominationCount}&reflect=${voteGeneralAuthoringDTO.reflect}"/>');">
+						</i>
 				</td>
 
-				<td width="10%" class="align-right">
-					<img src="<c:out value="${tool}"/>images/delete.gif" border="0"
-						title="<fmt:message key='label.tip.deleteNomination'/>"
-						onclick="removeNomination(${queIndex});">
+				<td  align="center" style="width:5%"><i class="fa fa-times"	title="<fmt:message key="label.tip.deleteNomination" />"
+						onclick="removeNomination(${queIndex});"></i>
 				</td>
+
 			</tr>
 		</c:forEach>
 
 	</table>
 </div>
-<%-- This script will works when a new resoruce item submit in order to refresh "Resource List" panel. --%>
-<script lang="javascript">
-	var win = null;
-	try {
-		if (window.parent && window.parent.hideMessage) {
-			win = window.parent;
-		} else if (window.top && window.top.hideMessage) {
-			win = window.top;
-		}
-	} catch(err) {
-		// mute cross-domain iframe access errors
-	}
-	if (win) {
-		win.hideMessage();
-		var obj = win.document.getElementById('resourceListArea');
-		obj.innerHTML= document.getElementById("itemList").innerHTML;
-        
-        win.changeMinMaxVotes(-1, -1);
-	}
-</script>
 
+</div> 
+
+<%-- This script will works when a new resource item submit in order to refresh "Resource List" panel. --%>
+<script lang="javascript">
+	hideMessage();
+	var obj = document.getElementById('resourceListArea');
+	obj.innerHTML= document.getElementById("itemList").innerHTML;
+   	changeMinMaxVotes(-1, -1);
+</script>
\ No newline at end of file
Index: lams_tool_vote/web/authoring/newNominationBox.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/authoring/newNominationBox.jsp,v
diff -u -r1.17.2.4 -r1.17.2.5
--- lams_tool_vote/web/authoring/newNominationBox.jsp	10 Feb 2016 10:01:46 -0000	1.17.2.4
+++ lams_tool_vote/web/authoring/newNominationBox.jsp	26 May 2016 13:01:09 -0000	1.17.2.5
@@ -4,22 +4,18 @@
 <lams:html>
 	<lams:head>
 		<%@ include file="/common/header.jsp"%>
-		<lams:css style="main" />
-		
-		<script type="text/javascript">			
-			$(function() {
-				//change size of an iframe on ckeditor's autogrow 
-				CKEDITOR.instances.newNomination.on("instanceReady", function(e) {
-				    e.editor.on('resize', function(reEvent){
-				    	var iframe = window.parent.document.getElementById("messageArea");
-				    	iframe.style.height = eval(iframe.contentWindow.document.body.scrollHeight) + 'px';
-				    });
-				});
-			});
-		</script>
+		<script type="text/javascript" src="${tool}includes/javascript/authoring.js"></script>
 	</lams:head>
 
 	<body>
+	
+		<div class="panel panel-default add-file">
+		<div class="panel-heading panel-title">
+			<fmt:message key="label.add.new.nomination"></fmt:message>
+		</div>
+		
+		<div class="panel-body">
+
 		<html:form action="/authoring?validate=false" styleId="newNominationForm" enctype="multipart/form-data" method="POST">
 			<html:hidden property="dispatch" value="addSingleNomination" />
 			<html:hidden property="toolContentID" />
@@ -28,26 +24,24 @@
 			<html:hidden property="contentFolderID" />
 			<html:hidden property="editNominationBoxRequest" value="false" />
 
-			<div class="field-name">
-				<fmt:message key="label.add.new.nomination"></fmt:message>
+			<div class='form-group'>
+				<lams:CKEditor id="newNomination"
+					value="${voteGeneralAuthoringDTO.editableNominationText}"
+					contentFolderID="${voteGeneralAuthoringDTO.contentFolderID}">
+				</lams:CKEditor>
 			</div>
-			<lams:CKEditor id="newNomination"
-				value="${voteGeneralAuthoringDTO.editableNominationText}"
-				contentFolderID="${voteGeneralAuthoringDTO.contentFolderID}"
-                height="370px" width="99%"
-				resizeParentFrameName="messageArea">
-			</lams:CKEditor>
 			
-			<lams:ImgButtonWrapper>
-				<a href="#" onclick="document.getElementById('newNominationForm').submit();"
-					class="button-add-item"> <fmt:message
-						key="label.save.nomination" /> </a>
-
-				<a href="#" onclick="javascript:window.parent.hideMessage()"
-					class="button space-left"> <fmt:message key="label.cancel" />
-				</a>
-			</lams:ImgButtonWrapper>
-
+			<div class="voffset5">
+				<a href="#" onclick="javascript:submitNomination()" class="btn btn-default btn-sm">
+					<i class="fa fa-plus"></i>&nbsp; <fmt:message key="label.save.nomination" /> </a>
+				<a href="#" onclick="javascript:hideMessage()"
+				class="btn btn-default btn-sm"> <fmt:message key="label.cancel" /></a>
+			</div>
+			
 		</html:form>
+		
+		</div>
+		</div>
+		
 	</body>
 </lams:html>
Index: lams_tool_vote/web/common/header.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/common/header.jsp,v
diff -u -r1.5.2.3 -r1.5.2.4
--- lams_tool_vote/web/common/header.jsp	24 Feb 2016 18:04:24 -0000	1.5.2.3
+++ lams_tool_vote/web/common/header.jsp	26 May 2016 13:01:09 -0000	1.5.2.4
@@ -7,12 +7,9 @@
 </c:set>
 <c:set var="ctxPath" value="${pageContext.request.contextPath}" scope="request" />
 
-<lams:css />
+<lams:css/>
 
 <!-- ********************  javascript ********************** -->
 <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>
 
 
Index: lams_tool_vote/web/common/monitorheader.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/common/monitorheader.jsp,v
diff -u -r1.1.2.2 -r1.1.2.3
--- lams_tool_vote/web/common/monitorheader.jsp	22 Feb 2016 01:41:51 -0000	1.1.2.2
+++ lams_tool_vote/web/common/monitorheader.jsp	26 May 2016 13:01:09 -0000	1.1.2.3
@@ -8,23 +8,27 @@
 <c:set var="ctxPath" value="${pageContext.request.contextPath}" scope="request" />
 
 <!-- ********************  CSS ********************** -->
-<c:choose>
-	<c:when test="${not empty localLinkPath}">
-		<lams:css localLinkPath="${localLinkPath}"/>
-	</c:when>
-	<c:otherwise>
-		<lams:css />
-	</c:otherwise>
-</c:choose>
+<lams:css />
 
 <!-- ********************  javascript ********************** -->
 <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>
-
-<link type="text/css" href="${lams}css/jquery.tablesorter.theme-blue.css" rel="stylesheet">
-<link type="text/css" href="${lams}css/jquery.tablesorter.pager.css" rel="stylesheet">
 <script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter.js"></script>
 <script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter-widgets.js"></script>
 <script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter-pager.js"></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/d3.js"></script>
+<script type="text/javascript" src="${lams}includes/javascript/chart.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>
 
+<link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css">
+<link type="text/css" href="${lams}css/jquery.tablesorter.pager.css" rel="stylesheet">
+
+<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">
+<link type="text/css" href="${lams}/css/chart.css" rel="stylesheet">
+
+
Index: lams_tool_vote/web/common/tabbedheader.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/common/tabbedheader.jsp,v
diff -u -r1.4.2.2 -r1.4.2.3
--- lams_tool_vote/web/common/tabbedheader.jsp	24 Feb 2016 12:36:13 -0000	1.4.2.2
+++ lams_tool_vote/web/common/tabbedheader.jsp	26 May 2016 13:01:09 -0000	1.4.2.3
@@ -7,8 +7,7 @@
 </c:set>
 <c:set var="ctxPath" value="${pageContext.request.contextPath}" scope="request" />
 
-<lams:css  style="main"/>
+<lams:css/>
 
 <!-- ********************  javascript ********************** -->
 <script type="text/javascript" src="${lams}includes/javascript/common.js"></script>
-<script type="text/javascript" src="${lams}includes/javascript/tabcontroller.js"></script>
Fisheye: Tag 1.1 refers to a dead (removed) revision in file `lams_tool_vote/web/includes/javascript/authoring.js'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_vote/web/monitoring/AdvanceOptions.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/AdvanceOptions.jsp,v
diff -u -r1.2 -r1.2.2.1
--- lams_tool_vote/web/monitoring/AdvanceOptions.jsp	2 Apr 2014 15:04:59 -0000	1.2
+++ lams_tool_vote/web/monitoring/AdvanceOptions.jsp	26 May 2016 13:01:08 -0000	1.2.2.1
@@ -1,15 +1,8 @@
-<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/>');" />
+<c:set var="adTitle"><fmt:message key="monitor.summary.th.advancedSettings" /></c:set>
+<lams:AdvancedAccordian title="${adTitle}">
+             
+<table class="table table-striped table-condensed">
 
-	<a href="javascript:toggleAdvancedOptionsVisibility(document.getElementById('advancedDiv'), document.getElementById('treeIcon'),'<lams:LAMSURL/>');" >
-		<fmt:message key="monitor.summary.th.advancedSettings" />
-	</a>
-</h1>
-<br />
-
-<div class="monitoring-advanced" id="advancedDiv" style="display:none">
-<table class="alternative-color">
-
 	<tr>
 		<td>
 			<fmt:message key="label.use.select.leader.tool.output" />
@@ -122,4 +115,5 @@
 		</c:when>
 	</c:choose>
 </table>
-</div>
+
+</lams:AdvancedAccordian>
\ No newline at end of file
Index: lams_tool_vote/web/monitoring/AllSessionsSummary.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/AllSessionsSummary.jsp,v
diff -u -r1.29.2.2 -r1.29.2.3
--- lams_tool_vote/web/monitoring/AllSessionsSummary.jsp	22 Feb 2016 01:41:51 -0000	1.29.2.2
+++ lams_tool_vote/web/monitoring/AllSessionsSummary.jsp	26 May 2016 13:01:08 -0000	1.29.2.3
@@ -3,30 +3,51 @@
 <c:set scope="request" var="lams"><lams:LAMSURL/></c:set>
 <c:set scope="request" var="tool"><lams:WebAppURL/></c:set>
 
-<c:if test="${empty sessionDTOs}">
-	<h3><fmt:message key="error.noLearnerActivity"/></h3>
-</c:if>
+<div class="panel-group" id="accordionSessions" role="tablist" aria-multiselectable="false"> 
 
-<c:forEach var="sessionDto" items="${sessionDTOs}">
+<c:forEach var="sessionDto" items="${sessionDTOs}" varStatus="status">
 	<c:set var="sessionUid" value="${sessionDto.sessionUid}"/>
 	
-	<div class="space-bottom-top">
-	
 	<c:if test="${reflect && sessionUid ne 0}">			
 		<c:set var="viewReflectionsURL">
 			<lams:WebAppURL/>/monitoring/ReflectionViewer.jsp?sessionUid=${sessionUid}
 		</c:set>
 	</c:if>
 
-	<c:if test="${isGroupedActivity}">
-		<h1>
-			<c:out value="${sessionDto.sessionName}"/>
-		</h1>
-		<br>
-	</c:if>
-						
-	<table cellspacing="0" class="alternative-color">							
+	<c:set var="buttonbar">
+		<div class="pull-right">
+			<c:if test="${not empty viewReflectionsURL}">
+				<html:link href="javascript:launchPopup('${viewReflectionsURL}')" styleClass="btn btn-default btn-sm">
+					<fmt:message key="label.notebook.entries" />
+				</html:link>
+			</c:if>			
+			&nbsp;
+			<c:set var="chartURL" value="${tool}chartGenerator.do?currentSessionId=${sessionDto.toolSessionId}&toolContentID=${toolContentID}" />
+			<img src='<c:out value="${tool}"/>images/piechart.gif' 
+				title="<fmt:message key='label.tip.displayPieChart'/>"
+				style="cursor: pointer;" height="30" border="0"
+				onclick="javascript:drawChart('pie', 'chartDiv${sessionDto.toolSessionId}', '${chartURL}')">
+			&nbsp;
+			<img src='<c:out value="${tool}"/>images/columnchart.gif'
+				title="<fmt:message key='label.tip.displayBarChart'/>" 
+				style="cursor: pointer;" height="30" border="0"
+				onclick="javascript:drawChart('bar', 'chartDiv${sessionDto.toolSessionId}', '${chartURL}')">
+		</div>
+	</c:set>						
+		
+	<div class="panel panel-default" >
+       <div class="panel-heading " id="heading${sessionUid}">
+  	    	<span class="panel-title  collapsable-icon-left">
+  	    	<a class="${status.first ? '' : 'collapsed'}" role="button" data-toggle="collapse" href="#collapse${sessionUid}" 
+				aria-expanded="${status.first ? 'false' : 'true'}" aria-controls="collapse${sessionUid}" >
+		<c:out value="${sessionDto.sessionName}"/></a>
+		</span>  ${buttonbar}
+       </div>
+       
+       <div id="collapse${sessionUid}" class="panel-collapse collapse ${status.first ? 'in' : ''}" role="tabpanel" aria-labelledby="heading${sessionUid}">
 
+	<table class="table table-condensed table-striped">							
+
 		<tr>
 			<th><fmt:message key="label.nomination"/></th>
 			<th style="width: 90px;"><fmt:message key="label.total.votes"/></th>
@@ -36,7 +57,8 @@
 			<c:set var="questionUid" scope="request" value="${currentNomination.questionUid}"/>
 			<tr>
 				<td  valign=top class="align-left">
-					<c:out value="${currentNomination.nomination}" escapeXml="true"/>
+					<!-- Cannot escape as it was entered in a CKeditor -->
+					${currentNomination.nomination}
 				</td>
 						
 				<td  valign=top class="align-left">				  	 		
@@ -46,7 +68,7 @@
 					<a href="javascript:launchInstructionsPopup('<c:out value='${viewVotesURL}' escapeXml='false'/>')">
 						<c:out value="${currentNomination.numberOfVotes}"/>  
 					</a>
-					&nbsp(<fmt:formatNumber type="number" maxFractionDigits="2" value="${currentNomination.percentageOfVotes}" /><fmt:message key="label.percent"/>) 
+					&nbsp;(<fmt:formatNumber type="number" maxFractionDigits="2" value="${currentNomination.percentageOfVotes}" /><fmt:message key="label.percent"/>) 
 				</td>			
 			</tr>	
 		</c:forEach>	
@@ -70,31 +92,13 @@
 		</c:if>
 	</table>
 
-	<p class="float-right " style="margin-right: 8%;">
-
-		<c:set var="chartURL" value="${tool}chartGenerator.do?currentSessionId=${sessionDto.toolSessionId}&toolContentID=${toolContentID}" />
-		<img src='<c:out value="${tool}"/>images/piechart.gif' width="30"
-			title="<fmt:message key='label.tip.displayPieChart'/>"
-			style="cursor: pointer; height: 30px; border: none"
-			onclick="javascript:drawChart('pie', 'chartDiv${sessionDto.toolSessionId}', '${chartURL}')">
-
-		<img src='<c:out value="${tool}"/>images/columnchart.gif' width="30"
-			title="<fmt:message key='label.tip.displayBarChart'/>" 
-			style="cursor: pointer;" height="30" border="0"
-			onclick="javascript:drawChart('bar', 'chartDiv${sessionDto.toolSessionId}', '${chartURL}')">
+ 	<p id="chartDiv${sessionDto.toolSessionId}" style="height: 220px; display: none;"></p>
+ 
+	</div> <!-- end collapse area  -->
+	</div> <!-- end collapse panel  -->
+ 	${ ! status.last ? '<div class="voffset5">&nbsp;</div>' :  ''}
 	
-	<p class="float-right">
-		<c:if test="${not empty viewReflectionsURL}">
-			<html:link href="javascript:launchPopup('${viewReflectionsURL}')" styleClass="button">
-				<fmt:message key="label.notebook.entries" />
-			</html:link>
-		</c:if>			
-	</p>
-						
-	<p id="chartDiv${sessionDto.toolSessionId}" style="height: 220px; display: none;" class="space-bottom"></p>
-
-
-	</div>
-	
 </c:forEach>				
 
+</div> <!--  end panel group -->
+
Index: lams_tool_vote/web/monitoring/Edit.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/Edit.jsp,v
diff -u -r1.10.2.1 -r1.10.2.2
--- lams_tool_vote/web/monitoring/Edit.jsp	16 Apr 2015 14:48:00 -0000	1.10.2.1
+++ lams_tool_vote/web/monitoring/Edit.jsp	26 May 2016 13:01:08 -0000	1.10.2.2
@@ -1,78 +1,35 @@
 <%@ include file="/common/taglibs.jsp"%>
-<c:set var="ctxPath" value="${pageContext.request.contextPath}" scope="request"/>
 <c:set var="formBean" value="<%= request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY) %>" />
 
-<table cellpadding="0">
-
+<table class="table table-condensed">
 	<tr>
-		<td colspan="2">
-			<div class="field-name">
-				<fmt:message key="label.authoring.title.col"></fmt:message>
-			</div>
-			<c:out value="${voteGeneralAuthoringDTO.activityTitle}" escapeXml="true"/> 								
-		</td>
+		<td width="15%"><fmt:message key="label.authoring.title.col"></fmt:message></td>
+		<td><c:out value="${voteGeneralAuthoringDTO.activityTitle}" escapeXml="true"/></td>
 	</tr>
 						
 	<tr>
-		<td colspan="2">
-			<div class="field-name">
-				<fmt:message key="label.authoring.instructions.col"></fmt:message>
-			</div>
-			<c:out value="${voteGeneralAuthoringDTO.activityInstructions}" escapeXml="false"/> 																	
-		</td>
+		<td><fmt:message key="label.authoring.instructions.col"></fmt:message></td>
+		<td><c:out value="${voteGeneralAuthoringDTO.activityInstructions}" escapeXml="false"/></td>
 	</tr>
 	
+<c:forEach items="${listQuestionDTO}" var="currentDTO" varStatus="status">
 	<tr>
-		<td colspan="2">
-			<div id="resourceListArea">
-			<div id="itemList">
-				<h2><fmt:message key="label.vote.nominations" />
-				<img src="${ctxPath}/images/indicator.gif" style="display:none" id="resourceListArea_Busy" /></h2>
-			
-				<table id="itemTable" style="align:left;width:650px" >
-				    <c:set var="queIndex" scope="request" value="0"/>
-				    
-				    <c:forEach items="${listQuestionDTO}" var="currentDTO" varStatus="status">
-						<c:set var="queIndex" scope="request" value="${queIndex +1}"/>
-						<c:set var="question" scope="request" value="${currentDTO.question}"/>
-						<c:set var="displayOrder" scope="request" value="${currentDTO.displayOrder}"/>	
-					
-						<tr>
-							<td width="10%" class="field-name align-right">
-								<fmt:message key="label.nomination" />:
-							</td>
-					
-							<td width="60%" align="left">
-								<c:out value="${question}" escapeXml="false"/> 
-							</td>
-					
-							<td width="10%" class="align-right">
-							</td>
-							
-							<td width="10%" class="align-right">
-							</td>
-					
-							<td width="10%" class="align-right">
-							</td>
-						</tr>
-					</c:forEach>
-				
-				</table>
-			</div>								
-			</div>
+		<td>
+			<fmt:message key="label.nomination" />:
 		</td>
-	</tr>
-
-	<tr>
-		<td colspan=2 class="align-right">
-			<c:url  var="authoringUrl" value="/authoringStarter.do">
-				<c:param name="toolContentID" value="${formBean.toolContentID}" />
-				<c:param name="contentFolderID" value="${formBean.contentFolderID}" />
-				<c:param name="mode" value="teacher" />
-			</c:url>
-			<html:link href="javascript:;" onclick="launchPopup('${authoringUrl}','definelater')" styleClass="button">
-				<fmt:message key="label.edit"/>
-			</html:link>
+		<td>
+			<c:out value="${currentDTO.question}" escapeXml="false"/> 
 		</td>
 	</tr>
+</c:forEach>
+
 </table>
+
+<c:url  var="authoringUrl" value="/authoringStarter.do">
+	<c:param name="toolContentID" value="${formBean.toolContentID}" />
+	<c:param name="contentFolderID" value="${formBean.contentFolderID}" />
+	<c:param name="mode" value="teacher" />
+</c:url>
+<html:link href="javascript:;" onclick="launchPopup('${authoringUrl}','definelater')" styleClass="btn btn-default">
+	<fmt:message key="label.edit"/>
+</html:link> 
Index: lams_tool_vote/web/monitoring/MonitoringMaincontent.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/MonitoringMaincontent.jsp,v
diff -u -r1.24.2.2 -r1.24.2.3
--- lams_tool_vote/web/monitoring/MonitoringMaincontent.jsp	22 Feb 2016 01:41:51 -0000	1.24.2.2
+++ lams_tool_vote/web/monitoring/MonitoringMaincontent.jsp	26 May 2016 13:01:08 -0000	1.24.2.3
@@ -6,22 +6,12 @@
 <%@ page import="java.util.Set" %>
 <%@ page import="org.lamsfoundation.lams.tool.vote.VoteAppConstants"%>
 
-    <% 
-		Set tabs = new LinkedHashSet();
-		tabs.add("label.summary");
-		tabs.add("label.editActivity");
-		tabs.add("label.stats");
-		pageContext.setAttribute("tabs", tabs);
-	%>
-
-	<lams:html>
+<lams:html>
 	<lams:head>
-
+	
 	<title> <fmt:message key="label.monitoring"/> </title>
+	<%@ include file="/common/monitorheader.jsp"%>
 
-	<%@ include file="/common/tabbedheader.jsp"%>
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
-
 	<script type="text/javascript">
 	
 	   	var imgRoot="${lams}images/";
@@ -107,34 +97,37 @@
 </lams:head>
 <body class="stripes" onLoad="init();">
 
-	<div id="page">
-			<h1> <fmt:message key="label.monitoring"/> </h1>
-
-	<div id="header">
-		<lams:Tabs collection="${tabs}" useKey="true" control="true"/>
-	</div>	
-
-	<div id="content">						
-	    <html:form  action="/monitoring?validate=false" enctype="multipart/form-data" method="POST" target="_self">		
+    <html:form  action="/monitoring?validate=false" enctype="multipart/form-data" method="POST" target="_self">		
 		<html:hidden property="dispatch"/>
 		<html:hidden property="toolContentID"/>
 		<html:hidden property="httpSessionID"/>		
 		<html:hidden property="currentTab" styleId="currentTab" />
 		<html:hidden property="contentFolderID"/>
 		<html:hidden property="responseId"/>	 
 		<html:hidden property="currentUid"/>
-		
-		<lams:help toolSignature="<%= VoteAppConstants.MY_SIGNATURE %>" module="monitoring"/>
-		
-			<lams:TabBody id="1" titleKey="label.summary" page="SummaryContent.jsp"/>
-			<lams:TabBody id="2" titleKey="label.editActivity" page="Edit.jsp" />
-			<lams:TabBody id="3" titleKey="label.stats" page="Stats.jsp" />
-		</html:form>
-	</div>	
 
-	<div id="footer"></div>
+        <c:set var="title"><fmt:message key="activity.title" /></c:set>
+        <lams:Page title="${title}" type="navbar">
 
-	</div>
+         <lams:Tabs control="true" title="${title}" helpToolSignature="<%= VoteAppConstants.MY_SIGNATURE %>" helpModule="monitoring">
+            <lams:Tab id="1" key="label.summary" />
+            <lams:Tab id="2" key="label.editActivity" />
+            <lams:Tab id="3" key="label.stats" />
+         </lams:Tabs>
+   
+        <lams:TabBodyArea>
+        <lams:TabBodys>
+            <lams:TabBody id="1" titleKey="label.summary" page="SummaryContent.jsp"/>
+	 		<lams:TabBody id="2" titleKey="label.editActivity" page="Edit.jsp" />
+			<lams:TabBody id="3" titleKey="label.stats" page="Stats.jsp" />
+        </lams:TabBodys>
+        </lams:TabBodyArea>
+       
+        <div id="footer"></div>
+       
+        </lams:Page>
+            		
+	</html:form>
 	
 </body>
 </lams:html>
Index: lams_tool_vote/web/monitoring/OtherTextNominationViewer.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/OtherTextNominationViewer.jsp,v
diff -u -r1.1.2.2 -r1.1.2.3
--- lams_tool_vote/web/monitoring/OtherTextNominationViewer.jsp	22 Feb 2016 01:41:51 -0000	1.1.2.2
+++ lams_tool_vote/web/monitoring/OtherTextNominationViewer.jsp	26 May 2016 13:01:08 -0000	1.1.2.3
@@ -43,10 +43,11 @@
 			$(document).ready(function(){
 	    
 			$(".tablesorter").tablesorter({
-				theme: 'blue',
+				theme: 'bootstrap',
 			    sortInitialOrder: 'desc',
 	            sortList: [[0]],
-	            widgets: [ "resizable", "filter" ],
+	            headerTemplate : '{content} {icon}',
+	            widgets: [ "uitheme", "resizable", "filter" ],
 	            headers: { 2: { filter: false}, 3: { filter: false} }, 
 	            widgetOptions: {
 	            	resizable: true,
@@ -60,7 +61,12 @@
 		$(".tablesorter").each(function() {
 			$(this).tablesorterPager({
 				savePages: false,
-				<c:choose>
+	            container: $(this).find(".ts-pager"),
+	            output: '{startRow} to {endRow} ({totalRows})',
+	            cssPageDisplay: '.pagedisplay',
+	            cssPageSize: '.pagesize',
+	            cssDisabled: 'disabled',
+	            <c:choose>
 				<c:when test="${not empty param.sessionUid}">
 				ajaxUrl : "<lams:WebAppURL/>monitoring.do?dispatch=getOpenTextNominationsJSON&page={page}&size={size}&{sortList:column}&{filterList:fcol}&sessionUid=${param.sessionUid}&toolContentUID=${param.toolContentUID}",
 				</c:when><c:otherwise>
@@ -105,72 +111,34 @@
 						json.rows = $(rows);
 						return json;
 			    	}
-				},					
-			    container: $(this).next(".pager"),
-			    output: '{startRow} to {endRow} ({totalRows})',
-			    // css class names of pager arrows
-			    cssNext: '.tablesorter-next', // next page arrow
-				cssPrev: '.tablesorter-prev', // previous page arrow
-				cssFirst: '.tablesorter-first', // go to first page arrow
-				cssLast: '.tablesorter-last', // go to last page arrow
-				cssGoto: '.gotoPage', // select dropdown to allow choosing a page
-				cssPageDisplay: '.pagedisplay', // location of where the "output" is displayed
-				cssPageSize: '.pagesize', // page size selector - select dropdown that sets the "size" option
-				// class added to arrows when at the extremes (i.e. prev/first arrows are "disabled" when on the first page)
-				cssDisabled: 'disabled' // Note there is no period "." in front of this class name
+				}					
 			})
 		});
   	})
 </script>	
 	</lams:head>
 <body class="stripes">
 
-	<div id="content">
-	
-		<h2><fmt:message key="label.learnersVoted"/>: <fmt:message key="label.openVotes"/></h2>
-		    
-   		<div class="tablesorter-holder">
-   		
-   		<c:choose>
+	<c:set var="title"><fmt:message key="label.openVotes"/></c:set>
+	<lams:Page type="learner" title="${title}">
+		
+		<c:choose>
 		<c:when test="${not empty param.sessionUid}">
-		<table id="entryTable" class="tablesorter" data-session-id="${param.sessionUid}">
+			<c:set var="dsi">data-session-id='${param.sessionUid}'</c:set>
 		</c:when><c:otherwise>
-		<table id="entryTable" class="tablesorter" data-session-id="${param.toolContentUID}">
+			<c:set var="dsi">data-session-id='${param.toolContentUID}'</c:set>
 		</c:otherwise>
 		</c:choose>
-			<thead>
-				<tr>
-					<th><fmt:message key="label.vote"/></th>
-					<th> <fmt:message key="label.user"/></th>
-					<th> <fmt:message key="label.attemptTime"/></th>
-					<th style="width: 70px;"> <fmt:message key="label.visible"/></th>								  						 
-				</tr>
-			</thead>
-			<tbody>
-			</tbody>
-		</table>
+	
+		<lams:TSTable numColumns="4" dataId="${dsi}">
+			<th><fmt:message key="label.vote"/></th>
+			<th> <fmt:message key="label.user"/></th>
+			<th> <fmt:message key="label.attemptTime"/></th>
+			<th style="width: 70px;"> <fmt:message key="label.visible"/></th>								  						 
+	     </lams:TSTable>
 		
-		<!-- pager -->
-		<div class="pager">
-			<form>
-				<img class="tablesorter-first"/>
-				<img class="tablesorter-prev"/>
-				<span class="pagedisplay"></span> <!-- this can be any element, including an input -->
-				<img class="tablesorter-next"/>
-				<img class="tablesorter-last"/>
-				<select class="pagesize">
-					<option selected="selected" value="10">10</option>
-					<option value="20">20</option>
-					<option value="30">30</option>
-					<option value="40">40</option>
-					<option value="50">50</option>
-					<option value="100">100</option>
-				</select>
-			</form>
-		</div>
-		</div>
-		
-	</div>
 	<div id="footer"></div>
+	</lams:Page>
+
 </body>
 </lams:html>
Index: lams_tool_vote/web/monitoring/ReflectionViewer.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/ReflectionViewer.jsp,v
diff -u -r1.1.2.2 -r1.1.2.3
--- lams_tool_vote/web/monitoring/ReflectionViewer.jsp	22 Feb 2016 01:41:51 -0000	1.1.2.2
+++ lams_tool_vote/web/monitoring/ReflectionViewer.jsp	26 May 2016 13:01:08 -0000	1.1.2.3
@@ -13,10 +13,11 @@
 			$(document).ready(function(){
 	    
 			$(".tablesorter").tablesorter({
-				theme: 'blue',
+				theme: 'bootstrap',
 			    sortInitialOrder: 'desc',
 	            sortList: [[0]],
-	            widgets: [ "resizable", "filter" ],
+	            headerTemplate : '{content} {icon}',
+	            widgets: [ "uitheme", "resizable", "filter" ],
 	            headers: { 1: { filter: false, sorter: false} }, 
 	            widgetOptions: {
 	            	resizable: true,
@@ -30,7 +31,12 @@
 		$(".tablesorter").each(function() {
 			$(this).tablesorterPager({
 				savePages: false,
-				ajaxUrl : "<lams:WebAppURL/>monitoring.do?dispatch=getReflectionsJSON&page={page}&size={size}&{sortList:column}&{filterList:fcol}&sessionUid=" + $(this).attr('data-session-id'),
+	            container: $(this).find(".ts-pager"),
+	            output: '{startRow} to {endRow} ({totalRows})',
+	            cssPageDisplay: '.pagedisplay',
+	            cssPageSize: '.pagesize',
+	            cssDisabled: 'disabled',
+	            ajaxUrl : "<lams:WebAppURL/>monitoring.do?dispatch=getReflectionsJSON&page={page}&size={size}&{sortList:column}&{filterList:fcol}&sessionUid=" + $(this).attr('data-session-id'),
 				ajaxProcessing: function (data, table) {
 					if (data && data.hasOwnProperty('rows')) {
 			    		var rows = [],
@@ -60,63 +66,24 @@
 						return json;
 			            
 			    	}
-				},					
-			    container: $(this).next(".pager"),
-			    output: '{startRow} to {endRow} ({totalRows})',
-			    // css class names of pager arrows
-			    cssNext: '.tablesorter-next', // next page arrow
-				cssPrev: '.tablesorter-prev', // previous page arrow
-				cssFirst: '.tablesorter-first', // go to first page arrow
-				cssLast: '.tablesorter-last', // go to last page arrow
-				cssGoto: '.gotoPage', // select dropdown to allow choosing a page
-				cssPageDisplay: '.pagedisplay', // location of where the "output" is displayed
-				cssPageSize: '.pagesize', // page size selector - select dropdown that sets the "size" option
-				// class added to arrows when at the extremes (i.e. prev/first arrows are "disabled" when on the first page)
-				cssDisabled: 'disabled' // Note there is no period "." in front of this class name
+				}				
 			})
 		});
   	})
 </script>	
 	</lams:head>
 <body class="stripes">
 
-	<div id="content">
-	
-		<h1><fmt:message key="label.notebook.entries" /></h1>
-
-		<div class="tablesorter-holder">
-		<table class="tablesorter" data-session-id="${param.sessionUid}">
-			<thead>
-				<tr>
-					<th><fmt:message key="label.user"/></th>
-					<th><fmt:message key="label.reflection" /></th>
-				</tr>
-			</thead>
-			<tbody>
-			</tbody>
-		</table>
+	<c:set var="title"><fmt:message key="label.notebook.entries" /></c:set>
+	<lams:Page type="learner" title="${title}">
 		
-		<!-- pager -->
-		<div class="pager">
-			<form>
-				<img class="tablesorter-first"/>
-				<img class="tablesorter-prev"/>
-				<span class="pagedisplay"></span> <!-- this can be any element, including an input -->
-				<img class="tablesorter-next"/>
-				<img class="tablesorter-last"/>
-				<select class="pagesize">
-					<option selected="selected" value="10">10</option>
-					<option value="20">20</option>
-					<option value="30">30</option>
-					<option value="40">40</option>
-					<option value="50">50</option>
-					<option value="100">100</option>
-				</select>
-			</form>
-		</div>
-		</div>
-				
-	</div>
+		<lams:TSTable numColumns="2" dataId="data-session-id='${param.sessionUid}'">
+	       <th><fmt:message key="label.user"/></td>
+			<th><fmt:message key="label.reflection" /></th>
+	     </lams:TSTable>
+		
 	<div id="footer"></div>
+	</lams:Page>
+
 </body>
 </lams:html>
Index: lams_tool_vote/web/monitoring/StatsPart.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/StatsPart.jsp,v
diff -u -r1.1.2.2 -r1.1.2.3
--- lams_tool_vote/web/monitoring/StatsPart.jsp	22 Feb 2016 01:41:51 -0000	1.1.2.2
+++ lams_tool_vote/web/monitoring/StatsPart.jsp	26 May 2016 13:01:08 -0000	1.1.2.3
@@ -1,17 +1,30 @@
 <%@ include file="/common/taglibs.jsp"%>
 
 <c:if test="${empty voteStatsDTO}">
-	<fmt:message key="error.noLearnerActivity"/>
+	<lams:Alert type="info" id="no-session-summary" close="false">
+		<fmt:message key="error.noLearnerActivity"/>
+	</lams:Alert>
 </c:if>
-
+ 
 <c:forEach var="stats" items="${voteStatsDTO}">
 
-	<c:if test="${isGroupedActivity}">
-		<h1>${stats.sessionName}</h1>
+	<c:if test="${isGroupedActivity}">	
+	    <div class="panel panel-default" >
+        <div class="panel-heading">
+			<span class="panel-title">
+				${stats.sessionName}
+			</span>
+        </div>
+
+        <div class="panel-body">
 	</c:if>
 
-	<p><fmt:message key="label.total.completed.students"/> ${stats.countUsersComplete}<BR/>
-	<fmt:message key="label.total.students"/> ${stats.countAllUsers}</p>
-	
+	<p><fmt:message key="label.total.completed.students"/>&nbsp;${stats.countUsersComplete}</p>
+	<p><fmt:message key="label.total.students"/>&nbsp;${stats.countAllUsers}</p>
+
+	<c:if test="${isGroupedActivity}">	
+		</div>
+		</div>
+	</c:if>	
 </c:forEach>
 
Index: lams_tool_vote/web/monitoring/SummaryContent.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/SummaryContent.jsp,v
diff -u -r1.46.2.5 -r1.46.2.6
--- lams_tool_vote/web/monitoring/SummaryContent.jsp	22 Feb 2016 01:41:51 -0000	1.46.2.5
+++ lams_tool_vote/web/monitoring/SummaryContent.jsp	26 May 2016 13:01:08 -0000	1.46.2.6
@@ -2,17 +2,6 @@
 <c:set scope="request" var="lams"><lams:LAMSURL/></c:set>
 <c:set scope="request" var="tool"><lams:WebAppURL/></c:set>
 
-<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">
-<link type="text/css" href="${lams}/css/chart.css" rel="stylesheet">
-
-<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></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/d3.js"></script>
-<script type="text/javascript" src="${lams}includes/javascript/chart.js"></script>
-
 <script type="text/javascript">
 	$(window).load(function(){
 		<c:forEach var="currentDto" items="${voteGeneralMonitoringDTO.sessionDTOs}">
@@ -33,24 +22,32 @@
 	};
 </script>
 <script type="text/javascript" src="${lams}/includes/javascript/monitorToolSummaryAdvanced.js" ></script>
-
-<h1>
-	<c:out value="${voteGeneralMonitoringDTO.activityTitle}" escapeXml="true"/>
-</h1>
-
-<div class="instructions small-space-top">
-	<c:out value="${voteGeneralMonitoringDTO.activityInstructions}" escapeXml="false"/>
-</div>
-<br/>
-
-<c:if test="${useSelectLeaderToolOuput}">
-	<div class="info space-bottom">
-		<fmt:message key="label.info.use.select.leader.outputs" />
+ 
+<div class="panel">
+	<h4>
+	    <c:out value="${voteGeneralMonitoringDTO.activityTitle}" escapeXml="true"/>
+	</h4>
+	<div class="instructions voffset5">
+	    <c:out value="${voteGeneralMonitoringDTO.activityInstructions}" escapeXml="false"/>
 	</div>
-</c:if>
-
+	
+	<c:if test="${useSelectLeaderToolOuput}">
+		<lams:Alert type="info" id="use-leader" close="false">
+			<fmt:message key="label.info.use.select.leader.outputs" />
+		</lams:Alert>
+	</c:if>
+	
+	<c:if test="${empty sessionDTOs}">
+		<lams:Alert type="info" id="no-session-summary" close="false">
+			<fmt:message key="error.noLearnerActivity"/>
+		</lams:Alert>
+	</c:if>
+	
+ </div>
+ 
 <jsp:include page="/monitoring/AllSessionsSummary.jsp" />
-		
+ 
 <%@include file="AdvanceOptions.jsp"%>
-
+ 
 <%@include file="daterestriction.jsp"%>
+ 
\ No newline at end of file
Index: lams_tool_vote/web/monitoring/VoteNominationViewer.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/VoteNominationViewer.jsp,v
diff -u -r1.15.2.3 -r1.15.2.4
--- lams_tool_vote/web/monitoring/VoteNominationViewer.jsp	22 Feb 2016 01:41:51 -0000	1.15.2.3
+++ lams_tool_vote/web/monitoring/VoteNominationViewer.jsp	26 May 2016 13:01:08 -0000	1.15.2.4
@@ -13,10 +13,11 @@
 			$(document).ready(function(){
 	    
 			$(".tablesorter").tablesorter({
-				theme: 'blue',
+				theme: 'bootstrap',
 			    sortInitialOrder: 'desc',
 	            sortList: [[0]],
-	            widgets: [ "resizable", "filter" ],
+	            headerTemplate : '{content} {icon}',
+	            widgets: [ "uitheme", "resizable", "filter" ],
 	            headers: { 1: { filter: false} }, 
 	            widgetOptions: {
 	            	resizable: true,
@@ -30,6 +31,11 @@
 		$(".tablesorter").each(function() {
 			$(this).tablesorterPager({
 				savePages: false,
+	            container: $(this).find(".ts-pager"),
+	            output: '{startRow} to {endRow} ({totalRows})',
+	            cssPageDisplay: '.pagedisplay',
+	            cssPageSize: '.pagesize',
+	            cssDisabled: 'disabled',
 				ajaxUrl : "<lams:WebAppURL/>monitoring.do?dispatch=getVoteNominationsJSON&page={page}&size={size}&{sortList:column}&{filterList:fcol}&questionUid=${questionUid}&sessionUid=" + $(this).attr('data-session-id'),
 				ajaxProcessing: function (data, table) {
 					if (data && data.hasOwnProperty('rows')) {
@@ -56,63 +62,24 @@
 						return json;
 			            
 			    	}
-				},					
-			    container: $(this).next(".pager"),
-			    output: '{startRow} to {endRow} ({totalRows})',
-			    // css class names of pager arrows
-			    cssNext: '.tablesorter-next', // next page arrow
-				cssPrev: '.tablesorter-prev', // previous page arrow
-				cssFirst: '.tablesorter-first', // go to first page arrow
-				cssLast: '.tablesorter-last', // go to last page arrow
-				cssGoto: '.gotoPage', // select dropdown to allow choosing a page
-				cssPageDisplay: '.pagedisplay', // location of where the "output" is displayed
-				cssPageSize: '.pagesize', // page size selector - select dropdown that sets the "size" option
-				// class added to arrows when at the extremes (i.e. prev/first arrows are "disabled" when on the first page)
-				cssDisabled: 'disabled' // Note there is no period "." in front of this class name
+				}				
 			})
 		});
   	})
 </script>	
 	</lams:head>
 <body class="stripes">
+	<c:set var="title"><fmt:message key="label.learnersVoted"/></c:set>
+	<lams:Page type="learner" title="${title}">
+		
+		<h4><fmt:message key="label.learnersVoted"/>: ${nominationText}</h4>
 
-	<div id="content">
-	
-		<h2><fmt:message key="label.learnersVoted"/>: <c:out value="${nominationText}" escapeXml="true"/></h2>
-
-		<div class="tablesorter-holder">
-		<table class="tablesorter" data-session-id="${sessionUid}">
-			<thead>
-				<tr>
-			       <th><fmt:message key="label.user"/></td>
-			       <th><fmt:message key="label.attemptTime"/></td>
-				</tr>
-			</thead>
-			<tbody>
-			</tbody>
-		</table>
+		<lams:TSTable numColumns="2" dataId="data-session-id='${sessionUid}'">
+	       <th><fmt:message key="label.user"/></td>
+	       <th><fmt:message key="label.attemptTime"/></td>
+	     </lams:TSTable>
 		
-		<!-- pager -->
-		<div class="pager">
-			<form>
-				<img class="tablesorter-first"/>
-				<img class="tablesorter-prev"/>
-				<span class="pagedisplay"></span> <!-- this can be any element, including an input -->
-				<img class="tablesorter-next"/>
-				<img class="tablesorter-last"/>
-				<select class="pagesize">
-					<option selected="selected" value="10">10</option>
-					<option value="20">20</option>
-					<option value="30">30</option>
-					<option value="40">40</option>
-					<option value="50">50</option>
-					<option value="100">100</option>
-				</select>
-			</form>
-		</div>
-		</div>
-		
-	</div>
 	<div id="footer"></div>
+	</lams:Page>
 </body>
 </lams:html>
Index: lams_tool_vote/web/monitoring/daterestriction.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/monitoring/daterestriction.jsp,v
diff -u -r1.2 -r1.2.2.1
--- lams_tool_vote/web/monitoring/daterestriction.jsp	17 May 2011 03:39:32 -0000	1.2
+++ lams_tool_vote/web/monitoring/daterestriction.jsp	26 May 2016 13:01:08 -0000	1.2.2.1
@@ -1,43 +1,29 @@
 <%@include file="/common/taglibs.jsp"%>
 
-<h1 style="padding-bottom: 10px;">
-	<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>
+	<p><fmt:message key="monitor.summary.when.date.restriction.is.set" /></p>
 		
 	<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">
+		<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-default">
 			<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><fmt:message key="monitor.summary.after.date" /></span>
 		<span id="dateInfo">
 		</span>
-				
-		<html:link	href="javascript:removeSubmissionDeadline();" styleClass="button">
+		</label>
+		<html:link	href="javascript:removeSubmissionDeadline();" styleClass="btn btn-default">
 			<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