/* Title bar background */
.lotusFrame .lotusTitleBar {
  background-color: #58585a !important; /* Hydra light black for background (white hides the Sherlock logo) */
}

/* Titlebar tabs*/
.lotusFrame .lotusTitleBar .lotusTabs li {
  background-color: #333333; /* Hydra black */
}
.lotusFrame .lotusTitleBar .lotusTabs li a:hover {
  background-color: #58585a !important; /* Hydra ligth black on hover */
  color: #ffcc00 !important; /* Hydra yellow for text */
}
.lotusFrame .lotusTitleBar .lotusTabs li.lotusSelected :hover {
  color: #ffcc00 !important; /* Hydra yellow for text */
}
.lotusFrame .lotusTitleBar .lotusTabs li a {
  background-color: #333333; /* Hydra black */
  color: #ffcc00 !important; /* Hydra yellow for text */
}
.lotusFrame .lotusColLeft .lotusMenu .lotusMenuHeader li.lotusSelected a, .portlet-menu li.lotusSelected a, .lotusColLeft .lotusMenu .lotusMenuHeader h3.lotusSelected, .portlet-menu h3.lotusSelected, .lotusFrame .lotusTitleBar .lotusTabs li.lotusSelected, .lotusFrame .lotusTitleBar .lotusTabs li.lotusSelected a {
  background-color: #58585a !important; /* Hydra ligth black for selected */
  color: #ffcc00 !important; /* Hydra yellow for text */
}
.lotusTitleBar .lotusTabs li.lotusSelected {
  background-color: #58585a !important; /* Hydra light black for selected */
  border-bottom-color: #58585a !important; /* Hydra light black for selected */
}

/* Utility menu */
.nonAnonymous .lotusFrame .lotusBanner .lotusUtility li {
  background: #333333 !important; /* Hydra black */
}