Index: lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/service/AssessmentServiceImpl.java
===================================================================
diff -u -r40eb54374e84591563d8b6a679ac719dbc85c8f7 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/service/AssessmentServiceImpl.java	(.../AssessmentServiceImpl.java)	(revision 40eb54374e84591563d8b6a679ac719dbc85c8f7)
+++ lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/service/AssessmentServiceImpl.java	(.../AssessmentServiceImpl.java)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -473,7 +473,7 @@
 	AssessmentQuestionResult questionAnswer = null;
 	// get questionResult from DB instance of AssessmentResult
 	for (AssessmentQuestionResult dbQuestionAnswer : assessmentResult.getQuestionResults()) {
-	    if (question.equals(dbQuestionAnswer.getAssessmentQuestion())) {
+	    if (question.getUid().equals(dbQuestionAnswer.getAssessmentQuestion().getUid())) {
 		questionAnswer = dbQuestionAnswer;
 	    }
 	}
@@ -483,6 +483,7 @@
 	    questionAnswer = new AssessmentQuestionResult();
 	    questionAnswer.setAssessmentQuestion(question);
 	    questionAnswer.setAssessmentResult(assessmentResult);
+	    assessmentResult.getQuestionResults().add(questionAnswer);
 	    
 	    Set<AssessmentOptionAnswer> optionAnswers = questionAnswer.getOptionAnswers();
 	    for (AssessmentQuestionOption option : question.getOptions()) {
Index: lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/util/AssessmentBundler.java
===================================================================
diff -u -ref851974c4dc3f5468b188fab9997a37b73c0e50 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/util/AssessmentBundler.java	(.../AssessmentBundler.java)	(revision ef851974c4dc3f5468b188fab9997a37b73c0e50)
+++ lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/util/AssessmentBundler.java	(.../AssessmentBundler.java)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -34,6 +34,7 @@
 import javax.servlet.http.HttpServletRequest;
 
 import org.lamsfoundation.lams.learning.export.web.action.Bundler;
+import org.lamsfoundation.lams.tool.assessment.AssessmentConstants;
 import org.lamsfoundation.lams.util.Configuration;
 import org.lamsfoundation.lams.util.ConfigurationKeys;
 import org.lamsfoundation.lams.util.HttpUrlConnectionUtil;
@@ -77,6 +78,7 @@
 	for (String directoryName : directoriesNames) {
 	    directories.add(outputDirectory + File.separator + "javascript" + File.separator + directoryName);
 	}
+	directories.add(outputDirectory + File.separator + "css");
 	this.createDirectories(directories);
 
 	String[] imageNames = new String[] { "ui-bg_flat_0_aaaaaa_40x100.png", "ui-bg_flat_55_fbec88_40x100.png",
@@ -112,6 +114,10 @@
 	urlToConnectTo = getServerUrl() + "css" + URL_SEPARATOR + "jquery.jqGrid.css";
 	directoryToStoreFile = outputDirectory + File.separator + "javascript" + File.separator + "css";
 	HttpUrlConnectionUtil.writeResponseToFile(urlToConnectTo, directoryToStoreFile, "jquery.jqGrid.css", cookies); 
+	
+	urlToConnectTo = getAssessmentToolUrlDir() + "css" + URL_SEPARATOR + "assessment.css";
+	directoryToStoreFile = outputDirectory + File.separator + "css";
+	HttpUrlConnectionUtil.writeResponseToFile(urlToConnectTo, directoryToStoreFile, "assessment.css", cookies); 
 
     }
     
@@ -128,5 +134,10 @@
 	    return serverUrl;
 	}
     }
+    
+    private String getAssessmentToolUrlDir() {
+	String toolFolder = getServerUrl() + "tool" + URL_SEPARATOR + AssessmentConstants.TOOL_SIGNATURE + URL_SEPARATOR + "includes" + URL_SEPARATOR;
+	return toolFolder;
+    }
 
 }
