Some functions work

public/stylesheets/cmdbgui.css

 /*Mainmenu*/
 .cmdbguiSmallText {
-    color: #568;
+    color: #333;
     width: 100%; 
     font-family: Helvetica;    
     font-weight: bolder;
@@ -18,135 +18,123 @@
 }
 
 .cmdbguiBigText {
-    color: #568;
+    color: #333;
     width: 100%; 
     font-family: Helvetica;    
     font-weight: 500;
     vertical-align: top;   
-    font-size: 200%;     
+    font-size: 100%;     
+    text-align: left;
 }
 
-navigation {  
-  font-family: Helvetica;
-  font-weight: 100;
+/* Menu */
+nav {    
+  display: block;
+  text-align: left;
+}
+nav ul {
+  margin: 0;
+  padding:0;
+  list-style: none;
+}
+.nav a {
+  display:block; 
+  background: #111; 
+  color: #fff; 
+  text-decoration: none;
+  padding: 0.8em 1.8em;
+  text-transform: uppercase;
+  font-size: 80%;
+  letter-spacing: 2px;
+  text-shadow: 0 -1px 0 #000;
+  position: relative;
+}
+.nav{  
+  vertical-align: top; 
+  display: inline-block;
+  box-shadow: 
+    1px -1px -1px 1px #000, 
+    -1px 1px -1px 1px #fff, 
+    0 0 6px 3px #fff;
+  border-radius:6px;
 }
-
-.nav {
-    margin: 0px;
-    padding: 0px;
-    list-style: none; 
-    color:#417bb5;
-    color:#333;
-    text-align:left;
-    font-family: arial;        
-}
- 
 .nav li {
-    float: left;
-    width: 20%;
-    position: relative;
-}
- 
-.nav li a {
-    background-color: #568;
-    color: #fff;
-    display: block;
-    padding: 7px 8px;
-    text-decoration: none;
-    border-top: 1px solid #777;
-   
-    }
- 
-.nav li a:hover {
-    color: YELLOW;
-    display:block;
-}
- 
-/*=== submenu ===*/
- 
+  position: relative;
+}
+.nav > li { 
+  float: left; 
+  border-bottom: 4px #aaa solid; 
+  margin-right: 1px; 
+} 
+.nav > li > a { 
+  margin-bottom: 1px;
+  box-shadow: inset 0 2em .33em -0.5em #555; 
+}
+.nav > li:hover, 
+.nav > li:hover > a { 
+  border-bottom-color: orange;
+}
+.nav li:hover > a { 
+  color:orange; 
+}
+.nav > li:first-child { 
+  border-radius: 4px 0 0 4px;
+} 
+.nav > li:first-child > a { 
+  border-radius: 4px 0 0 0;
+}
+.nav > li:last-child { 
+  border-radius: 0 0 4px 0; 
+  margin-right: 0;
+} 
+.nav > li:last-child > a { 
+  border-radius: 0 4px 0 0;
+}
+.nav li li a { 
+  margin-top: 1px;
+}
+.nav li a:first-child:nth-last-child(2):before { 
+  content: ""; 
+  position: absolute; 
+  height: 0; 
+  width: 0; 
+  border: 5px solid transparent; 
+  top: 50% ;
+  right:5px;  
+ }
+ /* submenu positioning*/
 .nav ul {
-    display: none;
-    position: absolute;
-    margin-left: 0px;
-    list-style: none;
-    padding: 0px;
-    z-index: 1;
-}
- 
-.nav ul li {
-        width: 100%;
- 
-}
- 
-.nav ul a {
-    display: block;
-    height: 15px;
-        width:  100%;
-    padding: 7px 8px;
-    color: #fff;
-    text-decoration: none;
-    border-bottom: 0px solid #777;
-}
- 
-.nav ul li a:hover {
-    color: yellow;
-}
-
-/*p.tablevalue .numericString .dateString .mailLink .keyvalue{*/
-p.tablevalue{    
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    text-align: left;    
-}
-
-.numericString {
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    text-align: right;    
-}
-.dateString {
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    text-align: right;
-}
-.keyValue {
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    font-weight: bold;
-}
-.mailLink {
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-}
-.keyvalue{
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-}
-.people{
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-}
-.user{
-    margin-top: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-}
-
-.jtable-data-row{
-    vertical-align: top;
+  position: absolute;
+  white-space: nowrap;
+  border-bottom: 5px solid  orange;
+  z-index: 1;
+  left: -99999em;
+}
+.nav > li:hover > ul {
+  left: auto;
+  margin-top: 5px;
+  min-width: 100%;
+}
+.nav > li li:hover > ul { 
+  left: 100%;
+  margin-left: 1px;
+  top: -1px;
+}
+/* arrow hover styling */
+.nav > li > a:first-child:nth-last-child(2):before { 
+  border-top-color: #aaa; 
+}
+.nav > li:hover > a:first-child:nth-last-child(2):before {
+  border: 5px solid transparent; 
+  border-bottom-color: orange; 
+  margin-top:-5px
+}
+.nav li li > a:first-child:nth-last-child(2):before {  
+  border-left-color: #aaa; 
+  margin-top: -5px
+}
+.nav li li:hover > a:first-child:nth-last-child(2):before {
+  border: 5px solid transparent; 
+  border-right-color: orange;
+  right: 10px; 
 }
\ No newline at end of file