diff --git a/themes/default/_footer.twig b/themes/default/_footer.twig
index f837ae38e..3057cb755 100644
--- a/themes/default/_footer.twig
+++ b/themes/default/_footer.twig
@@ -1,4 +1,4 @@
\ No newline at end of file
diff --git a/themes/default/_head.twig b/themes/default/_head.twig
index 577cc693c..f310e4208 100644
--- a/themes/default/_head.twig
+++ b/themes/default/_head.twig
@@ -1,11 +1,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
\ No newline at end of file
+
+
+
+
+
\ No newline at end of file
diff --git a/themes/default/js/closeMessage.js b/themes/default/js/closeMessage.js
new file mode 100644
index 000000000..b57fe4a8b
--- /dev/null
+++ b/themes/default/js/closeMessage.js
@@ -0,0 +1,17 @@
+$(function(){
+ //---------------------------------------------------------------------------
+ // Show the close icon when the user hover over a message
+ //---------------------------------------------------------------------------
+ $('.messages').on('mouseenter', function(){
+ $(this).find('a.closeMessage').stop(true, true).show();
+ }).on('mouseleave', function(){
+ $(this).find('a.closeMessage').stop(true, true).hide();
+ });
+ //---------------------------------------------------------------------------
+ // Close the message box when the user clicks the close icon
+ //---------------------------------------------------------------------------
+ $('a.closeMessage').on('click', function(){
+ $(this).parents('div.messages').slideUp(300, function(){ $(this).remove(); });
+ return false;
+ });
+});
\ No newline at end of file