diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 6a86c95486..7d8bfbad98 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -700,6 +700,28 @@ div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible {
 	font-weight: bold;
 	font-size:150%;
 }
+blockquote {
+	margin: 0;
+	border-left: 2px solid gray;
+	padding-left: 7px;
+	margin-left: 0;
+	color: black;
+}
+blockquote blockquote{
+	border-color: blue !important;
+}
+blockquote blockquote blockquote{
+	border-color: purple !important;
+}
+blockquote blockquote blockquote blockquote{
+	border-color: green !important;
+}
+blockquote blockquote blockquote blockquote blockquote{
+	border-color:  orange !important;
+}
+blockquote blockquote blockquote blockquote blockquote blockquote{
+	border-color:  gray !important;
+}
 /* MAIL PRINT */
 @media print {
 	.mailDisplayHeaders {
@@ -730,9 +752,6 @@ div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible {
 	.et2_button {
 		display: none;
 	}
-	blockquote {
-		margin:0;
-	}
 	.mailCompose_copyEmail {
 	}
 }
diff --git a/mail/templates/default/preview.css b/mail/templates/default/preview.css
index 8a9f0dd149..f67c93c68d 100644
--- a/mail/templates/default/preview.css
+++ b/mail/templates/default/preview.css
@@ -38,6 +38,28 @@ blockquote[type=cite] {
 	margin-left: 0;
 	color: blue;
 }
+blockquote {
+	margin: 0;
+	border-left: 2px solid gray;
+	padding-left: 7px;
+	margin-left: 0;
+	color: black;
+}
+blockquote blockquote{
+	border-color: blue !important;
+}
+blockquote blockquote blockquote{
+	border-color: purple !important;
+}
+blockquote blockquote blockquote blockquote{
+	border-color: green !important;
+}
+blockquote blockquote blockquote blockquote blockquote{
+	border-color:  orange !important;
+}
+blockquote blockquote blockquote blockquote blockquote blockquote{
+	border-color:  gray !important;
+}
 .pageGenTime {
 	display: none;
 }
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 6c7795fdd2..d231148bfa 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -695,6 +695,28 @@ div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible {
   font-weight: bold;
   font-size: 150%;
 }
+blockquote {
+  margin: 0;
+  border-left: 2px solid gray;
+  padding-left: 7px;
+  margin-left: 0;
+  color: black;
+}
+blockquote blockquote {
+  border-color: blue !important;
+}
+blockquote blockquote blockquote {
+  border-color: purple !important;
+}
+blockquote blockquote blockquote blockquote {
+  border-color: green !important;
+}
+blockquote blockquote blockquote blockquote blockquote {
+  border-color: orange !important;
+}
+blockquote blockquote blockquote blockquote blockquote blockquote {
+  border-color: gray !important;
+}
 /* MAIL PRINT */
 @media print {
   .mailDisplayHeaders {
@@ -725,9 +747,6 @@ div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible {
   .et2_button {
     display: none;
   }
-  blockquote {
-    margin: 0;
-  }
 }
 #popupMainDiv {
   padding: 5px;