/* for divs that bound floats */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}


/* TabSet */

.tabs {
  border-bottom: 1px solid #99acbb;
}
a.tab {
  border: 1px solid #99acbb;
  background-color: #e6f0f4;
  margin-bottom: -1px;
  float: left;
  display: block;
  margin-left: 4px;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 12px;
  color: #2260aa;
}
a.tab:hover {
  text-decoration: none;
}
a.tab:active {
  text-decoration: none;
  background-color: #f2f7fc;
  color: #37d;
}
a.tab.selected {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  color: #000;
  padding: 3px 5px;
  margin-top: -2px;
}
.panes {
  border: 1px solid #99a6bb;
  border-top: 0;
  padding: 6px 8px;
}
.pane {
  display: none;
  padding: 6px 6px;
}
.pane.selected {
  display: block;
}


/* Autocomplete */

.completions {
  position: absolute;
  width: 300px;
  background-color: #fff;
  border: 1px solid #9ab;
  border-top: none;
  border-bottom: 1px solid #68a;
  z-index: 10;
  font-size: 11px;
  line-height: 14px;
  display: none;
}

.completions .item {
  border-top: 1px solid #ddd;
  padding: 2px 4px;
  cursor: pointer;
}
.completions .item.selected {
  background-color: #37b;
  color: #fff;
}

.completions .item .context {
  font-size: 10px;
}

.completions .item em {
  font-style: normal;
  font-weight: bold;
  background-color: #cdf;
}
.completions .item.selected em {
  background-color: #58f;
}