diff --git a/static/css/viewmail.css b/static/css/viewmail.css
new file mode 100644
index 000000000..b23fd26b0
--- /dev/null
+++ b/static/css/viewmail.css
@@ -0,0 +1,46 @@
+/*
+ * Just an extract of Bootstrap table styles in order to include it 
+ * into the 'viewmail' page. It is not really *clean* but I don't know 
+ * any other way to do that.
+ */
+body{margin:5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;}
+table{max-width:100%;border-collapse:collapse;border-spacing:0;background-color:transparent;}
+.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
+.table th{font-weight:bold;}
+.table thead th{vertical-align:bottom;}
+.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
+.table tbody+tbody{border-top:2px solid #dddddd;}
+.table-condensed th,.table-condensed td{padding:4px 5px;}
+.table-bordered{border:1px solid #dddddd;border-left:0;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
+.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
+.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
+.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
+.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
+.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
+.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
+.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
+
+ pre {
+     white-space: pre-wrap; /* css-3 */
+     white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
+     white-space: -pre-wrap; /* Opera 4-6 */
+     white-space: -o-pre-wrap; /* Opera 7 */
+     word-wrap: break-word; /* Internet Explorer 5.5+ */
+     font-size: medium;
+     border: 0;
+}
+#mailcontent {
+     width: 100%;
+     border: 0px transparent none;
+     margin: 0;
+}
+
+#emailheaders a, #emailheaders a:visited {
+     color: blue;
+     text-decoration: none;
+}
+#emailheaders a:hover {
+     text-decoration: underline;
+}
+
+.hidden { display: none; }
\ No newline at end of file
diff --git a/templates/common/viewmail.html b/templates/common/viewmail.html
index 357cb1ea3..ae07d0593 100644
--- a/templates/common/viewmail.html
+++ b/templates/common/viewmail.html
@@ -3,37 +3,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head profile="http://www.w3.org/2005/10/profile">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/bootstrap.css" />
-    
-    <style type="text/css">
-      body {
-          margin: 5px;
-      }
-      pre {
-          white-space: pre-wrap; /* css-3 */
-          white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
-          white-space: -pre-wrap; /* Opera 4-6 */
-          white-space: -o-pre-wrap; /* Opera 7 */
-          word-wrap: break-word; /* Internet Explorer 5.5+ */
-          font-size: medium;
-      }
-      #mailcontent {
-          width: 100%;
-          border: 0px transparent none;
-          margin: 0;
-      }
-
-      #emailheaders a, #emailheaders a:visited {
-          color: blue;
-          text-decoration: none;
-      }
-      #emailheaders a:hover {
-          text-decoration: underline;
-      }
-      .hidden {
-          display: none;
-      }
-    </style>
+    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/viewmail.css" />
   </head>
   <body>
     <div id="table-container">