Index: lams_tool_scratchie/web/pages/learning/learning.jsp
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r7d11dff5efc5ae24542a53dd8f753bfab66be71d
--- lams_tool_scratchie/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scratchie/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 7d11dff5efc5ae24542a53dd8f753bfab66be71d)
@@ -22,7 +22,7 @@
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.countdown.css" />
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.jgrowl.css" />
 	<link rel="stylesheet" type="text/css" href="${lams}css/circle.css" />
-	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/scratchie-learning.css'/>" />
+	<link rel="stylesheet" type="text/css" href="<lams:WebAppURL/> /includes/css/scratchie-learning.css" />
 	<style type="text/css">
 		.burning-question-container {
 			padding: 0 15px;
@@ -69,11 +69,11 @@
 	    			// show static image after animation
 	    			setTimeout(
 	    	    			function(){
-	    					image.attr("src", "<html:rewrite page='/includes/images/scratchie-" + imageSuffix + ".png'/>");
+	    					image.attr("src", "<lams:WebAppURL/> includes/images/scratchie-" + imageSuffix + ".png");
 	    				}, 
 	    				1300
 	    			);
-	    		}).attr("src", "<html:rewrite page='/includes/images/scratchie-" + imageSuffix + "-animation.gif'/>");
+	    		}).attr("src", "<lams:WebAppURL/> includes/images/scratchie-" + imageSuffix + "-animation.gif");
 		}
 
 		function scratchItem(itemUid, answerUid){
@@ -255,9 +255,9 @@
 		        <h4>
 		        	<fmt:message key='label.are.you.ready' />
 		        </h4>
-		        <html:button property="ok" styleId="timelimit-start-ok" styleClass="button">
+		        <button name="ok" id="timelimit-start-ok" class="button">
 					<fmt:message key='label.ok' />
-				</html:button>
+				</button>
 			</div>
 		</c:if>