Index: lams_tool_chat/web/WEB-INF/struts/tiles-defs.xml
===================================================================
diff -u -r47041304a9d027531f04cc2a0217b7dda2acc913 -r6e0f6145136b39b5736a6a1e20c596f54cf7f5b0
--- lams_tool_chat/web/WEB-INF/struts/tiles-defs.xml	(.../tiles-defs.xml)	(revision 47041304a9d027531f04cc2a0217b7dda2acc913)
+++ lams_tool_chat/web/WEB-INF/struts/tiles-defs.xml	(.../tiles-defs.xml)	(revision 6e0f6145136b39b5736a6a1e20c596f54cf7f5b0)
@@ -31,6 +31,11 @@
 		<put name="header" value="tiles:/header:default" />
 		<put name="body" value="" />
 	</definition>
+	
+	<definition name="tiles:/layout:learning" path="/layouts/learningLayout.jsp">
+		<put name="header" value="tiles:/header:default" />
+		<put name="body" value="" />
+	</definition>	
 
 	<!--  End: Layouts -->
 
@@ -74,8 +79,7 @@
 
 
 	<!-- Begin: Learning -->
-	<definition name="tiles:/learning/main" extends="tiles:/layout:default">
-		<put name="pageTitleKey" value="pageTitle.learning" />
+	<definition name="tiles:/learning/main" extends="tiles:/layout:learning">
 		<put name="header" value="tiles:/header:default" />
 		<put name="body" value="/chat_client/chat_ui.jsp" />
 	</definition>
Index: lams_tool_chat/web/chat_client/chat_style.css
===================================================================
diff -u -r7c0c408e15f94b0c133d296b19d34398fa3436f9 -r6e0f6145136b39b5736a6a1e20c596f54cf7f5b0
--- lams_tool_chat/web/chat_client/chat_style.css	(.../chat_style.css)	(revision 7c0c408e15f94b0c133d296b19d34398fa3436f9)
+++ lams_tool_chat/web/chat_client/chat_style.css	(.../chat_style.css)	(revision 6e0f6145136b39b5736a6a1e20c596f54cf7f5b0)
@@ -1,18 +1,21 @@
 #chat_content {
-	width: 100%;
-	height: 600px;
+	width: 560px;
 	padding: 12px;
+
+	/* compensate for content image border */
+	margin-left: 4px;
 }
 
 #chat_pane {
-
+	width: 98%;
 }
 
 #iResp {
-	height: 400px;
-	margin-right: 8px;
+	height: 260px;
+	margin-right: 12px;
+	margin-left: 12px;
 	overflow: scroll;
-	padding: 4px;
+
 	background-color: white;
 	border: thin solid black;
 }
@@ -33,7 +36,7 @@
 #presence {
 	float: right;
 	width: 160px;
-	height: 400px;
+	height: 260px;
 	overflow: hidden;
 }
 
@@ -43,15 +46,12 @@
 }
 
 #msgArea {
-	width: 100%;
+	margin-left: 12px;
+	margin-right: 12px;
+	width: 532px;
 	height: 100%;
 }
 
-#msgAreaDiv {
-	height: 45px;
-}
-
 #finishButton_pane {
-	width: 100%;
-	text-align: right;
+
 }
\ No newline at end of file
Index: lams_tool_chat/web/chat_client/chat_ui.jsp
===================================================================
diff -u -r20c41464331ccdc7a9a8e25abad1818855c47f67 -r6e0f6145136b39b5736a6a1e20c596f54cf7f5b0
--- lams_tool_chat/web/chat_client/chat_ui.jsp	(.../chat_ui.jsp)	(revision 20c41464331ccdc7a9a8e25abad1818855c47f67)
+++ lams_tool_chat/web/chat_client/chat_ui.jsp	(.../chat_ui.jsp)	(revision 6e0f6145136b39b5736a6a1e20c596f54cf7f5b0)
@@ -25,60 +25,66 @@
 	var LOCK_ON_FINISHED = "${LOCK_ON_FINISHED}";	
 </script>
 
-<!--  Chat Client -->	
+<!--  Chat Client -->
 <script src="${tool}chat_client/chat_app.js" type="text/javascript"></script>
 
-<div id="chat_content">
+<h1 class="no-tabs-below">
+	<c:out value="${chatTitle}" escapeXml="false" />
+</h1>
+<div id="header-no-tabs-learner"></div>
+<div id="content-learner">
+	<div id="chat_content">
 
