From 9dc505f94f6ab3c6aed09536c58521d7d2fcda2e Mon Sep 17 00:00:00 2001
From: mb863 <mb863@440791e1-c2bf-4c1e-ad7c-caf3f8b0ebe8>
Date: Thu, 13 Jan 2011 23:43:16 +0000
Subject: [PATCH] NIHVIVO-641:  Browse alpha mechanism has been changed to an
 horizontal layout and placed it above the individuals display area.

---
 webapp/web/css/menupage/menupage.css | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/webapp/web/css/menupage/menupage.css b/webapp/web/css/menupage/menupage.css
index fcff34b7d..a0fe2f6e1 100644
--- a/webapp/web/css/menupage/menupage.css
+++ b/webapp/web/css/menupage/menupage.css
@@ -217,8 +217,9 @@ ul#find-filters a{
 /* BROWSE CLASSES ------>  */
 ul#browse-childClasses{
     float: left;
-    width: 284px;
-    margin-left: 30px;
+    width: 255px;
+    margin-left: 15px;
+    margin-bottom: 20px;
 }
 ul#browse-childClasses li{
     display: block;
@@ -240,33 +241,31 @@ ul#browse-childClasses a{
 /* ALPHA BROWSE------>  */
 ul#alpha-browse-childClass{
     float: left;
-    width: 77px;
-    margin-bottom: 20px;
+    width: 620px;
+    padding-left: 10px;
 }
 ul#alpha-browse-childClass li{
-    display: block;
-    width: 67px;
-    font-size: 1.125em;
-    height: 35px;
-    line-height: 35px;
+    float: left;
+    margin-right: 4px;
+    padding-top: 8px;
 }
 ul#alpha-browse-childClass li:last-child{    
     border-bottom: 0;
 }
 ul#alpha-browse-childClass a{
     display: block;
-    width: 57px;
     height: 35px;
-    text-align: center;
-    margin-left: 5px;
-    padding-left: 10px;
+    margin-left: 0;
+    padding-left: 8px;
+    width: 10px;
 }
 /* BROWSE INDIVIDUALS------>  */
 #individuals-in-childClass{
-    float: left;
+    float: right;
     width: 45%;
     padding-bottom: 30px;
     margin-bottom: 30px;
+    margin-right: 17px;
 }
 #individuals-in-childClass h3{
     padding: 10px 0 10px 30px;