diff --git a/ChangeLog b/ChangeLog
index 12181dbeb..973be8575 100644
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,3 +1,8 @@
+2011-10-27  Francis Lachapelle  <flachapelle@inverse.ca>
+
+	* UI/WebServerResources/SOGoRootPage.js (initLogin): added sliding
+	effect to about box.
+
 2011-10-26  Francis Lachapelle  <flachapelle@inverse.ca>
 
 	* SoObjects/SOGo/SQLSource.m
diff --git a/UI/WebServerResources/SOGoRootPage.css b/UI/WebServerResources/SOGoRootPage.css
index 9d0af4184..a8aa75659 100644
--- a/UI/WebServerResources/SOGoRootPage.css
+++ b/UI/WebServerResources/SOGoRootPage.css
@@ -15,12 +15,10 @@ DIV#aboutBox
 { position: absolute;
   z-index: 1000;
   left: 0px;
+  top: 30px;
   width: 100%;
   text-align: center; }
   
-DIV#aboutBox IMG
-{ margin-top: 20px; }
-
 DIV#aboutBox DIV
 { background-color: #fff;
   border: 1px solid #222;
diff --git a/UI/WebServerResources/SOGoRootPage.js b/UI/WebServerResources/SOGoRootPage.js
index 6d214d2a5..2ac4436a0 100644
--- a/UI/WebServerResources/SOGoRootPage.js
+++ b/UI/WebServerResources/SOGoRootPage.js
@@ -16,13 +16,13 @@ function initLogin() {
     var about = $("about");
     if (about) {
         about.observe("click", function(event) {
-                                  $("aboutBox").show();
-                                  event.stop() });
-
+                if (!$("aboutBox").visible())
+                    Effect.SlideDown("aboutBox", { queue: { position: 'end', scope: 'aboutscope', limit: 2 } });
+                event.stop(); });
         var aboutClose = $("aboutClose");
         aboutClose.observe("click", function(event) {
-                                  $("aboutBox").hide();
-                                  event.stop() });
+                Effect.SlideUp("aboutBox", { duration: 2.0, queue: { position: 'end', scope: 'aboutscope', limit: 2 } });
+                event.stop() });
     }
 
     var submit = $("submit");