Index: lams_tool_chat/web/WEB-INF/tags/headItems.tag
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
--- lams_tool_chat/web/WEB-INF/tags/headItems.tag	(.../headItems.tag)	(revision 0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e)
+++ lams_tool_chat/web/WEB-INF/tags/headItems.tag	(.../headItems.tag)	(revision 380c7df4490feb08b78bee945acfe846da342b46)
@@ -1,41 +1,40 @@
-<% 
-/****************************************************************
- * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
- * =============================================================
- * License Information: http://lamsfoundation.org/licensing/lams/2.0/
- * 
- * This program is free software; you can redistribute it and/or modify
- * it under the terms of the GNU General Public License version 2.0
- * as published by the Free Software Foundation.
- * 
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- * 
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307
- * USA
- * 
- * http://www.gnu.org/licenses/gpl.txt
- * ****************************************************************
- */
- 
- /**
-  * Standard Head Items
-  *	Author: Fiona Malikoff
-  *	Description: Includes all the standard head items e.g. the 
-  * lams css files, sets the content type, standard javascript files.
-  */
- 
- %>
-<%@ tag body-content="empty" %>
+<%/****************************************************************
+			 * Copyright (C) 2005 LAMS Foundation (http://lamsfoundation.org)
+			 * =============================================================
+			 * License Information: http://lamsfoundation.org/licensing/lams/2.0/
+			 * 
+			 * This program is free software; you can redistribute it and/or modify
+			 * it under the terms of the GNU General Public License version 2.0
+			 * as published by the Free Software Foundation.
+			 * 
+			 * This program is distributed in the hope that it will be useful,
+			 * but WITHOUT ANY WARRANTY; without even the implied warranty of
+			 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+			 * GNU General Public License for more details.
+			 * 
+			 * You should have received a copy of the GNU General Public License
+			 * along with this program; if not, write to the Free Software
+			 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307
+			 * USA
+			 * 
+			 * http://www.gnu.org/licenses/gpl.txt
+			 * ****************************************************************
+			 */
 
-<%@ taglib uri="tags-core" prefix="c" %>
-<%@ taglib uri="tags-lams" prefix="lams" %>
-<%@ taglib uri="tags-fmt" prefix="fmt" %>
+			/**
+			 * Standard Head Items
+			 *	Author: Fiona Malikoff
+			 *	Description: Includes all the standard head items e.g. the 
+			 * lams css files, sets the content type, standard javascript files.
+			 */
 
+		%>
+<%@ tag body-content="empty"%>
+
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+
 <c:set var="lams">
 	<lams:LAMSURL />
 </c:set>
@@ -46,6 +45,11 @@
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
 <link href="${tool}includes/css/aqua.css" rel="stylesheet" type="text/css">
+<!--[if IE]>
+<style type="text/css">
+@import url(${tool}includes/css/ie-styles.css);
+</style>
+<![endif]-->
 
 <link href="${tool}includes/css/fckeditor_style.css" rel="stylesheet" type="text/css">
 
@@ -54,4 +58,4 @@
 <script type="text/javascript" src="${lams}includes/javascript/fckcontroller.js"></script>
 <script type="text/javascript" src="${tool}includes/javascript/tabcontroller.js"></script>
 <script type="text/javascript" src="${tool}includes/javascript/xmlrequest.js"></script>
