Index: lams_tool_notebook/web/pages/authoring/instructions.jsp
===================================================================
diff -u -r9ad7805407672e72dfc83fb0ba49ccafb0d43d6f -rf30546be8369d1a14a3f51951d71a4f3acb2a8a0
--- lams_tool_notebook/web/pages/authoring/instructions.jsp	(.../instructions.jsp)	(revision 9ad7805407672e72dfc83fb0ba49ccafb0d43d6f)
+++ lams_tool_notebook/web/pages/authoring/instructions.jsp	(.../instructions.jsp)	(revision f30546be8369d1a14a3f51951d71a4f3acb2a8a0)
@@ -10,7 +10,7 @@
 			<div class="field-name">
 				<fmt:message key="instructions.onlineInstructions"></fmt:message>
 			</div>
-			<html:textarea property="onlineInstruction" rows="3" cols="75"></html:textarea>
+			<lams:STRUTS-textarea property="onlineInstruction" rows="3" cols="75" />
 		</td>
 	</tr>
 
@@ -112,7 +112,7 @@
 			<div class="field-name-alternative-color">
 				<fmt:message key="instructions.offlineInstructions"></fmt:message>
 			</div>
-			<html:textarea property="offlineInstruction" rows="3" cols="75"></html:textarea>
+			<lams:STRUTS-textarea property="offlineInstruction" rows="3" cols="75" />
 		</td>
 	</tr>
 
Index: lams_tool_notebook/web/pages/monitoring/instructions.jsp
===================================================================
diff -u -rfbaf0d5618d35beebffd94165da15230a1fd5a7c -rf30546be8369d1a14a3f51951d71a4f3acb2a8a0
--- lams_tool_notebook/web/pages/monitoring/instructions.jsp	(.../instructions.jsp)	(revision fbaf0d5618d35beebffd94165da15230a1fd5a7c)
+++ lams_tool_notebook/web/pages/monitoring/instructions.jsp	(.../instructions.jsp)	(revision f30546be8369d1a14a3f51951d71a4f3acb2a8a0)
@@ -1,88 +1,95 @@
 <%@ include file="/common/taglibs.jsp"%>
-
 <c:set var="dto" value="${notebookDTO}" />
-<table>
-	<tbody>
+
+<table cellspacing="0">
+	
+	<tr>
+		<td colspan="3">
+			<div class="field-name">
+				<fmt:message key="instructions.onlineInstructions" /> :
+			</div>	
+			<div style="padding-left: 20px;">
+				<c:out value="${dto.onlineInstructions}" escapeXml="false" />
+			</div>
+		</td>
+	</tr>
+	
+	<c:if test="${not empty dto.onlineInstructionsFiles}">
 		<tr>
-			<td class="field-name" width="30%">
-				<fmt:message key="instructions.onlineInstructions" />
+			<td  colspan="3" class="field-name-alternative-color">
+				<fmt:message key="label.attachments" />
 			</td>
-			<td>
-				<c:out value="${dto.onlineInstructions}" escapeXml="false" />
+		</tr>		
+	</c:if>
+		
+	<c:forEach var="file" items="${dto.onlineInstructionsFiles}">
+		<tr >
+			<td width="7%" style="padding-left: 30px;">			
+				<c:out value="${file.fileName}" />
 			</td>
-		</tr>
-
-		<tr>
-			<td>
-				&nbsp;
+			
+			<td width="3%" align="left">
+				<c:set var="viewURL">
+					<html:rewrite page="/download/?uuid=${file.fileUuid}&preferDownload=false" />
+				</c:set>
+				<a href="javascript:launchInstructionsPopup('<c:out value='${viewURL}' escapeXml='false'/>')" class="button"> <fmt:message key="link.view" /> </a> &nbsp;
 			</td>
