Index: lams_central/web/WEB-INF/tags/Arrow.tag
===================================================================
diff -u
--- lams_central/web/WEB-INF/tags/Arrow.tag	(revision 0)
+++ lams_central/web/WEB-INF/tags/Arrow.tag	(revision 6ccd37869ab93d71acffad7bb88b6e2a898435b2)
@@ -0,0 +1,35 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-function" prefix="fn" %>
+
+<%-- state = up: up arrow;  state = down: down arrow --%>
+<%@ attribute name="state" required="true" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="onclick" required="false" rtexprvalue="true"%>
+
+<c:choose>
+	<c:when test="${not empty title}">
+		<c:set var="fullTitle">title="${title}"</c:set>
+	</c:when>
+	<c:otherwise>
+		<c:set var="fullTitle" value=""/>
+	</c:otherwise>
+</c:choose>
+
+<c:choose>
+	<c:when test="${not empty onclick}">
+		<c:set var="fullOnclick">onclick="${onclick}"</c:set>
+	</c:when>
+	<c:otherwise>
+		<c:set var="fullOnclick" value=""/>
+	</c:otherwise>
+</c:choose>
+
+<c:choose>
+	<c:when test="${fn:containsIgnoreCase(state, 'up')}">
+		<i class="fa fa-long-arrow-up fa-pull-left" ${fullTitle} ${fullOnclick}></i>
+	</c:when>
+	<c:otherwise>
+		<i class="fa fa-long-arrow-down fa-pull-right"  ${fullTitle} ${fullOnclick}></i>
+	</c:otherwise>
+</c:choose>
Index: lams_central/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r158e158096d0139f41c0bb5ca178ce004c034624 -r6ccd37869ab93d71acffad7bb88b6e2a898435b2
--- lams_central/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 158e158096d0139f41c0bb5ca178ce004c034624)
+++ lams_central/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 6ccd37869ab93d71acffad7bb88b6e2a898435b2)
@@ -443,6 +443,10 @@
 	    <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>ImgButtonWrapper</name>
 		<path>/WEB-INF/tags/ImgButtonWrapper.tag</path>
Index: lams_central/web/css/defaultHTML_learner.css
===================================================================
diff -u -rf95c0be4a432d6639519524cd5fe03e936522014 -r6ccd37869ab93d71acffad7bb88b6e2a898435b2
--- lams_central/web/css/defaultHTML_learner.css	(.../defaultHTML_learner.css)	(revision f95c0be4a432d6639519524cd5fe03e936522014)
+++ lams_central/web/css/defaultHTML_learner.css	(.../defaultHTML_learner.css)	(revision 6ccd37869ab93d71acffad7bb88b6e2a898435b2)
@@ -167,3 +167,14 @@
   color: inherit;
   /*float: right;*/
 }
+
+/* Restrict the width of the up and down arrows so they do not grow wider when the screen is enlarged. td needs to be 5px wider than div. */
+div.arrows{
+	display:inline-block;
+	width:30px;
+	text-align: center;
+}
+td.arrows{
+	width:35px;
+	text-align: center;
+}
\ No newline at end of file