-	
+
Index: lams_tool_chat/web/includes/css/aqua.css
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
--- lams_tool_chat/web/includes/css/aqua.css	(.../aqua.css)	(revision 0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e)
+++ lams_tool_chat/web/includes/css/aqua.css	(.../aqua.css)	(revision 380c7df4490feb08b78bee945acfe846da342b46)
@@ -1,590 +1,665 @@
-/* last mod 2006-06-16-1318  */
-* {
-	margin: 0px;
-	padding: 0px;
-	color: #333;
-}
-
-body {
-	font-size: 11px;
-	font-family: verdana, arial, helvetica, sans-serif;
-	background: url('../images-for-css/page_bg.gif');
-}
-
-.row {
-	voice-family: "\"}\""; /* hide the following rules from IE5 */
-	voice-family: inherit;
-	overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
-}
-
-* html .row {
-	height: 1%;
-}  /* part of the CSS 'clearing hack' */
-h1 {
-	color: #0087e5;
-	font-size: 15px;
-	margin-bottom: 0px;
-	margin-left: 10px;
-	padding-top: 5px;
-}
-
-h4 {
-	color: #47bc23;
-	font-size: 11px;
-}
-
-/*defines when instructions are given and places a blue arrow before the text */
-p.instructions {
-	color: #0087e5;
-	margin-bottom: 0px;
-	margin-top: 0px;;
-	margin-left: 30px;
-	font-weight: bold;
-	background: url('../images-for-css/blue_arrow_right.gif') no-repeat 0 0px;
-	padding-left: 30px;
-	padding-bottom: 10px;
-	font-size: 12px
-}
-
-p {
-	margin-left: 25px;
-	margin-right: 30px;
-	margin-bottom: 18px;
-}
-
-#page { /*whole layout of page*/
-	margin: 25px auto;
-	width: 707px;
-	background: url('../images-for-css/lams_logo.gif') no-repeat right 10px;
-}
-
-#header { /*layout of the header */
-	width: 707px;
-	height: 66px;
-	background: url('../images-for-css/top_bg.jpg') no-repeat bottom;
-}
-
-/* layout of whole navigation section -------------------------------------*/
-#nav { /* layout of box that contains the main navigation */
-	margin-top: 15px;
-	width: auto;
-	height: 40px;
-	margin-left: 4px;
-}
-
-#nav a {
-	color: #0087e5;
-	text-decoration: none;
-	font-size: 12px;
-	font-weight: bold;
-}
-
-#nav a:hover {
-	color: #006bb6;
-	text-decoration: none;
-}
-
-#nav a.selected {
-	color: #333;
-}
-
-/*------------------------------------- TAB STYLES -------------------------------------*/
-.nav-box { /* layout of containers that surround the tab navigation */
-	height: 31px;
-	width: auto;
-	margin-right: 2px;
-	float: left;
-	text-align: center;
-}
-
-.tab-left-selected { /* defines left side of selected tab */
-	height: 31px;
-	width: 8px;
-	background: url('../images-for-css/selected_left.jpg') no-repeat top left;
-	float: left
-}
-
-.tab-middle-selected { /* defines middle of selected tab */
-	height: 31px;
-	width: auto;
-	background: url('../images-for-css/selected_bg.jpg') repeat-x;
-	float: left;
-	width: 90px;
-	padding-left: 5px;
-	padding-right: 5px;
-	padding-top: 8px;
-	padding-bottom: 0px
-}
-
-#nav .tab-middle-link-selected {
-	color: #333333
-}
-
-.tab-right-selected { /* defines right side of selected tab */
-	height: 31px;
-	width: 8px;
-	background: url('../images-for-css/selected_right.jpg') no-repeat top right;;
-	float: left
-}
-
-.tab-left { /* defines left side of selected tab */
-	height: 31px;
-	width: 8px;
-	background: url('../images-for-css/button_left.jpg') no-repeat top left;
-	float: left
-}
-
-.tab-middle { /* defines middle of selected tab */
-	height: 31px;
-	width: auto;
-	background: url('../images-for-css/button_bg.jpg') repeat-x;
-	float: left;
-	width: 90px;
-	padding-left: 5px;
-	padding-right: 5px;
-	padding-top: 8px;
-	padding-bottom: 0px
-}
-
-#nav .tab-middle-link {
-	color: #0087e5
-}
-
-.tab-right { /* defines right side of selected tab */
-	height: 31px;
-	width: 8px;
-	background: url('../images-for-css/button_right.jpg') no-repeat top right;;
-	float: left
-}
-
-/* end of navigation ------------------------------------------------------*/
-#content { /*box around the main content area */
-	width: 707px;
-	background: url('../images-for-css/body_bg.jpg') repeat-y;
-	padding-bottom: 20px;
-	font-size: 11px;
-	margin-top: -5px
-}
-
-/*layout of Links within the content area */
-#content a {
-	color: #47bc23;
-	text-decoration: none;
-	border-bottom: 1px dotted #47bc23;
-}
-
-#content a:hover {
-	color: #47bc23;
-	text-decoration: none;
-	border-bottom: 1px solid #47bc23;
-}
-
-/*layout of a general button*/
-#content a.button {
-	background: url('../images-for-css/btn_off.gif') no-repeat 0px 20px;
-	color: #333;
-	border: 0px none;
-	padding-left: 20px;
-	padding-right: 20px;
-	padding-top: 25px;
-	padding-bottom: 25px
-}
-
-#content a:hover.button {
-	background: url('../images-for-css/btn_over.gif') no-repeat 0px 20px;
-	color: #349018;
-	border: 0px none;
-	padding-left: 20px;
-	padding-right: 20px;
-	padding-top: 25px;
-	padding-bottom: 25px
-}
-
-/*layout of adding a topic button */
-#content a.button-add-item {
-	background: url('../images-for-css/btn_add_off.gif') no-repeat 0px 20px;
-	color: #333;
-	border: 0px none;
-	padding-left: 25px;
-	padding-right: 15px;
-	padding-top: 25px;
-	padding-bottom: 25px
-}
-
-#content a:hover.button-add-item {
-	background: url('../images-for-css/btn_add_over.gif') no-repeat 0px 20px;
-	color: #349018;
-	border: 0px none;
-	padding-left: 25px;
-	padding-right: 15px;
-	padding-top: 25px;
-	padding-bottom: 25px
-}
-
-/*layout of html editor button */
-#content a.button-html-editor {
-	background: url('../images-for-css/btn_htmled_off.gif') no-repeat 0px 20px;
-	color: #666;
-	border: 0px none;
-	padding-left: 28px;
-	padding-right: 15px;
-	padding-top: 25px;
-	padding-bottom: 25px
-}
-
-#content a:hover.button-html-editor {
-	background: url('../images-for-css/btn_htmled_off.gif') no-repeat 0px 20px;
-	color: #333;
-	border: 0px none;
-	padding-left: 28px;
-	padding-right: 15px;
-	padding-top: 25px;
-	padding-bottom: 25px
-}
-
-.box {
-	display: none;
-	min-height: 100px;
-}
-
-#footer { /*layout of the footer - the bottom of the box */
-	width: 707px;
-	height: 14px;
-	background: url('../images-for-css/footer_bg.jpg') no-repeat bottom;
-}
-
-/*layout of the table with the alternate color for the table heading cell */
-table.alternative-color {
-	width: 695px;
-	margin-left: 7px;
-	margin-top: 25px;
-	margin-bottom: 30px;;
-	background: url('../images-for-css/greyfade_bg.jpg') no-repeat 3px 32px;
-	text-align: left
-}
-
-table.alternative-color th {
-	background: url('../images-for-css/green_bg.jpg') repeat-x;
-	height: 30px;
-	color: #47bc23;
-	padding-left: 15px;
-	border-left: 1px solid #cacdd1;
-	border-right: 1px solid #fff;
-	font-size: 12px;
-}
-
-table.alternative-color td {
-	padding-left: 20px;
-	font-size: 11px;
-	border-bottom: 1px solid #efefef;
-	vertical-align: middle;
-}
-
-table.alternative-color td.first,table.alternative-color th.first {
-	border-left: none;
-	padding-left: 20px;
-}
-
-/*layout of the table with form elements */
-table {
-	width: 695px;
-	margin-left: 7px;
-	text-align: left;
-}
-
-td {
-	padding: 10px;
-	padding-right: 5px;
-	font-size: 12px;
-}
-
-/*layout of button in table */
-td p.button {
-	margin: 0px;
-	padding: 10px 10px 10px 0px;
-	font-size: 11px;
-}
-
-/* */ /*layout of form styles */
-.field-name {
-	color: #0087e5;
-	font-weight: bold;
-	text-align: right;
-}
-
-.field-name-alternative-color {
-	color: #47bc23;
-	font-weight: bold;
-	text-align: right;
-}
-
-input {
-	border: 1px solid #c1c1c1;
-	padding: 2px;
-}
-
-textarea {
-	border: 1px solid #c1c1c1;;
-	padding: 2px;
-}
-
-.noBorder {
-	border: none;
-}
-
-/*misc styles*/
-.space-right {
-	margin-right: 10px;
-}
-
-.space-left {
-	margin-left: 10px;
-}
-
-.space-bottom {
-	margin-bottom: 40px;
-}
-
-hr {
-	border: none 0;
-	border-top: 1px solid #ccc;
-	width: 650px;
-	height: 1px;
-	margin: 15px 25px 10px 25px;
-}
-
-/* Warning message style */
-.warning {
-	color: #cc0000;
-	padding: 10px;
-	padding-left: 35px;
-	margin-top: 5px;
-	text-align: left;
-	font-weight: normal;
-	background: url('../images-for-css/warning.gif') no-repeat #ffeae0 10px 8px;
-	width: 72%
-}
-/* NOTE1 START : the following labels are not contained in the new css*/ /***********************************************************************
-h2 {
-	font-size: small;
-	border-bottom-style: solid;
-	border-bottom-width: 1px;
-	border-bottom-color: #666666;
-	margin-bottom: 1px;
-}
-
-th {
-	font-size: small;
-	color: #ffffff;
-	background-color: #075a8b;
-	text-align: left;
-}
-
-.formtablecontainer {
-	text-align: center;
-}
-
-.datatablecontainer {
-	width: 100%;
-}
-
-.buttoncontainer {
-	
-}
-
-input,select,textarea {
-	font-family: 'verdana', 'arial', 'helvetica', sans-serif;
-	font-size: small;
-}
-
-.forms {
-	border: 1px solid #999999;
-	font-size: small;
-	font-style: normal;
-	width: 100%;
-}
-
-.formlabel {
-	font-size: small;
-	font-style: normal;
-	text-align: right;
-	width: 20%;
-}
-
-.formcontrol {
-	font-size: small;
-	font-style: normal;
-	text-align: left;
-}
-
-.error {
-	font-size: small;
-	color: red;
-	font-style: normal;
-	text-align: left;
-}
-***********************************************************************/ /* NOTE1 END */ /********* tab styles **********/ /*tab styles*/ /* *****************************************************************************
-.tab {
-	text-align: center;
-}
-
-.tab a {
-	font-size: 11px;
-	color: #000000;
-	text-decoration: none;
-}
-
-.tab a:hover {
-	font-size: 11px;
-	color: #000000;
-	text-decoration: underline
-}
-
-.tabcentre {
-	background-image: url(../images/aqua_tab_centre.gif);
-	background-repeat: repeat-x;
-}
-
-.tabcentre_selected {
-	background-image: url(../images/aqua_tab_s_centre.gif);
-	background-repeat: repeat-x;
-}
-
-.tabcentre_inactive {
-	background-image: url(../images/aqua_tab_i_centre.gif);
-	background-repeat: repeat-x;
-}
-
-
- *********************************************************************** */ /** Non Selected tab style **/ /* **********************************************************************
-.tableft td {
-	background: url(../images/aqua_tab_left.gif) no-repeat;
-}
-
-.tabright td {
-	background: url(../images/aqua_tab_right.gif) no-repeat;
-}
-
-
-*********************************************************************** */ /** Selected tab style **/ /* *********************************************************************
-.tableft_selected td {
-	background: url(../images/aqua_tab_s_left.gif) no-repeat;
-}
-
-.tableft_inactive td {
-	background: url(../images/aqua_tab_i_left.gif) no-repeat;
-}
-
-.tabright_selected td {
-	background: url(../images/aqua_tab_s_right.gif) no-repeat;
-}
-
-.tabright_inactive td {
-	background: url(../images/aqua_tab_i_right.gif) no-repeat;
-}
-
-*************************************************************************/ /*Tab content containers*/ /* ***********************************************************************
-.tabbody {
-	width: 98%;
-	background-color: #d9e8ff;
-	float: left;
-	margin: 0px 0px 0px 0px;
-	border-right-width: 1px;
-	border-left-width: 1px;
-	border-right-style: solid;
-	border-left-style: solid;
-	border-right-color: #0d3f59;
-	border-left-color: #0d3f59;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: #0d3f59;
-	padding: 5px;
-}
-***********************************************************************/ /*specific styles for the content divs of the tabs*/ /***********************************************************************
-.content_b {
-	z-index: 0;
-	position: relative;
-	visibility: visible;
-}
-
-.content_a {
-	z-index: 0;
-	position: absolute;
-	visibility: hidden;
-}
-
-.content_i {
-	z-index: 0;
-	position: absolute;
-	visibility: hidden;
-}
-
-***********************************************************************/ /*end tabs*/ /***********************************************************************
-a.button {
-	float: right;
-	font-size: 12px;
-	color: #000000;
-	text-decoration: none;
-	text-align: center;
-	background-color: #b4c8fe;
-	margin: 2px 5px 2px 5px;
-	padding: 3px;
-	width: 80px;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	border-bottom-width: 1px;
-	border-left-width: 1px;
-	border-top-style: solid;
-	border-right-style: solid;
-	border-bottom-style: solid;
-	border-left-style: solid;
-	border-top-color: #ffffff;
-	border-right-color: #0d3f59;
-	border-bottom-color: #0d3f59;
-	border-left-color: #ffffff;
-}
-
-a.button:link {
-	color: #000000;
-	text-decoration: none;
-	background-color: #b4c8fe;
-}
-
-a.button:visited {
-	color: #000000;
-	text-decoration: none;
-	background-color: #b4c8fe;
-}
-
-a.button:hover {
-	text-decoration: none;
-	background-color: #ffffff;
-}
-
-a.button:active {
-	text-decoration: none;
-	background-color: #cccccc;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	border-bottom-width: 1px;
-	border-left-width: 1px;
-	border-top-style: solid;
-	border-right-style: solid;
-	border-bottom-style: solid;
-	border-left-style: solid;
-	border-bottom-color: #ffffff;
-	border-left-color: #0d3f59;
-	border-top-color: #0d3f59;
-	border-right-color: #ffffff;
-}
-
-***********************************************************************/ /* For  <input type="button"> style */ /***********************************************************************
-.buttonStyle {
-	font-size: 12px;
-	color: #000000;
-	text-decoration: none;
-	text-align: center;
-	background-color: #b4c8fe;
-}
-
+/* last mod 2006-06-16-1318  */
+* {
+	margin: 0px;
+	padding: 0px;
+	color: #333;
+}
+
+body {
+	font-size: 11px;
+	font-family: verdana, arial, helvetica, sans-serif;
+	background: url('../images-for-css/page_bg.gif');
+	line-height:16px;
+}
+
+.row {
+	voice-family: "\"}\""; /* hide the following rules from IE5 */
+	voice-family: inherit;
+	overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
+}
+
+* html .row {
+	height: 1%;
+}  /* part of the CSS 'clearing hack' */
+
+
+h1 {
+	color:#0087e5; 
+	font-size:15px; 
+	margin-bottom:0px; 
+	margin-left:10px; 
+	padding-top:5px; }
+
+
+/*when there are no tabs at the top of the page */
+h1.no-tabs-below {
+	color:#0087e5; 
+	font-size:16px; 
+	margin-bottom:0px; 
+	margin-left:10px; 
+	padding-top:25px; }
+
+h2 {color:#47bc23; 
+	font-size:14px; 
+	margin-left:25px; 
+	margin-bottom:0px; }
+
+
+h4 {color:#47bc23; font-size:11px;}
+
+/*defines when instructions are given and places a blue arrow before the text */
+p.instructions {
+	color: #0087e5;
+	margin-bottom: 0px;
+	margin-top: 0px;;
+	margin-left: 30px;
+	font-weight: bold;
+	background: url('../images-for-css/blue_arrow_right.gif') no-repeat 0 0px;
+	padding-left: 30px;
+	padding-bottom: 10px;
+	font-size: 12px
+}
+
+p {
+	margin-left: 25px;
+	margin-right: 30px;
+	margin-bottom: 18px;
+}
+
+#page { /*whole layout of page*/
+	margin: 25px auto;
+	width: 707px;
+	background: url('../images-for-css/lams_logo.gif') no-repeat right 10px;
+	
+	
+}
+
+#header { /*layout of the header */
+	width: 707px;
+	height: 49px;
+	background: url('../images-for-css/top_bg.jpg') no-repeat bottom;
+}
+
+#header-no-tabs { /*layout of the header  when no-tabs are required */
+width:707px; height:40px; background:url('../images-for-css/top_bg.jpg') no-repeat bottom; }
+
+
+
+/* layout of whole navigation section -------------------------------------*/
+#nav { /* layout of box that contains the main navigation */
+	margin-top: 15px;
+	width: auto;
+	height: 40px;
+	margin-left: 4px;
+	
+}
+
+#nav a {
+	color: #0087e5;
+	text-decoration: none;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+#nav a:hover {
+	color: #006bb6;
+	text-decoration: none;
+}
+
+#nav a.selected {
+	color: #333;
+}
+
+/*------------------------------------- TAB STYLES -------------------------------------*/
+.nav-box { /* layout of containers that surround the tab navigation */
+	height: 31px;
+	width: auto;
+	margin-right: 2px;
+	float: left;
+	text-align: center;
+}
+
+.tab-left-selected { /* defines left side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/selected_left.jpg') no-repeat top left;
+	float: left
+}
+
+.tab-middle-selected { /* defines middle of selected tab */
+	height: 31px;
+	width: auto;
+	background: url('../images-for-css/selected_bg.jpg') repeat-x;
+	float: left;
+	width: 90px;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 8px;
+	padding-bottom: 0px
+}
+
+#nav .tab-middle-link-selected {
+	color: #333333
+}
+
+.tab-right-selected { /* defines right side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/selected_right.jpg') no-repeat top right;;
+	float: left
+}
+
+.tab-left { /* defines left side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/button_left.jpg') no-repeat top left;
+	float: left
+}
+
+.tab-middle { /* defines middle of selected tab */
+	height: 31px;
+	width: auto;
+	background: url('../images-for-css/button_bg.jpg') repeat-x;
+	float: left;
+	width: 90px;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 8px;
+	padding-bottom: 0px
+}
+
+#nav .tab-middle-link {
+	color: #0087e5
+}
+
+.tab-right { /* defines right side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/button_right.jpg') no-repeat top right;;
+	float: left
+}
+
+/* end of navigation ------------------------------------------------------*/
+#content { /*box around the main content area */
+	width: 707px;
+	background: url('../images-for-css/body_bg.jpg') repeat-y;
+	padding-bottom: 20px;
+	font-size: 11px;
+	margin-top: -5px
+	
+}
+
+/*layout of Links within the content area */
+#content a {
+	color: #47bc23;
+	text-decoration: none;
+	border-bottom: 1px dotted #47bc23;
+}
+
+#content a:hover {
+	color: #47bc23;
+	text-decoration: none;
+	border-bottom: 1px solid #47bc23;
+}
+
+/*layout of a general button*/
+#content a.button {
+	background: url('../images-for-css/btn_off.gif') no-repeat 0px 20px;
+	color: #333;
+	border: 0px none;
+	padding-left: 20px;
+	padding-right: 20px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+#content a:hover.button {
+	background: url('../images-for-css/btn_over.gif') no-repeat 0px 20px;
+	color: #349018;
+	border: 0px none;
+	padding-left: 20px;
+	padding-right: 20px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+/*layout of adding a topic button */
+#content a.button-add-item {
+	background: url('../images-for-css/btn_add_off.gif') no-repeat 0px 20px;
+	color: #333;
+	border: 0px none;
+	padding-left: 25px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+#content a:hover.button-add-item {
+	background: url('../images-for-css/btn_add_over.gif') no-repeat 0px 20px;
+	color: #349018;
+	border: 0px none;
+	padding-left: 25px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+/*layout of html editor button */
+#content a.button-html-editor {
+	background: url('../images-for-css/btn_htmled_off.gif') no-repeat 0px 20px;
+	color: #666;
+	border: 0px none;
+	padding-left: 28px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+#content a:hover.button-html-editor {
+	background: url('../images-for-css/btn_htmled_off.gif') no-repeat 0px 20px;
+	color: #333;
+	border: 0px none;
+	padding-left: 28px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+.box {
+	display: none;
+	min-height: 100px;
+}
+
+#footer { /*layout of the footer - the bottom of the box */
+	width: 707px;
+	height: 14px;
+	background: url('../images-for-css/footer_bg.jpg') no-repeat bottom;
+}
+
+/*layout of the table with the alternate color for the table heading cell */
+table.alternative-color {
+	 width:695px; 
+	 margin-left:7px; 
+	 padding-top:20px; 
+	 margin-bottom:30px;
+	 text-align:left;
+}
+
+table.alternative-color th {
+	background: url('../images-for-css/green_bg.jpg') repeat-x;
+	height: 30px;
+	color: #47bc23;
+	padding-left: 15px;
+	border-left: 1px solid #cacdd1;
+	border-right: 1px solid #fff;
+	font-size: 12px;
+}
+
+table.alternative-color td {
+	padding-left: 20px;
+	font-size: 11px;
+	border-bottom: 1px solid #efefef;
+	vertical-align: middle;
+	background:url('../images-for-css/greyfade_bg.jpg') repeat-x 3px 1px
+}
+
+table.alternative-color td.first,table.alternative-color th.first {
+	border-left: none;
+	padding-left: 20px;
+}
+
+
+/*layout of the forum tables with the colored table heading cell */
+table.forum { 
+	width:98%; 
+	margin-left:7px; 
+	padding-top:5px; 
+	margin-bottom:10px;
+	background:url('../images-for-css/greyfade_bg.jpg') repeat-x 3px 49px; 
+	text-align:left; 
+	border-bottom:1px solid #efefef;}
+
+table.forum th { 
+	background: url('../images-for-css/forum_th_bg.jpg') repeat-x #f0f5df; 
+	height:20px; 
+	padding-top:5px; 
+	color:#47bc23; 
+	padding-left:15px; 
+	border-left:1px solid #cacdd1;  
+	font-size:12px; 
+	vertical-align:middle;
+}
+
+table.forum td.posted-by {
+	background: url('../images-for-css/forum_postedby_bg.jpg') repeat-x; 
+	height:20px; 
+	padding-left:20px; 
+	font-size:10px;
+	vertical-align:top; 
+	padding-top:0px; 
+}
+
+
+table.forum td {
+	padding-left:20px; 
+	font-size:11px; 
+	vertical-align:top; 
+}
+table.forum td.first, table.forum th.first {
+	border-left:none; 
+	padding-left:20px;
+}
+
+
+
+/*layout of the table with form elements */
+
+table { 
+	 width:695px;
+	 margin-left:7px; 
+	 text-align:left; 
+	 }
+
+td { 
+	padding:10px; 
+	font-size:12px;
+}
+
+td p{ 
+	padding:10px; 
+	font-size:12px; 
+	line-height:18px;
+}
+
+/*layout of button in table */
+td p.button{
+	margin:0px; 
+	padding:10px 10px 10px 0px; 
+	font-size:11px;
+}
+
+
+
+/* */ /*layout of form styles */
+.field-name {
+	color: #0087e5;
+	font-weight: bold;
+	text-align: right;
+}
+
+.field-name-alternative-color {
+	color: #47bc23;
+	font-weight: bold;
+	text-align: right;
+}
+
+input {
+	border: 1px solid #c1c1c1;
+	padding: 2px;
+}
+
+textarea {
+	border: 1px solid #c1c1c1;
+	padding: 2px;
+}
+
+.noBorder {
+	border: none;
+}
+
+/*misc styles*/
+.space-right {
+	margin-right: 10px;
+}
+
+.space-left {
+	margin-left: 10px;
+}
+
+.space-bottom {
+	margin-bottom: 40px;
+}
+
+hr {
+	border: none 0;
+	border-top: 1px solid #ccc;
+	width: 650px;
+	height: 1px;
+	margin: 15px 25px 10px 25px;
+}
+
+/* Warning message style */
+.warning {
+	color: #cc0000;
+	padding: 10px;
+	padding-left: 35px;
+	margin-top: 5px;
+	text-align: left;
+	font-weight: normal;
+	background: url('../images-for-css/warning.gif') no-repeat #ffeae0 10px 8px;
+	width: 72%
+}
+/* NOTE1 START : the following labels are not contained in the new css*/ /***********************************************************************
+h2 {
+	font-size: small;
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+	border-bottom-color: #666666;
+	margin-bottom: 1px;
+}
+
+th {
+	font-size: small;
+	color: #ffffff;
+	background-color: #075a8b;
+	text-align: left;
+}
+
+.formtablecontainer {
+	text-align: center;
+}
+
+.datatablecontainer {
+	width: 100%;
+}
+
+.buttoncontainer {
+	
+}
+
+input,select,textarea {
+	font-family: 'verdana', 'arial', 'helvetica', sans-serif;
+	font-size: small;
+}
+
+.forms {
+	border: 1px solid #999999;
+	font-size: small;
+	font-style: normal;
+	width: 100%;
+}
+
+.formlabel {
+	font-size: small;
+	font-style: normal;
+	text-align: right;
+	width: 20%;
+}
+
+.formcontrol {
+	font-size: small;
+	font-style: normal;
+	text-align: left;
+}
+
+.error {
+	font-size: small;
+	color: red;
+	font-style: normal;
+	text-align: left;
+}
+***********************************************************************/ /* NOTE1 END */ /********* tab styles **********/ /*tab styles*/ /* *****************************************************************************
+.tab {
+	text-align: center;
+}
+
+.tab a {
+	font-size: 11px;
+	color: #000000;
+	text-decoration: none;
+}
+
+.tab a:hover {
+	font-size: 11px;
+	color: #000000;
+	text-decoration: underline
+}
+
+.tabcentre {
+	background-image: url(../images/aqua_tab_centre.gif);
+	background-repeat: repeat-x;
+}
+
+.tabcentre_selected {
+	background-image: url(../images/aqua_tab_s_centre.gif);
+	background-repeat: repeat-x;
+}
+
+.tabcentre_inactive {
+	background-image: url(../images/aqua_tab_i_centre.gif);
+	background-repeat: repeat-x;
+}
+
+
+ *********************************************************************** */ /** Non Selected tab style **/ /* **********************************************************************
+.tableft td {
+	background: url(../images/aqua_tab_left.gif) no-repeat;
+}
+
+.tabright td {
+	background: url(../images/aqua_tab_right.gif) no-repeat;
+}
+
+
+*********************************************************************** */ /** Selected tab style **/ /* *********************************************************************
+.tableft_selected td {
+	background: url(../images/aqua_tab_s_left.gif) no-repeat;
+}
+
+.tableft_inactive td {
+	background: url(../images/aqua_tab_i_left.gif) no-repeat;
+}
+
+.tabright_selected td {
+	background: url(../images/aqua_tab_s_right.gif) no-repeat;
+}
+
+.tabright_inactive td {
+	background: url(../images/aqua_tab_i_right.gif) no-repeat;
+}
+
+*************************************************************************/ /*Tab content containers*/ /* ***********************************************************************
+.tabbody {
+	width: 98%;
+	background-color: #d9e8ff;
+	float: left;
+	margin: 0px 0px 0px 0px;
+	border-right-width: 1px;
+	border-left-width: 1px;
+	border-right-style: solid;
+	border-left-style: solid;
+	border-right-color: #0d3f59;
+	border-left-color: #0d3f59;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #0d3f59;
+	padding: 5px;
+}
+***********************************************************************/ /*specific styles for the content divs of the tabs*/ /***********************************************************************
+.content_b {
+	z-index: 0;
+	position: relative;
+	visibility: visible;
+}
+
+.content_a {
+	z-index: 0;
+	position: absolute;
+	visibility: hidden;
+}
+
+.content_i {
+	z-index: 0;
+	position: absolute;
+	visibility: hidden;
+}
+
+***********************************************************************/ /*end tabs*/ /***********************************************************************
+a.button {
+	float: right;
+	font-size: 12px;
+	color: #000000;
+	text-decoration: none;
+	text-align: center;
+	background-color: #b4c8fe;
+	margin: 2px 5px 2px 5px;
+	padding: 3px;
+	width: 80px;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ffffff;
+	border-right-color: #0d3f59;
+	border-bottom-color: #0d3f59;
+	border-left-color: #ffffff;
+}
+
+a.button:link {
+	color: #000000;
+	text-decoration: none;
+	background-color: #b4c8fe;
+}
+
+a.button:visited {
+	color: #000000;
+	text-decoration: none;
+	background-color: #b4c8fe;
+}
+
+a.button:hover {
+	text-decoration: none;
+	background-color: #ffffff;
+}
+
+a.button:active {
+	text-decoration: none;
+	background-color: #cccccc;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-bottom-color: #ffffff;
+	border-left-color: #0d3f59;
+	border-top-color: #0d3f59;
+	border-right-color: #ffffff;
+}
+
+***********************************************************************/ /* For  <input type="button"> style */ /***********************************************************************
+.buttonStyle {
+	font-size: 12px;
+	color: #000000;
+	text-decoration: none;
+	text-align: center;
+	background-color: #b4c8fe;
+}
+
 ***********************************************************************/
\ No newline at end of file
Index: lams_tool_chat/web/includes/css/aqua_old.css
===================================================================
diff -u
--- lams_tool_chat/web/includes/css/aqua_old.css	(revision 0)
+++ lams_tool_chat/web/includes/css/aqua_old.css	(revision 380c7df4490feb08b78bee945acfe846da342b46)
@@ -0,0 +1,590 @@
+/* last mod 2006-06-16-1318  */
+* {
+	margin: 0px;
+	padding: 0px;
+	color: #333;
+}
+
+body {
+	font-size: 11px;
+	font-family: verdana, arial, helvetica, sans-serif;
+	background: url('../images-for-css/page_bg.gif');
+}
+
+.row {
+	voice-family: "\"}\""; /* hide the following rules from IE5 */
+	voice-family: inherit;
+	overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
+}
+
+* html .row {
+	height: 1%;
+}  /* part of the CSS 'clearing hack' */
+h1 {
+	color: #0087e5;
+	font-size: 15px;
+	margin-bottom: 0px;
+	margin-left: 10px;
+	padding-top: 5px;
+}
+
+h4 {
+	color: #47bc23;
+	font-size: 11px;
+}
+
+/*defines when instructions are given and places a blue arrow before the text */
+p.instructions {
+	color: #0087e5;
+	margin-bottom: 0px;
+	margin-top: 0px;;
+	margin-left: 30px;
+	font-weight: bold;
+	background: url('../images-for-css/blue_arrow_right.gif') no-repeat 0 0px;
+	padding-left: 30px;
+	padding-bottom: 10px;
+	font-size: 12px
+}
+
+p {
+	margin-left: 25px;
+	margin-right: 30px;
+	margin-bottom: 18px;
+}
+
+#page { /*whole layout of page*/
+	margin: 25px auto;
+	width: 707px;
+	background: url('../images-for-css/lams_logo.gif') no-repeat right 10px;
+}
+
+#header { /*layout of the header */
+	width: 707px;
+	height: 66px;
+	background: url('../images-for-css/top_bg.jpg') no-repeat bottom;
+}
+
+/* layout of whole navigation section -------------------------------------*/
+#nav { /* layout of box that contains the main navigation */
+	margin-top: 15px;
+	width: auto;
+	height: 40px;
+	margin-left: 4px;
+}
+
+#nav a {
+	color: #0087e5;
+	text-decoration: none;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+#nav a:hover {
+	color: #006bb6;
+	text-decoration: none;
+}
+
+#nav a.selected {
+	color: #333;
+}
+
+/*------------------------------------- TAB STYLES -------------------------------------*/
+.nav-box { /* layout of containers that surround the tab navigation */
+	height: 31px;
+	width: auto;
+	margin-right: 2px;
+	float: left;
+	text-align: center;
+}
+
+.tab-left-selected { /* defines left side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/selected_left.jpg') no-repeat top left;
+	float: left
+}
+
+.tab-middle-selected { /* defines middle of selected tab */
+	height: 31px;
+	width: auto;
+	background: url('../images-for-css/selected_bg.jpg') repeat-x;
+	float: left;
+	width: 90px;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 8px;
+	padding-bottom: 0px
+}
+
+#nav .tab-middle-link-selected {
+	color: #333333
+}
+
+.tab-right-selected { /* defines right side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/selected_right.jpg') no-repeat top right;;
+	float: left
+}
+
+.tab-left { /* defines left side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/button_left.jpg') no-repeat top left;
+	float: left
+}
+
+.tab-middle { /* defines middle of selected tab */
+	height: 31px;
+	width: auto;
+	background: url('../images-for-css/button_bg.jpg') repeat-x;
+	float: left;
+	width: 90px;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 8px;
+	padding-bottom: 0px
+}
+
+#nav .tab-middle-link {
+	color: #0087e5
+}
+
+.tab-right { /* defines right side of selected tab */
+	height: 31px;
+	width: 8px;
+	background: url('../images-for-css/button_right.jpg') no-repeat top right;;
+	float: left
+}
+
+/* end of navigation ------------------------------------------------------*/
+#content { /*box around the main content area */
+	width: 707px;
+	background: url('../images-for-css/body_bg.jpg') repeat-y;
+	padding-bottom: 20px;
+	font-size: 11px;
+	margin-top: -5px
+}
+
+/*layout of Links within the content area */
+#content a {
+	color: #47bc23;
+	text-decoration: none;
+	border-bottom: 1px dotted #47bc23;
+}
+
+#content a:hover {
+	color: #47bc23;
+	text-decoration: none;
+	border-bottom: 1px solid #47bc23;
+}
+
+/*layout of a general button*/
+#content a.button {
+	background: url('../images-for-css/btn_off.gif') no-repeat 0px 20px;
+	color: #333;
+	border: 0px none;
+	padding-left: 20px;
+	padding-right: 20px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+#content a:hover.button {
+	background: url('../images-for-css/btn_over.gif') no-repeat 0px 20px;
+	color: #349018;
+	border: 0px none;
+	padding-left: 20px;
+	padding-right: 20px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+/*layout of adding a topic button */
+#content a.button-add-item {
+	background: url('../images-for-css/btn_add_off.gif') no-repeat 0px 20px;
+	color: #333;
+	border: 0px none;
+	padding-left: 25px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+#content a:hover.button-add-item {
+	background: url('../images-for-css/btn_add_over.gif') no-repeat 0px 20px;
+	color: #349018;
+	border: 0px none;
+	padding-left: 25px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+/*layout of html editor button */
+#content a.button-html-editor {
+	background: url('../images-for-css/btn_htmled_off.gif') no-repeat 0px 20px;
+	color: #666;
+	border: 0px none;
+	padding-left: 28px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+#content a:hover.button-html-editor {
+	background: url('../images-for-css/btn_htmled_off.gif') no-repeat 0px 20px;
+	color: #333;
+	border: 0px none;
+	padding-left: 28px;
+	padding-right: 15px;
+	padding-top: 25px;
+	padding-bottom: 25px
+}
+
+.box {
+	display: none;
+	min-height: 100px;
+}
+
+#footer { /*layout of the footer - the bottom of the box */
+	width: 707px;
+	height: 14px;
+	background: url('../images-for-css/footer_bg.jpg') no-repeat bottom;
+}
+
+/*layout of the table with the alternate color for the table heading cell */
+table.alternative-color {
+	width: 695px;
+	margin-left: 7px;
+	margin-top: 25px;
+	margin-bottom: 30px;;
+	background: url('../images-for-css/greyfade_bg.jpg') no-repeat 3px 32px;
+	text-align: left
+}
+
+table.alternative-color th {
+	background: url('../images-for-css/green_bg.jpg') repeat-x;
+	height: 30px;
+	color: #47bc23;
+	padding-left: 15px;
+	border-left: 1px solid #cacdd1;
+	border-right: 1px solid #fff;
+	font-size: 12px;
+}
+
+table.alternative-color td {
+	padding-left: 20px;
+	font-size: 11px;
+	border-bottom: 1px solid #efefef;
+	vertical-align: middle;
+}
+
+table.alternative-color td.first,table.alternative-color th.first {
+	border-left: none;
+	padding-left: 20px;
+}
+
+/*layout of the table with form elements */
+table {
+	width: 695px;
+	margin-left: 7px;
+	text-align: left;
+}
+
+td {
+	padding: 10px;
+	padding-right: 5px;
+	font-size: 12px;
+}
+
+/*layout of button in table */
+td p.button {
+	margin: 0px;
+	padding: 10px 10px 10px 0px;
+	font-size: 11px;
+}
+
+/* */ /*layout of form styles */
+.field-name {
+	color: #0087e5;
+	font-weight: bold;
+	text-align: right;
+}
+
+.field-name-alternative-color {
+	color: #47bc23;
+	font-weight: bold;
+	text-align: right;
+}
+
+input {
+	border: 1px solid #c1c1c1;
+	padding: 2px;
+}
+
+textarea {
+	border: 1px solid #c1c1c1;;
+	padding: 2px;
+}
+
+.noBorder {
+	border: none;
+}
+
+/*misc styles*/
+.space-right {
+	margin-right: 10px;
+}
+
+.space-left {
+	margin-left: 10px;
+}
+
+.space-bottom {
+	margin-bottom: 40px;
+}
+
+hr {
+	border: none 0;
+	border-top: 1px solid #ccc;
+	width: 650px;
+	height: 1px;
+	margin: 15px 25px 10px 25px;
+}
+
+/* Warning message style */
+.warning {
+	color: #cc0000;
+	padding: 10px;
+	padding-left: 35px;
+	margin-top: 5px;
+	text-align: left;
+	font-weight: normal;
+	background: url('../images-for-css/warning.gif') no-repeat #ffeae0 10px 8px;
+	width: 72%
+}
+/* NOTE1 START : the following labels are not contained in the new css*/ /***********************************************************************
+h2 {
+	font-size: small;
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+	border-bottom-color: #666666;
+	margin-bottom: 1px;
+}
+
+th {
+	font-size: small;
+	color: #ffffff;
+	background-color: #075a8b;
+	text-align: left;
+}
+
+.formtablecontainer {
+	text-align: center;
+}
+
+.datatablecontainer {
+	width: 100%;
+}
+
+.buttoncontainer {
+	
+}
+
+input,select,textarea {
+	font-family: 'verdana', 'arial', 'helvetica', sans-serif;
+	font-size: small;
+}
+
+.forms {
+	border: 1px solid #999999;
+	font-size: small;
+	font-style: normal;
+	width: 100%;
+}
+
+.formlabel {
+	font-size: small;
+	font-style: normal;
+	text-align: right;
+	width: 20%;
+}
+
+.formcontrol {
+	font-size: small;
+	font-style: normal;
+	text-align: left;
+}
+
+.error {
+	font-size: small;
+	color: red;
+	font-style: normal;
+	text-align: left;
+}
+***********************************************************************/ /* NOTE1 END */ /********* tab styles **********/ /*tab styles*/ /* *****************************************************************************
+.tab {
+	text-align: center;
+}
+
+.tab a {
+	font-size: 11px;
+	color: #000000;
+	text-decoration: none;
+}
+
+.tab a:hover {
+	font-size: 11px;
+	color: #000000;
+	text-decoration: underline
+}
+
+.tabcentre {
+	background-image: url(../images/aqua_tab_centre.gif);
+	background-repeat: repeat-x;
+}
+
+.tabcentre_selected {
+	background-image: url(../images/aqua_tab_s_centre.gif);
+	background-repeat: repeat-x;
+}
+
+.tabcentre_inactive {
+	background-image: url(../images/aqua_tab_i_centre.gif);
+	background-repeat: repeat-x;
+}
+
+
+ *********************************************************************** */ /** Non Selected tab style **/ /* **********************************************************************
+.tableft td {
+	background: url(../images/aqua_tab_left.gif) no-repeat;
+}
+
+.tabright td {
+	background: url(../images/aqua_tab_right.gif) no-repeat;
+}
+
+
+*********************************************************************** */ /** Selected tab style **/ /* *********************************************************************
+.tableft_selected td {
+	background: url(../images/aqua_tab_s_left.gif) no-repeat;
+}
+
+.tableft_inactive td {
+	background: url(../images/aqua_tab_i_left.gif) no-repeat;
+}
+
+.tabright_selected td {
+	background: url(../images/aqua_tab_s_right.gif) no-repeat;
+}
+
+.tabright_inactive td {
+	background: url(../images/aqua_tab_i_right.gif) no-repeat;
+}
+
+*************************************************************************/ /*Tab content containers*/ /* ***********************************************************************
+.tabbody {
+	width: 98%;
+	background-color: #d9e8ff;
+	float: left;
+	margin: 0px 0px 0px 0px;
+	border-right-width: 1px;
+	border-left-width: 1px;
+	border-right-style: solid;
+	border-left-style: solid;
+	border-right-color: #0d3f59;
+	border-left-color: #0d3f59;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #0d3f59;
+	padding: 5px;
+}
+***********************************************************************/ /*specific styles for the content divs of the tabs*/ /***********************************************************************
+.content_b {
+	z-index: 0;
+	position: relative;
+	visibility: visible;
+}
+
+.content_a {
+	z-index: 0;
+	position: absolute;
+	visibility: hidden;
+}
+
+.content_i {
+	z-index: 0;
+	position: absolute;
+	visibility: hidden;
+}
+
+***********************************************************************/ /*end tabs*/ /***********************************************************************
+a.button {
+	float: right;
+	font-size: 12px;
+	color: #000000;
+	text-decoration: none;
+	text-align: center;
+	background-color: #b4c8fe;
+	margin: 2px 5px 2px 5px;
+	padding: 3px;
+	width: 80px;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-top-color: #ffffff;
+	border-right-color: #0d3f59;
+	border-bottom-color: #0d3f59;
+	border-left-color: #ffffff;
+}
+
+a.button:link {
+	color: #000000;
+	text-decoration: none;
+	background-color: #b4c8fe;
+}
+
+a.button:visited {
+	color: #000000;
+	text-decoration: none;
+	background-color: #b4c8fe;
+}
+
+a.button:hover {
+	text-decoration: none;
+	background-color: #ffffff;
+}
+
+a.button:active {
+	text-decoration: none;
+	background-color: #cccccc;
+	border-top-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-top-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-bottom-color: #ffffff;
+	border-left-color: #0d3f59;
+	border-top-color: #0d3f59;
+	border-right-color: #ffffff;
+}
+
+***********************************************************************/ /* For  <input type="button"> style */ /***********************************************************************
+.buttonStyle {
+	font-size: 12px;
+	color: #000000;
+	text-decoration: none;
+	text-align: center;
+	background-color: #b4c8fe;
+}
+
+***********************************************************************/
\ No newline at end of file
Index: lams_tool_chat/web/includes/css/ie-styles.css
===================================================================
diff -u
--- lams_tool_chat/web/includes/css/ie-styles.css	(revision 0)
+++ lams_tool_chat/web/includes/css/ie-styles.css	(revision 380c7df4490feb08b78bee945acfe846da342b46)
@@ -0,0 +1,6 @@
+/* style for IE - controls the  height difference display problems in IE */
+
+#header { /*layout of the header */
+	width:707px; 
+	height:64px; 
+	background:url(../images/top_bg.jpg) no-repeat bottom;}
\ No newline at end of file
Index: lams_tool_chat/web/includes/images-for-css/btn_add_off.gif
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/btn_add_over.gif
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/btn_htmled_off.gif
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/btn_off.gif
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/btn_over.gif
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/button_bg.gif
===================================================================
diff -u
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/forum_postedby_bg.jpg
===================================================================
diff -u
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/forum_th_bg.jpg
===================================================================
diff -u
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/greyfade_bg.jpg
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/selected_bg.jpg
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/selected_left.jpg
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/selected_right.jpg
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/top_bg.gif
===================================================================
diff -u
Binary files differ
Index: lams_tool_chat/web/includes/images-for-css/top_bg.jpg
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
Binary files differ
Index: lams_tool_chat/web/layouts/defaultLayout.jsp
===================================================================
diff -u -r0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e -r380c7df4490feb08b78bee945acfe846da342b46
--- lams_tool_chat/web/layouts/defaultLayout.jsp	(.../defaultLayout.jsp)	(revision 0ac012d04d1fa2ee4df7139645ba7fecaa8b2a6e)
+++ lams_tool_chat/web/layouts/defaultLayout.jsp	(.../defaultLayout.jsp)	(revision 380c7df4490feb08b78bee945acfe846da342b46)
@@ -6,8 +6,13 @@
 <html>
 	<tiles:insert attribute="header" />
 	<body>
-		<div id="page">
-			<div id="header"></div>
+		<div id="page">	
+			<tiles:useAttribute name="pageTitleKey" />
+			<bean:define name="pageTitleKey" id="pTitleKey" type="String" />
+			<h1 class="no-tabs-below">
+				<bean:message key="${pTitleKey}" />
+			</h1>
+			<div id="header-no-tabs"></div>
 			<div id="content">
 				<tiles:insert attribute="body" />
 			</div>