div.toolbar_container {
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  background: url(../images/bar32_bg.gif) repeat left top;
  background-image: url(../images/bar32_bg.svg), none;
}

div.toolbar {
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  background: url(../images/bar32_bg.gif) repeat left top;
  background-image: url(../images/bar32_bg.svg), none;
}

div.toolbar .toolbar_item {
  flex: 0 0 auto;
}

div.toolbar .toolbar_fill_item {
  flex-grow: 100;
  flex-shrink: 1;
  flex-basis: 0;
}

div.toolbar .toolbar_slider_item {
  flex: 1 1 auto;
  display: flex;
  min-width: 0;
}

div.toolbar .toolbar_slider_item p {
  flex-shrink: 0;
}

div.toolbar .toolbar_slider_item .hSliderView {
  flex: 0 1 auto;
  min-width: 3em;
}

div.toolbar .toolbar_slider_item .hSliderView .hSliderBarBottom {
  min-width: 0;
}

div.toolbar #zoom_level_box {
  min-width: 14em;
}

div.toolbar div.toolbar_fill {
  margin: 0;
  padding: 0;
  height: 0;
  width: 0;
  clear: both;
  overflow: hidden;
}

div.toolbar div.box {
  margin: 0;
  padding: 0 10px 0 10px;
  height: 32px;
  white-space: nowrap;
  float: left;
  background: url(../images/bar32_bg.gif) repeat-x left top;
  background-image: url(../images/bar32_bg.svg), none;
}

div.toolbar div.box_right {
  margin: 0;
  padding: 0 10px 0 10px;
  height: 32px;
  white-space: nowrap;
  float: right;
  background: url(../images/bar32_bg.gif) repeat-x left top;
  background-image: url(../images/bar32_bg.svg), none;
}

div.toolbar div.box p,
div.toolbar div.box_right p {
  border: none;
  margin: 0;
  padding: 4px 0 0 0;
  vertical-align: middle;
  line-height: 20px;
  float: left;
}

div.toolbar div.box img,
div.toolbar div.box_right img {
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}


div.toolbar div.box a,
div.toolbar div.box a img,
div.toolbar div.box_right a,
div.toolbar div.box_right a img {
  border: none;
}

div.toolbar div.box a {
  cursor: pointer;
}

div.toolbar div.box a.button,
div.toolbar div.box_right a.button,
div.toolbar div.box a.button_active,
div.toolbar div.box_right a.button_active {
  border: none;
  margin: 4px 0 0 0;
  padding: 0 0.5em 0 0;
  width: 24px;
  height: 24px;
  display: block;
  float: left;
}

div.toolbar div.box a.button_active,
div.toolbar div.box_right a.button_active {
  background: url(../images/button_down.gif) no-repeat left center;
  background-image: url(../images/button_down.svg), none;
}

div.toolbar div.box a.button:hover,
div.toolbar div.box_right a.button:hover {
  background: url(../images/button_over.gif) no-repeat left center;
  background-image: url(../images/button_over.svg), none;
}

div.toolbar div.box input,
div.toolbar div.box_right input,
div.toolbar div.box select,
div.toolbar div.box_right select {
  font-size: 11px;
}


/* menu */

div.menu div.box,
div.menu div.box_right {
  padding: 0;
}

div.menu div.box_right {
  margin-right: 4px;
}

div.toolbar div.menu_item p {
  padding-left: 1em;
  padding-right: 1em;
  cursor: default;
}

div.menu_item table {
  border-collapse: collapse;
  border: none;
}

div.menu_item tr.menu_item {
  background: none;
  color: #000000;
}

div.menu_item tr.menu_item.active_item {
  background: #ccfc89;
  color: #000000;
}

div.menu_item tr.menu_item_hover,
div.menu_item tr.menu_item_selected {
  background: #0000FF;
  color: #FFFFFF;
}

div.menu_item tr.menu_item_hover a,
div.menu_item tr.menu_item_selected a {
  color: #FFFFFF;
}

div.menu_item tr.menu_item a {
  color: #000000;
}

div.menu_item div.pulldown td,
div.pulldown_item div.pulldown td {
  padding: 0;
  padding-left: 1em;
  margin: 0;
}

div.menu_item div.pulldown td p,
div.pulldown_item div.pulldown td p {
  margin: 0;
  /*padding: 0.05em 0.25em 0.05em 0.25em;*/
  padding: 0 4px 1px 4px;
}

div.menu_item div.pulldown,
div.pulldown_item div.pulldown {
  clear: both;
  position: relative;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 99;
  overflow: visible;
  display: none;
}

div.pulldown_item div.pulldown {
  top: -2em;
  left: 100%;
}

div.menu_item div.pulldown div.menu_text,
div.pulldown_item div.pulldown div.menu_text {
  clear: both;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #DDDDDD;
  background: #FFFFFF;
  white-space: nowrap;
}

div.menu_item tr.menu_item a.hoverlink {
  visibility: hidden;
}

div.menu_item tr.menu_item_hover a.hoverlink,
div.menu_item tr.menu_item_selected a.hoverlink {
  visibility: visible;
  color: #FFF;
  text-decoration: none;
}
div.menu_item tr.menu_item_hover a.hoverlink:hover,
div.menu_item tr.menu_item_hover a.authhoverlink:hover,
.catmaid.authenticated div.menu_item tr.menu_item_hover a.hoverlink.auth-only:hover,
.catmaid.authenticated div.menu_item tr.menu_item_selected a.hoverlink.auth-only:hover {
  color: #ffb300;
}

.catmaid.authenticated div.menu_item tr.menu_item_hover a.hoverlink.auth-only,
.catmaid.authenticated div.menu_item tr.menu_item_selected a.hoverlink.auth-only {
  visibility: visible;
  color: #FFF;
  text-decoration: none;
}

.catmaid:not(.authenticated) div.menu_item tr.menu_item_hover a.hoverlink.auth-only,
.catmaid:not(.authenticated) div.menu_item tr.menu_item_selected a.hoverlink.auth-only {
  visibility: hidden;
}

div.toolbar div.box p.toolbar_wait,
div.toolbar div.box_right p.toolbar_wait {
  padding: 4px 0 4px 24px;
  vertical-align: middle;
  background: url(../images/wait_bgtransgrey.gif) no-repeat left center;
  display: none;
}

div.toolbar .alert {
  padding: 4px 0 4px 24px;
  vertical-align: middle;
  background: url(../images/alert_bgtransgrey.gif) no-repeat right center;
}

div.menu_item a[data-state]::before {
  display: inline;
  content: attr(data-state);
  text-align: center;
  position: absolute;
  left: 0.5em;
}

div#login_box {
  display: block;
}

div#logout_box {
  display: none;
}

div#session_box {
  display: none;
}

div#message_box {
  display: none;
}

.catmaid.authenticated .login_link,
.catmaid.authenticated div#login_box {
  display: none;
}

.catmaid.authenticated div#logout_box {
  display: block;
}

.catmaid.authenticated div#session_box {
  display: block;
}

.catmaid.authenticated div#message_box {
  display: block;
}

.catmaid.no_local_login .local_login {
  display: none;
}

.catmaid.no_external_login .external_login {
  display: none;
}

.catmaid .external-login-option {
	margin-left: 2em;
}

#toolbar_nav {
  display: flex;
}

#toolbar_login {
  display: flex;
}

#toolbox_data {
  overflow: hidden;
  flex-grow: 1;
}

#login_menu {
  left: -5em;
}