diff --git a/modules/extra/webcpanel/templates/default/memoserv/memos.html b/modules/extra/webcpanel/templates/default/memoserv/memos.html
index 7cff20dbf..4d0024f91 100644
--- a/modules/extra/webcpanel/templates/default/memoserv/memos.html
+++ b/modules/extra/webcpanel/templates/default/memoserv/memos.html
@@ -77,20 +77,27 @@
 					<th class="akillR2">Time/Message</th>
 				</tr>
 				{FOR I,S,T,TXT,U IN NUMBER,SENDER,TIME,TEXT,UNREAD}
-				<tr>
+				{IF EQ U YES}
+				<tr class="read">
+				{ELSE}
+				<tr class="unread">
+				{END IF}
 					<td class="akillR1">{I}</td>
 					<td class="akillR3">{S}</td>
 					<td class="akillR2"><abbr title="{T}">{TXT}</abbr></td>
 				</tr>
-				<tr>
-					<td></td>
-					<td></td>
 				{IF EQ U YES}
+				<tr class="read">
+					<td></td>
+					<td></td>
 					<td class="right"><a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&read=1">Mark as Read</a> &nbsp;
 					<a href="{S}" class="reply" id="memo{I}">Reply</a>&nbsp;
 					<a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&del=1">Delete</a></td>
 				{ELSE}
-					<td class="right"><a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&read=2">Mark as Unread</a> ;&nbsp
+				<tr class="unread">
+					<td></td>
+					<td></td>
+					<td class="right"><a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&read=2">Mark as Unread</a> &nbsp;
 					<a href="{S}" class="reply" id="memo{I}">Reply</a> &nbsp;
 					<a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&del=1">Delete</a></td>
 				{END IF}
diff --git a/modules/extra/webcpanel/templates/default/style.css b/modules/extra/webcpanel/templates/default/style.css
index 94e7a900d..13b4e4759 100644
--- a/modules/extra/webcpanel/templates/default/style.css
+++ b/modules/extra/webcpanel/templates/default/style.css
@@ -126,8 +126,9 @@ body {
 
 td.right a:link, td.right a:visited {
 	color: #000;
+	background-color: #FFF;
 	border: 1px solid #000;
-	padding: 1px 4px;
+	padding: 0px 4px;
 	-webkit-border-radius: 5x;
   	border-radius: 5px;
 	text-decoration: none;
@@ -136,6 +137,28 @@ td.right a:link, td.right a:visited {
 td.right a:hover {
 	color: #00F;
 }
+
+table#memoTable {
+	border-spacing: 0px;
+	border-collapse: collapse;
+}
+
+table#memoTable tr {
+	padding: 1px;
+}
+
+tr.read  { 
+	background-color: #FFF;
+}
+
+tr.unread {
+	background-color: #EEE;
+}
+ 
+tr.read td, tr.unread td {
+	padding: 2px;	
+}
+
 /* Modal Window */
 #mask {
 	position: absolute;