diff --git a/template/yoga/mail/text/html/header.tpl b/template/yoga/mail/text/html/header.tpl
index 0d96da406..0b6a34ebc 100644
--- a/template/yoga/mail/text/html/header.tpl
+++ b/template/yoga/mail/text/html/header.tpl
@@ -1,26 +1,31 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+            "http://www.w3.org/TR/html4/loose.dtd">
 <html lang="{LANG}" dir="{DIR}">
 <head>
+<title>PhpWebGallery Notication by Mail</title>
 <meta http-equiv="Content-Type" content="text/html; charset={CONTENT_ENCODING}">
-</head>
 
-<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/layout.css">
 <link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/mail/text/html/default-layout.css">
-<!-- the next css is used to fix khtml (Konqueror/Safari) issue
-the "text/nonsense" prevents gecko based browsers to load it -->
-<link rel="stylesheet" type="text/nonsense" href="{pwg_root}template/{themeconf:template}/fix-khtml.css">
-<!--[if lt IE 7]>
-  <link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/fix-ie5-ie6.css">
-<![endif]-->
-<!--[if gt IE 6]>
-  <link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/fix-ie7.css">
-<![endif]-->
-<link rel="stylesheet" type="text/css" media="print" href="{pwg_root}template/{themeconf:template}/print.css">
-<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/default-colors.css">
-<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/theme/{themeconf:theme}/theme.css">
 
-<body id="theMailPage">
+<style><!-- /* Notification mini style for mails */
+body{background-color:#fff;font-family: Univers, Helvetica, Optima;font-size:12px; margin:0px;padding:0px color:#369;}
+#the_page {background: #fff url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.jpg) no-repeat scroll left top;
+margin:0px;padding:86px 0px 0px 86px;text-align: left;}
+a {text-decoration: none}
+#content {background: #fff url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.jpg) repeat-y scroll left top;
+margin:0px;padding:0px 15px 0px 86px;text-align: left;}
+#copyright {background: #fff url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.jpg) repeat-y scroll left top;
+color: #69c;font-size:10px;margin:0px;padding:98px 0px 0px 86px;text-align:center;}
+.PWG {font-family: verdana, sans-serif !important; font-size: 0.9em; font-weight: normal; letter-spacing: 0px;}
+a.PWG { border: 0px; }
+a.PWG .P { color : #f92; }
+a.PWG .W { color : #aaa; }
+a.PWG .G { color : #69c; }
+a.PWG:hover .P { color : #69c; }
+a.PWG:hover .G { color : #f92; }
+--></style>
+</head>
+<body>
 <div id="the_page">
 <div id="content">
 
diff --git a/template/yoga/mail/text/html/images/footer-bg.jpg b/template/yoga/mail/text/html/images/footer-bg.jpg
new file mode 100644
index 000000000..f4d019247
Binary files /dev/null and b/template/yoga/mail/text/html/images/footer-bg.jpg differ
diff --git a/template/yoga/mail/text/html/images/header-bg.jpg b/template/yoga/mail/text/html/images/header-bg.jpg
new file mode 100644
index 000000000..0f5c50fb9
Binary files /dev/null and b/template/yoga/mail/text/html/images/header-bg.jpg differ
diff --git a/template/yoga/mail/text/html/images/mailbody-bg.jpg b/template/yoga/mail/text/html/images/mailbody-bg.jpg
new file mode 100644
index 000000000..62cd75406
Binary files /dev/null and b/template/yoga/mail/text/html/images/mailbody-bg.jpg differ
