From ddf274edf96c0f613269ec8477cb1293e5a4d404 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Tue, 18 Jun 2013 13:47:38 -0700
Subject: [PATCH] UI Project switcher: Better appearance

---
 ui/css/cloudstack3.css | 68 +++++++++++++++++++++++++++++++-----------
 1 file changed, 51 insertions(+), 17 deletions(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index a86b2a25ca5..e145603b3a8 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -9087,29 +9087,63 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
 /*** View switcher (drop-down)*/
 .project-switcher {
   float: left;
-  width: 141px;
+  width: 223px;
   padding: 9px 17px 0 0;
-}
-
-.project-switcher label {
-  position: absolute;
-  top: -2px;
-  color: #FFFFFF;
-  font-size: 11px;
-}
-
-.project-switcher select {
-  width: 100%;
-  font-size: 12px;
-  border: 1px solid #000000;
-  border-bottom: #FFFFFF;
   /*+border-radius:4px;*/
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
-  background: #ECECEC;
-  margin-top: 2px;
+}
+
+.project-switcher label {
+  position: absolute;
+  top: 15px;
+  color: #FFFFFF;
+  font-size: 12px;
+  font-weight: bold;
+}
+
+.project-switcher select {
+  width: 79%;
+  font-weight: bold;
+  font-size: 12px;
+  /*+text-shadow:0px -1px 1px #000000;*/
+  -moz-text-shadow: 0px -1px 1px #000000;
+  -webkit-text-shadow: 0px -1px 1px #000000;
+  -o-text-shadow: 0px -1px 1px #000000;
+  text-shadow: 0px -1px 1px #000000;
+  border: 1px solid #9A9A9A;
+  border-bottom: #FFFFFF;
+  /*+box-shadow:inset 0px -1px #A2A2A2;*/
+  -moz-box-shadow: inset 0px -1px #A2A2A2;
+  -webkit-box-shadow: inset 0px -1px #A2A2A2;
+  -o-box-shadow: inset 0px -1px #A2A2A2;
+  box-shadow: inset 0px -1px #A2A2A2;
+  /*+border-radius:4px;*/
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+  color: #FFFFFF;
+  margin-top: -2px;
+  margin-left: 53px;
+  background: url(../images/bg-gradients.png) 0px -867px;
+  padding: 5px;
+}
+
+.project-switcher select:hover {
+  /*+box-shadow:inset 0px 2px 6px #3B3B3B;*/
+  -moz-box-shadow: inset 0px 2px 6px #3B3B3B;
+  -webkit-box-shadow: inset 0px 2px 6px #3B3B3B;
+  -o-box-shadow: inset 0px 2px 6px #3B3B3B;
+  box-shadow: inset 0px 2px 6px #3B3B3B;
+  cursor: pointer;
+  border-bottom: 1px solid #828282;
+}
+
+.project-switcher select option {
+  background: #7F8487;
 }
 
 /*** Select project*/