/** 
 * SlickEdit Tabbar
 */

ul.se-tabbar {
  box-sizing: border-box;
  margin: 0px;
  width: 100%;
  list-style-type: none;
  list-style-image: none;
}

/* BEGIN - clearfix hack */
ul.se-tabbar:before, ul.se-tabbar:after {
  content: "";
  display: table;
}
ul.se-tabbar:after {
  clear: both;
}
ul.se-tabbar {
  zoom: 1; /* For IE6/7 (trigger hasLayout) */
}
/* END - clearfix hack */

ul.se-tabbar.se-tabbar-north {
  border-bottom: 1px solid #000;
}
ul.se-tabbar.se-tabbar-south {
  border-top: 1px solid #000;
}
ul.se-tabbar.se-tabbar-no-baseline {
  border-top: none;
  border-bottom: none;
}
ul.se-tabbar li.tab,
ul.se-tabbar li.pad {
  position: relative;
  float: left;
  margin: 0px;
  /* tabs overlap by 2px */
  margin-left: -2px;
  /* Need line-height same as height so that text is centered vertically */
  line-height: 2em;/*28px;*/
  padding: 0 1em 0 1em;/*0 15px 0 15px;*/
  /*min-width: 120px;*/
  height: 2em;/*29px;*/
  text-align: center;
  background-image: none !important; /* rb - .art-Post li in template.css overrides this unless we use !important */
  cursor: pointer;
}
ul.se-tabbar.se-tabbar-north li.tab {
  border: 1px solid #a0a0a0;
  border-bottom: 0 none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
/* If no-baseline, then do not raise north tabs to be above a baseline */
ul.se-tabbar.se-tabbar-north.se-tabbar-no-baseline li.tab {
  margin-top: 0;
}
ul.se-tabbar.se-tabbar-south li.tab {
  border: 1px solid #a0a0a0;
  border-top: 0 none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
ul.se-tabbar li.tab a, 
ul.se-tabbar li.tab a:link, 
ul.se-tabbar li.tab a:visited, 
ul.se-tabbar li.tab a:hover {
  text-decoration: none;
  color: inherit !important;
}
ul.se-tabbar li.tab.first {
  margin-left: 0px;
}
ul.se-tabbar li.tab.middle {
  /* future */
}
ul.se-tabbar li.tab.last {
  /* future */
}
ul.se-tabbar li.pad {
  /* Use pad tab as the first/last tab to force a buffer at the beginning/end of tabbar */
  border: 0 none;
  margin-left: 0px !important;
  cursor: auto !important;
  background-color: inherit !important;
  /*background-color: red;*/
}
ul.se-tabbar li.tab.selected {
  /*height: 30px;*/
  border: 1px solid #000;
  z-index: 1;

  /* Note: Baseline will be drawn under current tab unless you give it a background-color. */
  background-color: #fff;
  cursor: default;
}
ul.se-tabbar.se-tabbar-north li.tab.selected {
  /* Raise selected tab */
  margin-top: -4px;
  /* Pad to compensate for margin-top, so text is rendered level with other tab text */
  padding-top: 2px;
  padding-bottom: 1px;
  /* Selected tab will extend 1px below baseline which will hide baseline */
  bottom: -2px;
  border-bottom: 0 none;
}
/* If no-baseline, then do not raise north tabs to be above a baseline */
ul.se-tabbar.se-tabbar-north.se-tabbar-no-baseline li.tab.selected {
  /* Raise selected tab by 3px */
  margin-top: -3px;
  /* Pad to compensate for margin-top, so text is rendered level with other tab text */
  padding-top: 3px;
  padding-bottom: 0;
  /* no-baseline, so no need to extend over it */
  bottom: 0;
}
ul.se-tabbar.se-tabbar-south li.tab.selected {
  /* Raise selected tab to extend above baseline which will hide baseline */
  margin-top: -1px;
  /* Pad top by 1px to compensate for margin-top, so caption is rendered level with other tabs */
  padding-top: 1px;
  /* Pad bottom by 3px for total 3px "raise" of selected tab */
  padding-bottom: 3px;
  border-top: 0 none;
}