diff --git a/views/html/users/index.tpl b/views/html/users/index.tpl
index 9f36049c..b5e08ed5 100644
--- a/views/html/users/index.tpl
+++ b/views/html/users/index.tpl
@@ -4,6 +4,6 @@
 </nav>
 <ol class="cglist">
 	<?php foreach($users as &$user) : ?>
-	<li><a href="<?=$linker->link(array('user', $user['username']), 1)?>"><?=$user['username']?></a><span class="xp"><small><?=sprintf(_('registered on %s'),  $dateFormatter->format(new \DateTime($user['created'])))?></small></span></li>
+	<li><p><a href="<?=$linker->link(array('user', $user['username']), 1)?>"><?=$user['username']?></a><span class="xp"><small><?=sprintf(_('registered on %s'),  $dateFormatter->format(new \DateTime($user['created'])))?></small></span></p></li>
 	<?php endforeach ?>
 </ol>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index 64225852..be7c2e7e 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -141,6 +141,19 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .admnqf label{margin:10px 0 5px}
 .admnqf select{font-size:0.875em}
 
+
+/** Popup Notification **/
+
+.notify{z-index:999;position:fixed;width:80%;margin:0 auto 30px auto;bottom:0;right:0;left:0;box-shadow:0px 0px 0px 1000000px rgba(0,0,0,0.3);cursor:pointer}
+.notify li{background:#f7f5f2;padding:14px;border:4px solid #d4d2ce;border-top-width:0}
+.notify li:first-child{border-top-width:4px}
+.notify img{float:left;margin-right:15px;border-radius:3px;width:60px;height:60px}
+.notify p{margin-bottom:0}
+.notify p.announce{color:#0f373c;font-weight:700;font-size:.875em;margin-top:5px}
+.notify .fa{padding-right:5px}
+.notify .fa-times{float:right;padding:0;margin:-12px -10px 0 0;color:#d4d2ce}
+
+
 /** Login & Registration **/
 
 .logreg{width:auto;display:inline-block;padding:15px 20px;background:#eae8e4;border-radius:3px}
@@ -182,8 +195,9 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 
 /** Charactergroup List **/
 
-.cglist li{list-style-type:decimal;background:#fff;margin:0 0 6px 25px;padding:5px 15px;border-radius:3px}
-.cglist .xp{float:right}
+.cglist li{list-style-type:decimal;background:#fff;margin:0 0 6px 30px;padding:5px 15px;border-radius:3px}
+.cglist li p{margin:0}
+.cglist .xp{display:block}
 .cgqlist li{list-style-type:square;margin-left:25px;padding:2px 15px}
 
 
@@ -296,6 +310,8 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .xpinfo{display:inline-block;float:left;padding-right:20px}
 .xpbar{width:50%}
 
+.cglist .xp{float:right}
+
 .cinfo{float:left;width:70%}
 .cportrait{float:right;width:25%}
 
@@ -323,6 +339,8 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .gquests .date{display:inline;margin-right:15px}
 .gquests .xp{float:right}
 
+.notify{width:500px}
+
 .rare,.hunter{float:left;width:49%}
 .hunter{float:right}
 .achmnts .desc{padding-top:0}