diff --git a/retroshare-gui/src/gui/qss/chat/Bubble/private/system.htm b/retroshare-gui/src/gui/qss/chat/Bubble/private/system.htm
index 103d2bca1..ec98b3b43 100644
--- a/retroshare-gui/src/gui/qss/chat/Bubble/private/system.htm
+++ b/retroshare-gui/src/gui/qss/chat/Bubble/private/system.htm
@@ -3,21 +3,35 @@
 </style>
 
 
-<table class='bubble-red' width="100%" cellspacing='0' cellpadding='0'>
+<table width="100%" ><tr><td align="left">
+
+<table class='bubble-orange' cellspacing='0' cellpadding='0' style='float:left;'>
   <tr>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TL.png"></td>
-    <td class='bubble-redTC' width="100%"></td>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TR.png"></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_TL.png"></td>
+    <td class='bubble-orangeTC'></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_TR.png"></td>
   </tr>
   <tr>
-    <td class='bubble-redCL' width="1%"></td>
-    <td class='bubble-redCC' width="100%" align="center"> %name% %time% - %message%</td>
-    <td class='bubble-redCR' width="1%"></td>
+    <td class='bubble-orangeCL'></td>
+    <td class='bubble-orangeCC'>
+      %message%
+    </td>
+    <td  class='bubble-orangeCR'></td>
   </tr>
   <tr>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BL.png"></td>
-    <td class='bubble-redBC' width="100%"></td>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BR.png"></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_BL.png"></td>
+    <td class='bubble-orangeBC'><img src="%style-dir%/img/bubble-orange/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_BR.png"></td>
   </tr>
 </table>
 
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='left'>
+  <span class='name'>&nbsp;&nbsp;%name% - </span>
+  <span width='130' align='right' class='time'>%time%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>
diff --git a/retroshare-gui/src/gui/qss/chat/Bubble/public/system.htm b/retroshare-gui/src/gui/qss/chat/Bubble/public/system.htm
index 103d2bca1..ec98b3b43 100644
--- a/retroshare-gui/src/gui/qss/chat/Bubble/public/system.htm
+++ b/retroshare-gui/src/gui/qss/chat/Bubble/public/system.htm
@@ -3,21 +3,35 @@
 </style>
 
 
-<table class='bubble-red' width="100%" cellspacing='0' cellpadding='0'>
+<table width="100%" ><tr><td align="left">
+
+<table class='bubble-orange' cellspacing='0' cellpadding='0' style='float:left;'>
   <tr>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TL.png"></td>
-    <td class='bubble-redTC' width="100%"></td>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TR.png"></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_TL.png"></td>
+    <td class='bubble-orangeTC'></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_TR.png"></td>
   </tr>
   <tr>
-    <td class='bubble-redCL' width="1%"></td>
-    <td class='bubble-redCC' width="100%" align="center"> %name% %time% - %message%</td>
-    <td class='bubble-redCR' width="1%"></td>
+    <td class='bubble-orangeCL'></td>
+    <td class='bubble-orangeCC'>
+      %message%
+    </td>
+    <td  class='bubble-orangeCR'></td>
   </tr>
   <tr>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BL.png"></td>
-    <td class='bubble-redBC' width="100%"></td>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BR.png"></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_BL.png"></td>
+    <td class='bubble-orangeBC'><img src="%style-dir%/img/bubble-orange/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_BR.png"></td>
   </tr>
 </table>
 
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='left'>
+  <span class='name'>&nbsp;&nbsp;%name% - </span>
+  <span width='130' align='right' class='time'>%time%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>
diff --git a/retroshare-gui/src/gui/qss/chat/Bubble_Compact/private/system.htm b/retroshare-gui/src/gui/qss/chat/Bubble_Compact/private/system.htm
index 103d2bca1..ad8287db2 100644
--- a/retroshare-gui/src/gui/qss/chat/Bubble_Compact/private/system.htm
+++ b/retroshare-gui/src/gui/qss/chat/Bubble_Compact/private/system.htm
@@ -2,22 +2,28 @@
 %css-style%
 </style>
 
+<table width="100%" ><tr><td align="left">
 
-<table class='bubble-red' width="100%" cellspacing='0' cellpadding='0'>
+<table class='bubble-orange' cellspacing='0' cellpadding='0'>
   <tr>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TL.png"></td>
-    <td class='bubble-redTC' width="100%"></td>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TR.png"></td>
+    <td class='time'>&nbsp;%time%</td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_TL.png"></td>
+    <td class='bubble-orangeTC'></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_TR.png"></td>
   </tr>
   <tr>
-    <td class='bubble-redCL' width="1%"></td>
-    <td class='bubble-redCC' width="100%" align="center"> %name% %time% - %message%</td>
-    <td class='bubble-redCR' width="1%"></td>
+    <td class='name'>&nbsp;%name%</td>
+    <td class='bubble-orangeCL'><img src="%style-dir%/img/bubble-orange/bubble_tick-left.png"></td>
+    <td class='bubble-orangeCC'>%message%</td>
+    <td class='bubble-orangeCR'></td>
   </tr>
   <tr>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BL.png"></td>
-    <td class='bubble-redBC' width="100%"></td>
-    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BR.png"></td>
+  	<td> </td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_BL.png"></td>
+    <td class='bubble-orangeBC' align='right'></td>
+    <td><img src="%style-dir%/img/bubble-orange/bubble_BR.png"></td>
   </tr>
 </table>
 
+</td></tr></table>
+