div.web-toolbar {
  z-index:999;
  font-size:11px !important;
  bottom:0;
  left:0;
  position:fixed;
  width:100%;
  background:#eef;
  height:20px;
  border-top:1px #ccc solid;
  padding:0 10px;
  margin:0;
}
div.web-toolbar h3 {
  height:20px;
  font-size:100%;
  font-weight:bold;
  padding:3px 10px;
  cursor:pointer;
}
div.web-toolbar h3:hover {
  background:#ccf;
}
div.web-toolbar u1 {
  margin:0;
  padding:0;
  list-style:none
}
li.toolboxSection {
  display:inline;
  float:left;
}
li.toolboxSection > div {
  display:none;
  margin:0;
  bottom:20px;
  position:fixed;
  background-color:white;
  border:1px solid #ccc;
  padding:8px;
}
div.web-toolbar select {
  max-width: 15em;
}

div.web-toolbar div.hiddenLabel label {
  display: none!important;
}

div.web-toolbar li {
  margin: 0;
  padding: 0;
  background: none;
}

div.web-toolbar li > a,
div.web-toolbar li > a:hover,
div.web-toolbar li > a:visited,
div.web-toolbar li > a:active {text-decoration: none}

div.web-toolbar button[type="submit"] {
  display: none;
}

/* Reset default styling of fields in admin tool box
** TODO: find a CSS trick to let forms and fieldset embedded in
**       ".web-toolbar" behave like default one instead of using
**       the one defined by default "div.wrapper div.field" rules.
*/
div.web-toolbar fieldset {               /* Should be the same as "fieldset" rule */
  background: none;
  border: inherit;
  margin: 0;
  border: 0;
}
div.web-toolbar fieldset > div.field {   /* Should be similar to "fieldset > div" rule */
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
}

/* Those values differ from default "fieldset label" rule to reduce admin toolbox minimum width */
div.web-toolbar div.field div.input {margin-left: 0em}

/* Cut the cascading heritance if margin-left for input */
div.web-toolbar > div.input {margin-left: inherit}
div.web-toolbar fieldset div.field label:after {content: inherit}


/* Admin toolbox edit buttons have the same style as actions buttons */
div.web-toolbar li > a,
div.web-toolbar button {
  border: 1px #ddd solid;
  color: #999;
  background: #eee;
  cursor: pointer;
  display: block;
  margin: 0.3em 0;
  width:100%;
  font-family:sans-serif;
  font-size:100%;
}
div.web-toolbar li > a span,
div.web-toolbar button {
  text-align:left;
  padding: .2em;
  display:block;
}

div.web-toolbar li > a:hover,
button:hover {
  color: #333;
  background: #b0cfcb;
  border-color: #9abdb7;
}

div.web-toolbar a img,
div.web-toolbar a:hover img,
div.web-toolbar button img {
  border:0 none;
  float:none;
  margin:0;
}

div.web-toolbar ul {
  margin:0;
}

div.web-toolbar ul li {
  font-size:100% !important;
}

div.web-toolbar li.toolboxSection label {
  display:block;
  margin:0.2em 0 0 0;
}