--- a/ginebra2/chrome/bedrockchrome/contextmenu.snippet/contextmenu.css	Fri May 14 15:40:36 2010 +0300
+++ b/ginebra2/chrome/bedrockchrome/contextmenu.snippet/contextmenu.css	Tue Jun 29 00:46:29 2010 -0400
@@ -1,66 +1,196 @@
-.menuSnippet img {
-      padding-left: 20px;
-      padding-right: 15px;
-      vertical-align: middle;
+
+/* The entire snippet. */
+.ContextMenu
+{
+  color: #283f52;
+  -webkit-user-select: none;
+  margin: 0px;
+  padding: 0px;
+  font-weight:bold;
+  font-size: large;
+}
+
+/* The main wrapper div. */
+.ContextMenuDiv
+{
+  color: #283f52;
+  background-color: transparent;
+  margin: 0px;
+  padding: 0px;
+  position: relative;
+  border: none; 
+}
+
+.TabsDiv
+{
+  margin-right: 1px;
+}
+
+.TabsUl
+{
+  margin-top: 0px;
+  margin-left: 0px;
+  padding: 0px;
+}
+
+.MenuDiv
+{
+  margin-left: -40px;
+  margin-right: 3px;
+  margin-top: -16px;
+  padding: 0px;
 }
 
-.menuItemLabel {
-      vertical-align: center;
-      position: relative;
-      top: 3px;
-      font-size: 16px;
-      font-family: Verdana;
-      font-weight: bold;
+.MenuUl
+{
+  margin-bottom: 0px;
+}
+
+/* All list items, tabs and menu items. */
+.ContextMenu li
+{
+    list-style-type: none;
 }
 
-.menuItemContents {
-      padding-top: 15px;
+/*
+.ContextMenu li:hover
+{
+  background: -webkit-gradient(linear, left top, left bottom, from(#677fa8), to(#7692c2), color-stop(0.0, #aab));
+}
+*/
+
+/* Tab items. */
+.ContextMenu .TabsDiv ul li
+{
+  display: inline-block;
+  color: #fff;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 20px;
+  padding-right: 16px;
+  border-top: solid 3px #373f4f;
+  border-left: solid 3px #373f4f;
+  border-bottom: solid 3px #373f4f;
+  margin-bottom: -2px;
+}
+
+/* The first tab item. */
+.ContextMenu .TabsDiv ul li:first-child
+{
+  -webkit-border-top-left-radius: 7px;
+}
+
+/* The last tab item. */
+.ContextMenu .TabsDiv ul li:last-child
+{
+  -webkit-border-top-right-radius: 7px;
+  border-right: solid 3px #373f4f;
+}
+
+/* Normal tabs, ie. not highlighted. */
+.ViewContext_NormalTab {
+  background: -webkit-gradient(linear, left top, left bottom, from(#a2acc5), to(#b5c0d8), color-stop(0.0, #aab));
 }
 
-.menuItem {
-      background-repeat: no-repeat;
-      background-position: top left;
-      width: 203px;
-      color: #ffffff;
-      vertical-align: center;
-      -webkit-user-select: none;
+/* Hide the text in normal tabs. */
+.ViewContext_NormalTab * a {
+  display: none;
+}
+
+.ViewContext_NormalTab div {
+  margin-top: 0px;
+}
+
+/* Highlighted tab. */
+.ViewContext_HighlightedTab {
+  background: -webkit-gradient(linear, left top, left bottom, from(#43577c), to(#2f3c58), color-stop(0.0, #aab));
+  -webkit-border-top-left-radius: 7px;
+  -webkit-border-top-right-radius: 7px;
+}
+
+/* Make the highlighted tab slightly taller. */
+.ViewContext_HighlightedTab div {
+  margin-top: 6px;
+}
+
+/* Show text in higlighted tab. */
+.ViewContext_HighlightedTab div * a {
+  display: block;
 }
-.menuTop {
-      background-image: url(icons/menubg_fixed_top.png);
-      height: 65px;
+
+.ViewContext_DisabledTab {
+  color: #ddd;
+}
+
+/* Menu items. */
+.ContextMenu .MenuDiv ul li
+{
+  border-color: #374358;
+  border-bottom: 1px solid #d0d5de;
+  background: #fff;
 }
-.menuTop:active {
-      background-image: url(icons/menubg_fixed_top_pressed.png);
-      height: 65px;
+
+/* Special case for regular menu Li (not row) */
+.ContextMenu .MenuDiv ul li.RegularMenuLi
+{ 
+  padding: 10px;
+}
+
+/* Special case for top-level menu Li (not row Li) */
+.ContextMenu .MenuDiv ul li.MenuLi
+{ 
+  border-right: 3px solid;
+  border-left: 3px solid;
 }
 
-.menuMid {
-      background-image: url(icons/menubg_fixed_center.png);
-      height: 65px;
+.ViewContext_DisabledMenuItem {
+  color: #888;
 }
-.menuMid:active {
-      background-image: url(icons/menubg_fixed_center_pressed.png);
-      height: 65px;
+
+/* If menu item has a row */
+.ContextMenu .MenuDiv ul li ul.MenuRowUl
+{ 
+  padding: 0px;
+  margin: 0px;
+  background: #f00;
+  list-style-type: none;
+  display: table;
+  width: 100%;
+  border: none;
+}
+
+.ContextMenu .MenuDiv ul li ul li.MenuRowLi
+{ 
+  border: none;
+  border-left: 1px solid #d0d5de;
+  padding: 10px;
+  margin: 0px;
+  display: table-cell;
 }
 
-.menuBot {
-      background-image: url(icons/menubg_fixed_bottom.png);
-      height: 79px;
-}
-.menuBot:active {
-      background-image: url(icons/menubg_fixed_bottom_pressed.png);
-      height: 79px;
+/* Last top-level menu item. */
+.ContextMenu .MenuDiv ul li.MenuLi:last-child
+{
+  -webkit-border-bottom-right-radius: 7px;
+  -webkit-border-bottom-left-radius: 7px;
+  border-bottom: 3px solid #374358;
 }
 
-.loadImagesTop {
-      background-image: url(icons/menubg_fixed_top_pressed.png);
-      visibility: hidden;
+/* Menu item during mouse over. */
+.ContextMenu .MenuDiv ul li.MouseOverItem
+{
+  background: #d8dfed;
 }
-.loadImagesCenter {
-      background-image: url(icons/menubg_fixed_center_pressed.png);
-      visibility: hidden;
+
+/* Item icons. */
+.ContextMenu ul li img
+{
+  vertical-align: middle;
 }
-.loadImagesBottom {
-      background-image: url(icons/menubg_fixed_bottom_pressed.png);
-      visibility: hidden;
+
+/* Item text. */
+.ContextMenu ul li a
+{
+  vertical-align: middle;
+  margin-left: 10px;
 }