Index: lams_tool_assessment/web/common/header.jsp
===================================================================
diff -u -r3d1f93045d6b547df27e59a090cfbe618ae273fe -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/common/header.jsp	(.../header.jsp)	(revision 3d1f93045d6b547df27e59a090cfbe618ae273fe)
+++ lams_tool_assessment/web/common/header.jsp	(.../header.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -3,14 +3,13 @@
 <c:set var="tool"><lams:WebAppURL/></c:set>
 <c:set var="ctxPath" value="${pageContext.request.contextPath}" scope="request"/>
 
- 	<!-- ********************  CSS ********************** -->
-	<link href="<html:rewrite page='/includes/css/assessment.css'/>" rel="stylesheet" type="text/css">
-	<lams:css />
+ <!-- ********************  CSS ********************** -->
+<lams:css />
+<link href="<html:rewrite page='/includes/css/assessment.css'/>" rel="stylesheet" type="text/css">
 
+ <!-- ********************  javascript ********************** -->
+<script type="text/javascript" src="${lams}includes/javascript/common.js"></script>
+<script type="text/javascript" src="<html:rewrite page='/includes/javascript/assessmentcommon.js'/>"></script>
+<script type="text/javascript" src="${lams}includes/javascript/tabcontroller.js"></script>    
 
- 	<!-- ********************  javascript ********************** -->
-	<script type="text/javascript" src="${lams}includes/javascript/common.js"></script>
-	<script type="text/javascript" src="<html:rewrite page='/includes/javascript/assessmentcommon.js'/>"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/tabcontroller.js"></script>    
-
 	
Index: lams_tool_assessment/web/includes/css/assessment.css
===================================================================
diff -u -rc56857991e269aa7f5bd250a05b52c767a9957ad -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/includes/css/assessment.css	(.../assessment.css)	(revision c56857991e269aa7f5bd250a05b52c767a9957ad)
+++ lams_tool_assessment/web/includes/css/assessment.css	(.../assessment.css)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,3 +1,43 @@
+table.forum th {
+	font-size: inherit;
+	border-left: none;
+}
+table.forum {
+	background:none; 
+	border: 1px solid #cacdd1; 
+	padding-top:0px; 
+	margin-bottom: 10px;
+	border-spacing: 0px;
+    border-collapse: separate;
+}
+table.forum.question-summary-table {
+	width: 83%; 
+	padding: 0px 15px 0px; 
+	font-style: italic; 
+	color:#47bc23; 
+	border: none;
+}
+table.forum.question-summary-table th{
+	padding-top:0px; 
+}
+table.forum.question-summary-table th:first-child{
+	width: 30px; 
+	border-left: none; 
+	padding-left:0px; 
+	text-align: center;
+}
+table.forum.question-summary-table td{
+	padding-left: 15px; 
+	vertical-align: middle; 
+	background: none; 
+}
+table.forum.question-summary-table td:first-child{
+	padding-left: 10px;
+}
+table.forum.question-summary-table tr:last-child td{
+	border-bottom: none;
+}
+
 .innerforms {
 	border: 0px;
 	font-size: small;
@@ -31,3 +71,73 @@
 div.message img.icon {
     vertical-align: middle;
 }
+
+div.growlUI { 
+	background: url(check48.png) no-repeat 10px 10px 
+}
+div.growlUI h1, div.growlUI h2 {
+	color: white; 
+	padding: 5px 5px 5px 0px; 
+	text-align: center;
+}
+
+table.alternative-color td.question-numbers {
+	padding: 15px 15px 15px; 
+	width: 10px; 
+	font-weight: bold;
+}
+table.question-table {
+	padding-bottom: 10px; 
+	border-spacing: 0; 
+	border-collapse: separate;
+}
+table.question-table td {
+	vertical-align:middle; 
+	background:none; 
+	border-bottom:0px;
+}
+.question-table .has-radio-button {
+	padding:5px 0px 2px 15px; 
+	width: 5px;
+}
+.question-table .complete-item-gif {
+	padding:5px 0px 2px 15px; 
+	width: 7px;
+}
+.question-table .complete-item-gif img {
+	border:1px;
+}
+.question-type {
+	padding: 10px 15px 7px; 
+	font-style: italic;
+}
+.question-table .question-feedback, div.question-feedback {
+	padding: 10px 15px 0px; 
+	font-style: italic; 
+	color:#47bc23;
+}
+.question-table .question-option {
+	padding:5px 10px 2px;
+}
+.question-table .reg-padding {
+	padding:5px 0px 2px 15px;
+}
+#quesion-summary-title {
+	padding: 2px 15px 10px; 
+	font-style: italic; 
+	color:#47bc23;
+}
+
+
+#pager {
+	text-align: center; 
+	padding-top: 60px;
+}
+#pager a{
+	margin-left: 10px; 
+	font-size: 130%;
+}
+.color-red {
+	color: red;
+}
+
Index: lams_tool_assessment/web/pages/export/parts/exportlearner.jsp
===================================================================
diff -u -rb9a5084dfc1510cefec305104580add4c26762ea -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/export/parts/exportlearner.jsp	(.../exportlearner.jsp)	(revision b9a5084dfc1510cefec305104580add4c26762ea)
+++ lams_tool_assessment/web/pages/export/parts/exportlearner.jsp	(.../exportlearner.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -11,6 +11,7 @@
 		
 		<link rel="stylesheet" type="text/css" href="./javascript/css/jquery-ui-redmond-theme.css" />
 		<link rel="stylesheet" type="text/css" href="./javascript/css/jquery.jqGrid.css" />
+		<link rel="stylesheet" type="text/css" href="./css/assessment.css" />
 		<script type="text/javascript" src="./javascript/jquery.js"></script>
 		<script type="text/javascript" src="./javascript/jquery.jqGrid.locale-en.js"></script>
 	 	<script type="text/javascript" src="./javascript/jquery.jqGrid.js"></script>
@@ -81,7 +82,7 @@
 			
 			<br><br>		
 			
-			<table class="forum" style="background:none; border: 1px solid #cacdd1; margin-bottom:60px; padding-top:0px; margin-bottom: 10px;" cellspacing="0">
+			<table class="forum">
 				<tr>
 					<th style="width: 180px; border-left: none; padding-top:0px; " >
 						<fmt:message key="label.monitoring.user.summary.user.name" />
Index: lams_tool_assessment/web/pages/export/parts/exportteacher.jsp
===================================================================
diff -u -r405cf90d2646e8f7dc1aa032b28c820279e50930 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/export/parts/exportteacher.jsp	(.../exportteacher.jsp)	(revision 405cf90d2646e8f7dc1aa032b28c820279e50930)
+++ lams_tool_assessment/web/pages/export/parts/exportteacher.jsp	(.../exportteacher.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -12,6 +12,7 @@
 		
 		<link rel="stylesheet" type="text/css" href="./javascript/css/jquery-ui-redmond-theme.css" />
 		<link rel="stylesheet" type="text/css" href="./javascript/css/jquery.jqGrid.css" />
+		<link rel="stylesheet" type="text/css" href="./css/assessment.css" />
 		<script type="text/javascript" src="./javascript/jquery.js"></script>
 		<script type="text/javascript" src="./javascript/jquery.jqGrid.locale-en.js"></script>
 	 	<script type="text/javascript" src="./javascript/jquery.jqGrid.js"></script>
@@ -163,7 +164,7 @@
 			
 			<div style="margin-left: 30px;">
 			<c:forEach var="questionSummary" items="${questionSummaryList}">
-				<table class="forum" style="background:none; border: 1px solid #cacdd1; margin-bottom:60px; padding-top:0px; margin-bottom: 10px; width: 640px;" cellspacing="0">
+				<table class="forum" style="width: 640px;">
 					<tr>
 						<th style="width: 180px; border-left: none; padding-top:0px; " >
 							<fmt:message key="label.monitoring.question.summary.title" />
Index: lams_tool_assessment/web/pages/learning/learning.jsp
===================================================================
diff -u -rb88cfcacfc98572e23f6040a7a4ed4060b58a1fc -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision b88cfcacfc98572e23f6040a7a4ed4060b58a1fc)
+++ lams_tool_assessment/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,7 +1,6 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-        "http://www.w3.org/TR/html4/strict.dtd">
-
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <%@ include file="/common/taglibs.jsp"%>
+
 <c:set var="lams">
 	<lams:LAMSURL />
 </c:set>
@@ -36,12 +35,6 @@
 	<c:set var="hasEditRight" value="${!isLeadershipEnabled || isLeadershipEnabled && isUserLeader}"/>
 	
 	<link rel="stylesheet" type="text/css" href="${lams}css/jquery.countdown.css" />
-	<style media="screen,projection" type="text/css">
-		div.growlUI { background: url(check48.png) no-repeat 10px 10px }
-		div.growlUI h1, div.growlUI h2 {
-			color: white; padding: 5px 5px 5px 0px; text-align: center;
-		}
-	</style>
 
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
Index: lams_tool_assessment/web/pages/learning/parts/allquestions.jsp
===================================================================
diff -u -r86f8f142891162680c6f7ed66a8c4edf574df991 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/allquestions.jsp	(.../allquestions.jsp)	(revision 86f8f142891162680c6f7ed66a8c4edf574df991)
+++ lams_tool_assessment/web/pages/learning/parts/allquestions.jsp	(.../allquestions.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,68 +1,67 @@
 <%@ include file="/common/taglibs.jsp"%>
-		<form id="answers" name="answers" method="post" action="<c:url value='/learning/submitAll.do?sessionMapID=${sessionMapID}'/>">
-			<table cellspacing="0" class="alternative-color">
-				<c:forEach var="question" items="${sessionMap.pagedQuestions[pageNumber-1]}" varStatus="status">
-					<tr>
-						<c:if test="${assessment.numbered}">
-							<td style="padding: 15px 15px 15px; width: 10px; font-weight: bold;" >
-								${status.index + sessionMap.questionNumberingOffset} 
-							</td>
-						</c:if>
+<form id="answers" name="answers" method="post" action="<c:url value='/learning/submitAll.do?sessionMapID=${sessionMapID}'/>">
+	<table cellspacing="0" class="alternative-color">
+		<c:forEach var="question" items="${sessionMap.pagedQuestions[pageNumber-1]}" varStatus="status">
+			<tr>
+				<c:if test="${assessment.numbered}">
+					<td class="question-numbers">
+						${status.index + sessionMap.questionNumberingOffset} 
+					</td>
+				</c:if>
 						
-						<td style="padding-left: 0px;">
-							<input type="hidden" name="questionUid${status.index}" id="questionUid${status.index}" value="${question.uid}" />						
+				<td style="padding-left: 0px;">
+					<input type="hidden" name="questionUid${status.index}" id="questionUid${status.index}" value="${question.uid}" />						
 							
-							<div class="field-name" style="padding: 10px 15px 15px;">
-								${question.question}
-							</div>
+					<div class="field-name" style="padding: 10px 15px 15px;">
+						${question.question}
+					</div>
 							
-							<c:choose>
-								<c:when test="${question.type == 1}">
-									<%@ include file="multiplechoice.jsp"%>
-								</c:when>
-								<c:when test="${question.type == 2}">
-									<%@ include file="matchingpairs.jsp"%>
-								</c:when>
-								<c:when test="${question.type == 3}">
-									<%@ include file="shortanswer.jsp"%>
-								</c:when>
-								<c:when test="${question.type == 4}">
-									<%@ include file="numerical.jsp"%>
-								</c:when>
-								<c:when test="${question.type == 5}">
-									<%@ include file="truefalse.jsp"%>
-								</c:when>
-								<c:when test="${question.type == 6}">
-									<%@ include file="essay.jsp"%>
-								</c:when>
-								<c:when test="${question.type == 7}">
-									<%@ include file="ordering.jsp"%>
-								</c:when>
-							</c:choose>
-							
-							<%@ include file="questionsummary.jsp"%>
-						</td>
-					</tr>
-				</c:forEach>
-			</table>
-		</form>
-		
-		
-		<!--Paging-->
-		<c:if test="${fn:length(sessionMap.pagedQuestions) > 1}">
-			<div style="text-align: center; padding-top: 60px;">
-				<fmt:message key="label.learning.page" />
-				<c:forEach var="questions" items="${sessionMap.pagedQuestions}" varStatus="status">
 					<c:choose>
-						<c:when	test="${(status.index+1) == pageNumber}">
-							<a href="#nogo" onclick="return nextPage(${status.index + 1})" style="margin-left: 10px; font-size: 130%; color: red;">
+						<c:when test="${question.type == 1}">
+							<%@ include file="multiplechoice.jsp"%>
 						</c:when>
-						<c:otherwise>
-							<a href="#nogo" onclick="return nextPage(${status.index + 1})" style="margin-left: 10px; font-size: 130%;">
-						</c:otherwise>
-					</c:choose>				
-						${status.index + 1} 
-					</a>
-				</c:forEach>		
-			</div>
-		</c:if>
+						<c:when test="${question.type == 2}">
+							<%@ include file="matchingpairs.jsp"%>
+						</c:when>
+						<c:when test="${question.type == 3}">
+							<%@ include file="shortanswer.jsp"%>
+						</c:when>
+						<c:when test="${question.type == 4}">
+							<%@ include file="numerical.jsp"%>
+						</c:when>
+						<c:when test="${question.type == 5}">
+							<%@ include file="truefalse.jsp"%>
+						</c:when>
+						<c:when test="${question.type == 6}">
+							<%@ include file="essay.jsp"%>
+						</c:when>
+						<c:when test="${question.type == 7}">
+							<%@ include file="ordering.jsp"%>
+						</c:when>
+					</c:choose>
+							
+					<%@ include file="questionsummary.jsp"%>
+				</td>
+			</tr>
+		</c:forEach>
+	</table>
+</form>
+		
+<!--Paging-->
+<c:if test="${fn:length(sessionMap.pagedQuestions) > 1}">
+	<div id="pager">
+		<fmt:message key="label.learning.page" />
+		<c:forEach var="questions" items="${sessionMap.pagedQuestions}" varStatus="status">
+			<c:choose>
+				<c:when	test="${(status.index+1) == pageNumber}">
+					<a href="#nogo" onclick="return nextPage(${status.index + 1})" class="color-red">
+				</c:when>
+				<c:otherwise>
+					<a href="#nogo" onclick="return nextPage(${status.index + 1})">
+				</c:otherwise>
+			</c:choose>				
+				${status.index + 1} 
+			</a>
+		</c:forEach>		
+	</div>
+</c:if>
Index: lams_tool_assessment/web/pages/learning/parts/attemptsummary.jsp
===================================================================
diff -u -r54671beb133fc34419cdae133e3cff23ced916f9 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/attemptsummary.jsp	(.../attemptsummary.jsp)	(revision 54671beb133fc34419cdae133e3cff23ced916f9)
+++ lams_tool_assessment/web/pages/learning/parts/attemptsummary.jsp	(.../attemptsummary.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,7 +1,7 @@
 <c:if test="${finishedLock}">
-	<table class="forum" style="background:none; border: 1px solid #cacdd1; margin-bottom:60px; padding-top:0px; margin-bottom: 10px;" cellspacing="0">
+	<table class="forum">
 		<tr>
-			<th style="width: 130px; border-left: none; padding-top:0px; " >
+			<th style="width: 130px;">
 				<fmt:message key="label.learning.summary.started.on" />
 			</th>
 			<td >
@@ -10,15 +10,15 @@
 		</tr>
 		
 		<tr>
-			<th style="width: 130px;" >
+			<th>
 				<fmt:message key="label.learning.summary.completed.on" />
 			</th>
 			<td>
 				<lams:Date value="${result.finishDate}" />
 			</td>
 		</tr>
 		<tr>
-			<th style="width: 130px;" >
+			<th>
 				<fmt:message key="label.learning.summary.time.taken" />
 			</th>
 			<td>
@@ -28,7 +28,7 @@
 		</tr>
 		<c:if test="${assessment.allowGradesAfterAttempt}">
 			<tr>
-				<th style="width: 130px;" >
+				<th>
 					<fmt:message key="label.learning.summary.grade" />
 				</th>
 				<td>
@@ -40,7 +40,7 @@
 		</c:if>
 		<c:if test="${assessment.allowOverallFeedbackAfterQuestion && (result.overallFeedback != null)}">
 			<tr>
-				<th style="width: 130px;" >
+				<th>
 					<fmt:message key="label.learning.summary.feedback" />
 				</th>
 				<td>
Index: lams_tool_assessment/web/pages/learning/parts/essay.jsp
===================================================================
diff -u -r6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/essay.jsp	(.../essay.jsp)	(revision 6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c)
+++ lams_tool_assessment/web/pages/learning/parts/essay.jsp	(.../essay.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,12 +1,12 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div style="padding: 10px 15px 7px; font-style: italic">
+<div class="question-type">
 	<fmt:message key="label.learning.short.answer.answer" />
 </div>
 
-<table cellspacing="0" style="padding-bottom: 10px;">
+<table class="question-table">
 	<tr>
-		<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; ">
+		<td class="reg-padding">
 			<c:choose>
 				<c:when test="${question.allowRichEditor && !finishedLock && hasEditRight}">
 					<lams:CKEditor id="question${status.index}" value="${question.answerString}" contentFolderID="${sessionMap.learnerContentFolder}" toolbarSet="DefaultLearner"></lams:CKEditor>
@@ -20,6 +20,6 @@
 			</c:choose>
 		</td>
 	</tr>
-</table>		
+</table>
 
 <%@ include file="markandpenaltyarea.jsp"%>
\ No newline at end of file
Index: lams_tool_assessment/web/pages/learning/parts/markandpenaltyarea.jsp
===================================================================
diff -u -r0c7332f878ff51630f2c84a47f419abc832e022e -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/markandpenaltyarea.jsp	(.../markandpenaltyarea.jsp)	(revision 0c7332f878ff51630f2c84a47f419abc832e022e)
+++ lams_tool_assessment/web/pages/learning/parts/markandpenaltyarea.jsp	(.../markandpenaltyarea.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -3,13 +3,13 @@
 <c:if test="${finishedLock}">
 
 	<c:if test="${assessment.allowQuestionFeedback && (question.generalFeedback != null)}">
-		<div style="padding: 10px 15px 0px; font-style: italic; color:#47bc23;">
+		<div class="question-feedback">
 			<c:out value="${question.generalFeedback}" escapeXml="false" />
 		</div>
 	</c:if>
 	
 	<c:if test="${assessment.allowGradesAfterAttempt}">
-		<div style="padding: 10px 15px 10px; font-style: italic; color:#47bc23;">
+		<div class="question-feedback" style="padding-bottom: 10px;">
 			<fmt:message key="label.learning.marks" >
 				<fmt:param><fmt:formatNumber value="${question.mark}" maxFractionDigits="3"/></fmt:param>
 				<fmt:param>${question.defaultGrade}</fmt:param>
Index: lams_tool_assessment/web/pages/learning/parts/matchingpairs.jsp
===================================================================
diff -u -r6e5d1ff4891084bef035cb865c1a395e3eb49ab0 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/matchingpairs.jsp	(.../matchingpairs.jsp)	(revision 6e5d1ff4891084bef035cb865c1a395e3eb49ab0)
+++ lams_tool_assessment/web/pages/learning/parts/matchingpairs.jsp	(.../matchingpairs.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,28 +1,28 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div style="padding: 10px 15px 7px; font-style: italic">
+<div class="question-type">
 	<fmt:message key="label.learning.matching.pairs.pick.up" />
 </div>
 
-<table cellspacing="0" style="padding-bottom: 10px;">
+<table class="question-table">
 	<c:forEach var="option" items="${question.options}">
 		<tr>
 			<c:if test="${finishedLock}">
-				<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; width: 7px;">
+				<td class="complete-item-gif">
 				
 					<c:if test="${assessment.allowRightAnswersAfterQuestion && (option.answerInt == option.uid)}">
-						<img src="<html:rewrite page='/includes/images/completeitem.gif'/>"	border="0">	
+						<img src="<html:rewrite page='/includes/images/completeitem.gif'/>">	
 					</c:if>
 					<c:if test="${assessment.allowWrongAnswersAfterQuestion && (option.answerInt != -1) && (option.answerInt != option.uid)}">
-						<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>" border="0">	
+						<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>">	
 					</c:if>
 						
 				</td>		
 			</c:if>			
-			<td style="padding:5px 15px 2px; vertical-align:middle; background:none; border-bottom:0px; width: 40%;">
+			<td style="padding:5px 15px 2px; width: 40%;">
 				<c:out value="${option.question}" escapeXml="false" />
 			</td>
-			<td style="padding:5px 10px 2px; vertical-align:middle; background:none; border-bottom:0px; ">
+			<td class="question-option">
 				<html:select property="question${status.index}_${option.sequenceId}" value="${option.answerInt}" disabled="${finishedLock || !hasEditRight}">
 					<html:option value="-1"><fmt:message key="label.learning.matching.pairs.choose" /></html:option>
 					<c:forEach var="selectOption" items="${question.matchingPairOptions}">
Index: lams_tool_assessment/web/pages/learning/parts/multiplechoice.jsp
===================================================================
diff -u -r6e5d1ff4891084bef035cb865c1a395e3eb49ab0 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/multiplechoice.jsp	(.../multiplechoice.jsp)	(revision 6e5d1ff4891084bef035cb865c1a395e3eb49ab0)
+++ lams_tool_assessment/web/pages/learning/parts/multiplechoice.jsp	(.../multiplechoice.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,6 +1,6 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div style="padding: 10px 15px 7px; font-style: italic">
+<div class="question-type">
 	<c:choose>
 		<c:when test="${question.multipleAnswersAllowed}">
 			<fmt:message key="label.learning.choose.at.least.one.answer" />
@@ -11,23 +11,23 @@
 	</c:choose>
 </div>
 
-<table cellspacing="0" style="padding-bottom: 10px;">
+<table class="question-table">
 	<c:forEach var="option" items="${question.options}">
 		<tr>
 			<c:if test="${finishedLock}">
-				<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; width: 7px;">
+				<td class="complete-item-gif">
 				
 					<c:if test="${assessment.allowRightAnswersAfterQuestion && option.answerBoolean && (option.grade > 0)}">
-						<img src="<html:rewrite page='/includes/images/completeitem.gif'/>"	border="0">	
+						<img src="<html:rewrite page='/includes/images/completeitem.gif'/>">
 					</c:if>
 					<c:if test="${assessment.allowWrongAnswersAfterQuestion && option.answerBoolean && (option.grade <= 0)}">
-						<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>" border="0">	
+						<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>">
 					</c:if>
 						
-				</td>		
+				</td>
 			</c:if>
 			
-			<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; width: 5px; border-bottom:0px; ">
+			<td class="has-radio-button">
 				<c:choose>
 					<c:when test="${question.multipleAnswersAllowed}">
 						<input type="checkbox" name="question${status.index}_${option.sequenceId}" value="${true}" styleClass="noBorder"
@@ -44,7 +44,7 @@
 				</c:choose>
 			</td>
 			
-			<td style="padding:5px 10px 2px; vertical-align:middle; background:none; border-bottom:0px;">
+			<td class="question-option">
 				<c:out value="${option.optionString}" escapeXml="false" />
 			</td>
 			
@@ -59,7 +59,7 @@
         			</c:otherwise>
         		</c:choose>
 
-				<td style="padding:5px 10px 2px; vertical-align:middle; background:none; border-bottom:0px; font-style: italic; color:${color};" width="30%">
+				<td style="padding:5px 10px 2px; font-style: italic; color:${color}; width=30%;">
 					<c:out value="${option.feedback}" escapeXml="false" />
 				</td>		
 			</c:if>
@@ -71,17 +71,17 @@
 <c:if test="${finishedLock && assessment.allowQuestionFeedback}">
 	<c:choose>
 		<c:when test="${question.mark == question.defaultGrade}">
-			<div style="padding: 15px 15px 0px; font-style: italic; color:#47bc23;">
+			<div class="question-feedback">
 				<c:out value="${question.feedbackOnCorrect}" escapeXml="false" />
 			</div>
 		</c:when>
 		<c:when test="${question.mark > 0}">
-			<div style="padding: 15px 15px 0px; font-style: italic; color:#47bc23;">
+			<div class="question-feedback">
 				<c:out value="${question.feedbackOnPartiallyCorrect}" escapeXml="false" />
 			</div>
 		</c:when>
 		<c:when test="${question.mark <= 0}">
-			<div style="padding: 15px 15px 0px; font-style: italic; color:#47bc23;">
+			<div class="question-feedback">
 				<c:out value="${question.feedbackOnIncorrect}" escapeXml="false" />
 			</div>
 		</c:when>		
Index: lams_tool_assessment/web/pages/learning/parts/numerical.jsp
===================================================================
diff -u -r6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/numerical.jsp	(.../numerical.jsp)	(revision 6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c)
+++ lams_tool_assessment/web/pages/learning/parts/numerical.jsp	(.../numerical.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,24 +1,24 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div style="padding: 10px 15px 7px; font-style: italic">
+<div class="question-type">
 	<fmt:message key="label.learning.short.answer.answer" />
 </div>
 
-<table cellspacing="0" style="padding-bottom: 10px;">
+<table class="question-table">
 	<tr>
 		<c:if test="${finishedLock}">
-			<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; width: 7px;">
+			<td class="complete-item-gif">
 			
 				<c:if test="${assessment.allowRightAnswersAfterQuestion && (question.mark > 0)}">
-					<img src="<html:rewrite page='/includes/images/completeitem.gif'/>"	border="0">	
+					<img src="<html:rewrite page='/includes/images/completeitem.gif'/>">	
 				</c:if>			
 				<c:if test="${assessment.allowWrongAnswersAfterQuestion && !(question.mark > 0)}">
-					<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>" border="0">
+					<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>">
 				</c:if>
 				
 			</td>		
 		</c:if>		
-		<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; ">
+		<td class="reg-padding">
 			<input type="text" name="question${status.index}" value="<c:out value='${question.answerString}' />" styleClass="noBorder" size="70"
 				<c:if test="${finishedLock || !hasEditRight}">disabled="disabled"</c:if>					 
 			/>	
@@ -27,7 +27,7 @@
 </table>		
 
 <c:if test="${finishedLock && assessment.allowQuestionFeedback && (question.questionFeedback != null)}">
-	<div style="padding: 10px 15px 0px; font-style: italic; color:#47bc23;">
+	<div class="question-feedback">
 		<c:out value="${question.questionFeedback}" escapeXml="false" />
 	</div>
 </c:if>	
Index: lams_tool_assessment/web/pages/learning/parts/ordering.jsp
===================================================================
diff -u -r6e5d1ff4891084bef035cb865c1a395e3eb49ab0 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/ordering.jsp	(.../ordering.jsp)	(revision 6e5d1ff4891084bef035cb865c1a395e3eb49ab0)
+++ lams_tool_assessment/web/pages/learning/parts/ordering.jsp	(.../ordering.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -7,20 +7,20 @@
 </c:if>
 
 <div id="orderingArea${question.uid}">
-	<div style="padding: 10px 15px 7px; font-style: italic">
+	<div class="question-type">
 		<fmt:message key="label.learning.ordering.sort.answers" />
 	</div>
 	
-	<table cellspacing="0" style="padding-bottom: 10px;">
+	<table class="question-table">
 		<c:forEach var="option" items="${question.options}" varStatus="ordStatus">
 			<tr>
-				<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; ">
+				<td class="reg-padding">
 					<input type="hidden" name="question${status.index}_${option.sequenceId}" value="${option.sequenceId}" />
 					<c:out value="${option.optionString}" escapeXml="false" />
 				</td>
 				
 				<c:if test="${(mode != 'teacher') || !hasEditRight}">
-					<td width="20px" style="padding:5px 0px 2px 15px; vertical-align:middle; text-align: center; background:none; border-bottom:0px;">
+					<td style="width text-align: center; width: 20px;" class="reg-padding">
 						<c:if test="${not ordStatus.first and !finishedLock}">
 							<img src="<html:rewrite page='/includes/images/uparrow.gif'/>"
 								border="0" title="<fmt:message key="label.authoring.basic.up"/>"
@@ -50,7 +50,7 @@
 	</table>	
 	
 	<c:if test="${finishedLock && assessment.allowQuestionFeedback}">
-		<div style="padding: 10px 15px 0px; font-style: italic; color:#47bc23;">
+		<div class="question-feedback">
 			<c:choose>
 				<c:when	test="${question.mark > 0}">
 					<c:out value="${question.feedbackOnCorrect}" escapeXml="false" />
Index: lams_tool_assessment/web/pages/learning/parts/questionsummary.jsp
===================================================================
diff -u -r6e5d1ff4891084bef035cb865c1a395e3eb49ab0 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision 6e5d1ff4891084bef035cb865c1a395e3eb49ab0)
+++ lams_tool_assessment/web/pages/learning/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,23 +1,23 @@
 <%@ include file="/common/taglibs.jsp"%>
 
 <c:if test="${finishedLock && (fn:length(question.questionResults) > 1) && assessment.allowHistoryResponses}">
-	<div style="padding: 2px 15px 10px; font-style: italic; color:#47bc23;">
+	<div id="quesion-summary-title">
 		<fmt:message key="label.learning.question.summary.history.responces" />
 	</div>
 
-	<table class="forum" style="background:none; margin-bottom:60px; margin-bottom: 10px; width: 83%; padding: 0px 15px 0px; font-style: italic; color:#47bc23; border-bottom: none;" cellspacing="0" >
+	<table class="forum question-summary-table">
 		<tr>
-			<th style="width: 30px; border-left: none; padding-top:0px; padding-left:0px; text-align: center;" >
+			<th>
 				#
 			</th>		
-			<th style="width: 120px; padding-top:0px; " >
+			<th style="width: 120px;" >
 				<fmt:message key="label.learning.summary.completed.on" />
 			</th>
-			<th style="padding-top:0px; " >
+			<th>
 				<fmt:message key="label.learning.question.summary.response" />
 			</th>
 			<c:if test="${assessment.allowGradesAfterAttempt}">			
-				<th style="width: 70px; padding-top:0px; " >
+				<th style="width: 70px;" >
 					<fmt:message key="label.learning.question.summary.grade" />
 				</th>	
 			</c:if>		
@@ -26,18 +26,15 @@
 			<c:set var="questionResult" value="${item[0]}" />
 			<c:set var="currentAssessmentResult" value="${item[1]}" />
 			<tr>
-				<td style="padding-left: 15px; vertical-align: middle; background: none; 
-						<c:if test='${status.last}'>border-bottom: none;</c:if>	" >
+				<td>
 					${status.index + 1} 
 				</td>
-				<td style="padding-left: 15px; vertical-align: middle; background: none;
-						<c:if test='${status.last}'>border-bottom: none;</c:if>	" >
+				<td>
 					<div>
 						${currentAssessmentResult.finishDate} 
 					</div>
 				</td>					
-				<td style="vertical-align: middle; background: none;
-						<c:if test='${status.last}'>border-bottom: none;</c:if>	" >
+				<td>
 					<c:choose>
 						<c:when test="${question.type == 1}">
 							<c:forEach var="option" items="${question.options}">
@@ -101,16 +98,14 @@
 					</c:choose>
 				</td>
 				<c:if test="${assessment.allowGradesAfterAttempt}">
-					<td style="padding-left: 0px; vertical-align: middle; background: none;
-							<c:if test='${status.last}'>border-bottom: none;</c:if>	" >
+					<td style="padding-left: 0px;" >
 						<div style="text-align: center;">
 							<fmt:formatNumber value="${questionResult.mark}" maxFractionDigits="3"/>
 						</div>
 					</td>
 				</c:if>		
 			</tr>
-		</c:forEach>	
-	
+		</c:forEach>
 
 	</table>
 </c:if>							
\ No newline at end of file
Index: lams_tool_assessment/web/pages/learning/parts/shortanswer.jsp
===================================================================
diff -u -r6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/shortanswer.jsp	(.../shortanswer.jsp)	(revision 6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c)
+++ lams_tool_assessment/web/pages/learning/parts/shortanswer.jsp	(.../shortanswer.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,24 +1,24 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div style="padding: 10px 15px 7px; font-style: italic">
+<div class="question-type">
 	<fmt:message key="label.learning.short.answer.answer" />
 </div>
 
-<table cellspacing="0" style="padding-bottom: 10px;">
+<table class="question-table">
 	<tr>
 		<c:if test="${finishedLock}">
-			<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; width: 7px;">
+			<td class="complete-item-gif">
 			
 				<c:if test="${assessment.allowRightAnswersAfterQuestion && (question.mark > 0)}">
-					<img src="<html:rewrite page='/includes/images/completeitem.gif'/>"	border="0">	
+					<img src="<html:rewrite page='/includes/images/completeitem.gif'/>">	
 				</c:if>			
 				<c:if test="${assessment.allowWrongAnswersAfterQuestion && !(question.mark > 0)}">
-					<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>" border="0">
+					<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>">
 				</c:if>			
 		
 			</td>		
 		</c:if>	
-		<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; ">
+		<td class="reg-padding">
 			<input type="text" name="question${status.index}" value="<c:out value='${question.answerString}' />" styleClass="noBorder" size="70"
 				<c:if test="${finishedLock || !hasEditRight}">disabled="disabled"</c:if>					 
 			/>	
@@ -27,7 +27,7 @@
 </table>	
 
 <c:if test="${finishedLock && assessment.allowQuestionFeedback && (question.questionFeedback != null)}">
-	<div style="padding: 10px 15px 0px; font-style: italic; color:#47bc23;">
+	<div class="question-feedback">
 		<c:out value="${question.questionFeedback}" escapeXml="false" />
 	</div>
 </c:if>	
Index: lams_tool_assessment/web/pages/learning/parts/truefalse.jsp
===================================================================
diff -u -r6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/learning/parts/truefalse.jsp	(.../truefalse.jsp)	(revision 6c5d0c6b8ff17d661580df2c265f2dcabfe7d76c)
+++ lams_tool_assessment/web/pages/learning/parts/truefalse.jsp	(.../truefalse.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -1,68 +1,68 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<div style="padding: 10px 15px 7px; font-style: italic">
+<div class="question-type">
 	<fmt:message key="label.learning.short.answer.answer" />
 </div>
 
-<table cellspacing="0" style="padding-bottom: 10px;">
+<table class="question-table">
 		<tr>
 			<c:if test="${finishedLock}">
-				<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; width: 7px;">
+				<td class="complete-item-gif">
 				
 					<c:if test="${(question.answerString != null) 
 							&& (assessment.allowRightAnswersAfterQuestion && (question.answerBoolean == question.correctAnswer) 
 							|| assessment.allowWrongAnswersAfterQuestion && (question.answerBoolean != question.correctAnswer)) }">
 					
 						<c:choose>
 							<c:when test="${question.correctAnswer}">
-								<img src="<html:rewrite page='/includes/images/completeitem.gif'/>"	border="0">	
+								<img src="<html:rewrite page='/includes/images/completeitem.gif'/>">	
 							</c:when>
 							<c:otherwise>
-								<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>" border="0">	
+								<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>">	
 							</c:otherwise>		
 						</c:choose>					
 					
 					</c:if>
 						
 				</td>		
 			</c:if>			
-			<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; width: 5px; border-bottom:0px; ">
-						<input type="radio" name="question${status.index}" value="${true}" styleClass="noBorder"
-	 						<c:if test="${question.answerBoolean}">checked="checked"</c:if>
-							<c:if test="${finishedLock || !hasEditRight}">disabled="disabled"</c:if>					 
-						/>
+			<td class="has-radio-button">
+				<input type="radio" name="question${status.index}" value="${true}" styleClass="noBorder"
+	 				<c:if test="${question.answerBoolean}">checked="checked"</c:if>
+					<c:if test="${finishedLock || !hasEditRight}">disabled="disabled"</c:if>					 
+				/>
 			</td>
-			<td style="padding:5px 10px 2px; vertical-align:middle; background:none; border-bottom:0px;">
+			<td class="question-option">
 				<fmt:message key="label.learning.true.false.true" />
 			</td>
 		</tr>
 		<tr>
 			<c:if test="${finishedLock}">
-				<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; border-bottom:0px; width: 7px;">
+				<td class="complete-item-gif">
 				
 					<c:if test="${(question.answerString != null) 
 							&& (assessment.allowRightAnswersAfterQuestion && (question.answerBoolean == question.correctAnswer) 
 							|| assessment.allowWrongAnswersAfterQuestion && (question.answerBoolean != question.correctAnswer)) }">
 					
 						<c:choose>
 							<c:when test="${!question.correctAnswer}">
-								<img src="<html:rewrite page='/includes/images/completeitem.gif'/>"	border="0">	
+								<img src="<html:rewrite page='/includes/images/completeitem.gif'/>">	
 							</c:when>
 							<c:otherwise>
-								<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>" border="0">	
+								<img src="<html:rewrite page='/includes/images/incompleteitem.gif'/>">	
 							</c:otherwise>		
 						</c:choose>					
 					</c:if>				
 						
 				</td>		
 			</c:if>			
-			<td style="padding:5px 0px 2px 15px; vertical-align:middle; background:none; width: 5px; border-bottom:0px; ">
-						<input type="radio" name="question${status.index}" value="${false}" styleClass="noBorder"
-	 						<c:if test="${(!question.answerBoolean) and (question.answerString != null)}">checked="checked"</c:if>
-							<c:if test="${finishedLock || !hasEditRight}">disabled="disabled"</c:if>					 
-						/>
+			<td class="has-radio-button">
+				<input type="radio" name="question${status.index}" value="${false}" styleClass="noBorder"
+	 				<c:if test="${(!question.answerBoolean) and (question.answerString != null)}">checked="checked"</c:if>
+					<c:if test="${finishedLock || !hasEditRight}">disabled="disabled"</c:if>					 
+				/>
 			</td>
-			<td style="padding:5px 10px 2px; vertical-align:middle; background:none; border-bottom:0px;">
+			<td class="question-option">
 				<fmt:message key="label.learning.true.false.false" />
 			</td>
 		</tr>		
@@ -72,12 +72,12 @@
 <c:if test="${finishedLock && assessment.allowQuestionFeedback}">
 	<c:choose>
 		<c:when test="${question.answerBoolean and (question.answerString != null)}">
-			<div style="padding: 15px 15px 0px; font-style: italic; color:#47bc23;">
+			<div class="question-feedback">
 				<c:out value="${question.feedbackOnCorrect}" escapeXml="false" />
 			</div>
 		</c:when>
 		<c:when test="${!question.answerBoolean and (question.answerString != null)}">
-			<div style="padding: 15px 15px 0px; font-style: italic; color:#47bc23;">
+			<div class="question-feedback">
 				<c:out value="${question.feedbackOnIncorrect}" escapeXml="false" />
 			</div>
 		</c:when>		
Index: lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp
===================================================================
diff -u -re83e4b897113057714ced4be6d03a621c782b075 -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision e83e4b897113057714ced4be6d03a621c782b075)
+++ lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -146,7 +146,7 @@
 			<br><br>		
 			<%@ include file="/common/messages.jsp"%>
 			
-			<table class="forum" style="background:none; border: 1px solid #cacdd1; margin-bottom:60px; padding-top:0px; margin-bottom: 10px;" cellspacing="0">
+			<table class="forum">
 				<tr>
 					<th style="width: 180px; border-left: none; padding-top:0px; " >
 						<fmt:message key="label.monitoring.question.summary.title" />
Index: lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp
===================================================================
diff -u -rb9a5084dfc1510cefec305104580add4c26762ea -r1e33f64c06430834c80a2b01d42bcdf844c5d958
--- lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision b9a5084dfc1510cefec305104580add4c26762ea)
+++ lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision 1e33f64c06430834c80a2b01d42bcdf844c5d958)
@@ -136,7 +136,7 @@
 			<br><br>		
 			<%@ include file="/common/messages.jsp"%>
 			
-			<table class="forum" style="background:none; border: 1px solid #cacdd1; margin-bottom:60px; padding-top:0px; margin-bottom: 10px;" cellspacing="0">
+			<table class="forum">
 				<tr>
 					<th style="width: 180px; border-left: none; padding-top:0px; " >
 						<fmt:message key="label.monitoring.user.summary.user.name" />