-	<div id="login_pane">
-		<div id="login_err"></div>
-		<p>
-			<fmt:message>message.loading</fmt:message>
-		</p>
-	</div>
+		<div id="login_pane">
+			<div id="login_err"></div>
+			<p>
+				<fmt:message>message.loading</fmt:message>
+			</p>
+		</div>
 
-	<div id="chat_pane" style="display:none;">
-		<h1>
-			<c:out value="${chatTitle}" escapeXml="false" />
-		</h1>
+		<div id="chat_pane" style="display:none;">
+			<form name="sendForm" action="" onSubmit="return sendMsg(this);">
+				<p>
+					<c:out value="${chatInstructions}" escapeXml="false" />
+				</p>
 
-		<p>
-			<c:out value="${chatInstructions}" escapeXml="false" />
-		</p>
-		<form name="sendForm" action="" onSubmit="return sendMsg(this);">
-			<div id="presence">
-				<select id="roster_user_selector" size="2" onchange="updateSendDisplay();">
-					<%--  options dynamically updated as users join/leave --%>
-					<option>
-						loading
-					</option>
-				</select>
-			</div>
-			<div id="iResp"></div>
+				<div id="presence">
+					<select id="roster_user_selector" size="2" onchange="updateSendDisplay();">
+						<%--  options dynamically updated as users join/leave --%>
+						<option>
+							loading
+						</option>
+					</select>
+				</div>
+				<div id="iResp"></div>
 
-			<h3>
-				<fmt:message>label.sendMessageTo</fmt:message>
-				<span id="sendToEveryone"><fmt:message>label.everyone</fmt:message></span><span id="sendToUser" style="display: none"></span>
-			</h3>
 
-			<div id="msgAreaDiv">
-				<textarea name="msg" id='msgArea' rows="3" cols="80"></textarea>
-				<input id="sendButton" type="submit" value='<fmt:message>button.send</fmt:message>' />
-				<input id="clearButton" type="button" onclick="resetInputs();" value='<fmt:message>button.clear</fmt:message>' />
+				<h2>
+					<fmt:message>label.sendMessageTo</fmt:message>
+					<span id="sendToEveryone"><fmt:message>label.everyone</fmt:message></span><span id="sendToUser" style="display: none"></span>
+				</h2>
 
-			</div>
-		</form>
+				<textarea name="msg" id="msgArea" rows="3" cols="80"></textarea>
 
-	</div>
-	
-	<div id="finishButton_pane" style="display:none;">
-		<form name="finishActivity" action="${tool}learning.do" method="post">
-			<div>
-				<input type="hidden" name="dispatch" value="finishActivity" />
-				<input type="hidden" name="chatUserUID" value="${USER_UID}" />
-				<input type="hidden" name="toolSessionID" value="${SESSION_ID}" />				
-				<input type="submit" value='<fmt:message>button.finish</fmt:message>' />
+				<div class="left-buttons">
+					<input id="sendButton" class="button" type="submit" value='<fmt:message>button.send</fmt:message>' />
+					<input id="clearButton" class="button" type="button" onclick="resetInputs();" value='<fmt:message>button.clear</fmt:message>' />
+				</div>
+			</form>
+
+			<div id="finishButton_pane" class="space-bottom" style="display:none;">
+				<form name="finishActivity" action="${tool}learning.do" method="post">
+					<div class="right-buttons">
+						<input type="hidden" name="dispatch" value="finishActivity" />
+						<input type="hidden" name="chatUserUID" value="${USER_UID}" />
+						<input type="hidden" name="toolSessionID" value="${SESSION_ID}" />
+						<input type="submit" class="button" value='<fmt:message>button.finish</fmt:message>' />
+					</div>
+				</form>
 			</div>
-		</form>
+		</div>
 	</div>
 </div>
+<div id="footer-learner"></div>
+
+
Index: lams_tool_chat/web/layouts/learningLayout.jsp
===================================================================
diff -u
--- lams_tool_chat/web/layouts/learningLayout.jsp	(revision 0)
+++ lams_tool_chat/web/layouts/learningLayout.jsp	(revision 6e0f6145136b39b5736a6a1e20c596f54cf7f5b0)
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+
+<%@ include file="/common/taglibs.jsp"%>
+
+<html>
+	<tiles:insert attribute="header" />
+	<body>
+		<div id="page-learner">	
+			
+			
+				<tiles:insert attribute="body" />
+			
+		</div>
+	</body>
+</html>