#header, #user_chat h1 {
  background: #008F7E;
}

html, body {
  background: #333333;
}

#page #container #contentwrapper #contentcolumn .content input[type="text"]:focus,
#page #container #contentwrapper #contentcolumn .content select:focus,
#page #container #contentwrapper #contentcolumn .content select:active,
#page #container #contentwrapper #contentcolumn .content textarea:focus,
input:focus,
textarea:focus,
select:focus,
input.combobox:focus + input.combobox-button {
  border-color: #008F7E;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #008F7E;
  /* #RRGGBBAA glow for browsers that can handle it. Alpha matches May 2018 Garden (hex 59 = 0.35 alpha): */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 0 3px #008F7E59;
}

ul#green li.main:hover, ul#green li.main.over {
  background: #379287;
}

.header, .header a, #table_header a, #top-right, #top-right a, #top-menu a.tab, #user_chat h1 span, #user_chat #end_session {
  color: #FFFFFF;
}

#top-menu-background, #top form#topquery {
  background-color: #0F7773;
}

ul.menu-drop, ul.drop-list ul {
  border-color: #0F7773;
}

.side-box-content, .blue_box_top, .blue_box_bottom, .side-box-with-image, .r_blue {
  background-color: #F6F6F6;
}

ul#green.agent-tabs li.main, ul#green.agent-tabs li.active:hover, ul#green.agent-tabs li.active.over {
  border-left: 2px solid #0F7773;
}