-			<td>
-				<div id="onlinefile">
-					<c:if test="${not empty dto.onlineInstructionsFiles}">
-						<ul>
-							<c:forEach var="file" items="${dto.onlineInstructionsFiles}">
-								<li>
-									<c:out value="${file.fileName}" />
-
-									<c:set var="viewURL">
-										<html:rewrite page="/download/?uuid=${file.fileUuid}&amp;preferDownload=false" />
-									</c:set>
-									<a href="javascript:launchInstructionsPopup('<c:out value='${viewURL}' escapeXml='false'/>')"> <fmt:message key="link.view" /> </a> &nbsp;
-
-									<c:set var="downloadURL">
-										<html:rewrite page="/download/?uuid=${file.fileUuid}&amp;versionID=${file.fileVersionId}&amp;preferDownload=true" />
-									</c:set>
-									<a href="<c:out value='${downloadURL}' escapeXml='false'/>"> <fmt:message key="link.download" /> </a>
-								</li>
-							</c:forEach>
-						</ul>
-					</c:if>
-				</div>
+			
+			<td width="5%" align="left">
+				<c:set var="downloadURL">
+					<html:rewrite page="/download/?uuid=${file.fileUuid}&versionID=${file.fileVersionId}&preferDownload=true" />
+				</c:set>
+				<a href="<c:out value='${downloadURL}' escapeXml='false'/>" class="button"> <fmt:message key="link.download" /> </a>
 			</td>
 		</tr>
-	</tbody>
-</table>
+	</c:forEach>
 
-
-
-<table>
-	<tbody>
+	
+	<tr>
+		<td colspan="3">
+			<hr />
+		</td>
+	</tr>
+	
+	<tr>
+		<td colspan="3">
+			<div class="field-name">
+				<fmt:message key="instructions.offlineInstructions" /> :
+			</div>	
+			<div style="padding-left: 20px;">
+				<c:out value="${dto.offlineInstructions}" escapeXml="false" />
+			</div>
+		</td>
+	</tr>
+	
+	<c:if test="${not empty dto.offlineInstructionsFiles}">
 		<tr>
-			<td class="field-name" width="30%">
-				<fmt:message key="instructions.offlineInstructions" />
+			<td  colspan="3" class="field-name-alternative-color">
+				<fmt:message key="label.attachments" />
 			</td>
-			<td>
-				<c:out value="${dto.offlineInstructions}" escapeXml="false" />
-			</td>
 		</tr>
-
-		<tr>
-			<td>
-				&nbsp;
+	</c:if>		
+		
+	<c:forEach var="file" items="${dto.offlineInstructionsFiles}">
+		<tr >
+			<td width="7%" style="padding-left: 30px;">			
+				<c:out value="${file.fileName}" />
 			</td>
-			<td>
-				<div id="offlinefile">
-					<c:if test="${not empty dto.offlineInstructionsFiles}">
-						<ul>
-							<c:forEach var="file" items="${dto.offlineInstructionsFiles}">
-								<li>
-									<c:out value="${file.fileName}" />
-
-									<c:set var="viewURL">
-										<html:rewrite page="/download/?uuid=${file.fileUuid}&amp;preferDownload=false" />
-									</c:set>
-									<a href="javascript:launchInstructionsPopup('<c:out value='${viewURL}' escapeXml='false'/>')"> <fmt:message key="link.view" /> </a> &nbsp;
-
-									<c:set var="downloadURL">
-										<html:rewrite page="/download/?uuid=${file.fileUuid}&amp;versionID=${file.fileVersionId}&amp;preferDownload=true" />
-									</c:set>
-									<a href="<c:out value='${downloadURL}' escapeXml='false'/>"> <fmt:message key="link.download" /> </a>
-								</li>
-							</c:forEach>
-						</ul>
-					</c:if>
-				</div>
+			
+			<td width="3%" align="left">
+				<c:set var="viewURL">
+					<html:rewrite page="/download/?uuid=${file.fileUuid}&preferDownload=false" />
+				</c:set>
+				<a href="javascript:launchInstructionsPopup('<c:out value='${viewURL}' escapeXml='false'/>')" class="button"> <fmt:message key="link.view" /> </a> &nbsp;
 			</td>
+			
+			<td width="5%" align="left">
+				<c:set var="downloadURL">
+					<html:rewrite page="/download/?uuid=${file.fileUuid}&versionID=${file.fileVersionId}&preferDownload=true" />
+				</c:set>
+				<a href="<c:out value='${downloadURL}' escapeXml='false'/>" class="button"> <fmt:message key="link.download" /> </a>
+			</td>
 		</tr>
-	</tbody>
-</table>
+	</c:forEach>
+	
+</table>
\ No newline at end of file