Fix tab hover

css/helios.css

@@ -238,7 +238,7 @@ body[id="helios"] .navbar .nav > li > a {
   line-height: 22px;
   padding: 0px 8px;
   font-size: 11px;
-  border-right: 1px solid transparent;
+  border-right: 1px solid #222;
   text-shadow: #ddd 0px 1px 0px;
   box-shadow: none;
   color: #222;
@@ -251,12 +251,11 @@ body[id="helios"] .nav > li > a:hover {
   background: transparent;
 }
 body[id="helios"] .navbar .nav > li > a:hover {
-  color: #333;
-  background-image: linear-gradient(top, #cfcfcf, #c0c0c0);
-  background-image: -webkit-linear-gradient(top, #cfcfcf, #c0c0c0);
-  background-image: -moz-linear-gradient(top, #cfcfcf, #c0c0c0);
-  background-image: -o-linear-gradient(top, #cfcfcf, #c0c0c0);
-  text-shadow: 0 1px 0 #ddd;
+  color: #f00;
+  background-image: linear-gradient(top, #666, #454648);
+  background-image: -webkit-linear-gradient(top, #666, #454648);
+  background-image: -moz-linear-gradient(top, #666, #454648);
+  background-image: -o-linear-gradient(top, #666, #454648);
   box-shadow: 0 0 0;
 }
 body[id="helios"] .navbar .nav > .active > a,
@@ -269,8 +268,9 @@ body[id="helios"] .navbar .nav .ui-sortable-helper a {
   background-image: -moz-linear-gradient(top, #666, #454648);
   background-image: -o-linear-gradient(top, #666, #454648);
   text-shadow: none;
-  box-shadow: inset 1px 1px 1px #787878;
-  border-left: 1px solid #222;
+   
+  box-shadow: inset -1px 0px 1px -1px #eee, inset 1px 1px 1px -1px #eee;
+  
   border-right: 1px solid #222;
 }
 body[id="helios"] .navbar .nav .ui-sortable-helper a {
@@ -307,6 +307,11 @@ body[id="helios"] .nav-pills.nav-stacked > li > a {
   color: #b8c4cf;
   white-space: nowrap;
 }
+
+body[id="helios"] .focused .nav-pills.nav-stacked > li > a {
+  color: #ddd;
+}
+
 body[id="helios"] [class^="icon-"],
 body[id="helios"] [class*=" icon-"] {
   margin-right: 2px;