Index: lams_tool_chat/web/common/learnerheader.jsp
===================================================================
diff -u -rca73a51b45e6071a6a9edd5da8b0d61bf3a39929 -r60d54756f59597b6c1df8e0f9103a39898391b5e
--- lams_tool_chat/web/common/learnerheader.jsp	(.../learnerheader.jsp)	(revision ca73a51b45e6071a6a9edd5da8b0d61bf3a39929)
+++ lams_tool_chat/web/common/learnerheader.jsp	(.../learnerheader.jsp)	(revision 60d54756f59597b6c1df8e0f9103a39898391b5e)
@@ -11,7 +11,14 @@
 	<title>
 		<fmt:message key="activity.title" />
 	</title>
-	<link href="${tool}includes/css/chat.css" rel="stylesheet" type="text/css">
+	<c:choose>
+		<c:when test="${page_direction != 'RTL'}">
+			<link href="${tool}includes/css/chat.css" rel="stylesheet" type="text/css">
+		</c:when>
+		<c:otherwise>
+			<link href="${tool}includes/css/chat_rtl.css" rel="stylesheet" type="text/css">
+		</c:otherwise>
+	</c:choose>
 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 	<lams:css/>	
 	<tiles:insert attribute="headItems" />
Index: lams_tool_chat/web/includes/css/chat_rtl.css
===================================================================
diff -u
--- lams_tool_chat/web/includes/css/chat_rtl.css	(revision 0)
+++ lams_tool_chat/web/includes/css/chat_rtl.css	(revision 60d54756f59597b6c1df8e0f9103a39898391b5e)
@@ -0,0 +1,72 @@
+/* ==================== COMMON ==================== */
+.message {
+	padding-bottom: 4px;
+}
+
+.private_message {
+	font-style: italic;
+	background-color: #efefef;
+}
+
+.messageFrom {
+	font-weight: bold;
+}
+
+/* ==================== LEARNING PAGE STYLES ==================== */
+
+
+#iResp {
+	height: 260px;
+	width: 75%;
+	overflow: auto;
+	border: 1px solid #999;
+	padding: 2px;
+	padding-right:5px;
+}
+
+#roster {
+	width: 20%;
+	height: 260px;
+	overflow: auto;
+	border: 1px solid #999;
+	font-weight: bold;
+	padding: 2px;
+	float: left;
+}
+
+#send-button {
+	float: left;
+	width: 105px;
+	overflow: auto;
+}
+	
+#send-message-area {
+	margin-left: 12px;
+	overflow: auto;
+}
+
+.selected {
+	background-color: #ececec;
+	padding: 2px;
+	cursor: pointer;
+}
+
+.unselected {
+	background-color: white;
+	padding: 2px;
+	cursor: pointer;
+}
+
+#msgArea {
+	width: 95%;
+	margin:0;
+	margin-left:20px;
+	border: 1px solid #999;
+}
+
+/* ================== MONITORING ================== */
+.edit-pane {
+	display: none;;
+	border: 1px solid;
+	padding: 8px;
+}
\ No newline at end of file