/* 
    Created on : Apr 17, 2014, 12:12:40 PM
    Author     : fbittner
*/
/* 
    Created on : Apr 17, 2014, 12:12:40 PM
    Author     : fbittner
*/
.tabbox {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.tabbox .tabs {
  display: block;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabbox .tabs li {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  margin-left: 5px;
  padding-bottom: 5px;
}
.tabbox .tabs li .btn {
  display: block;
}
.tabbox .tabs li .btn:-moz-focusring {
  outline: none;
}
.tabbox .tabs li:first-child {
  margin-left: 0;
}
.tabbox .tabs li.active {
  background-color: #efefef;
}
.tabbox .tabs li.active .btn {
  background-color: #efefef;
  border-color: #efefef;
}
.tabbox .tabs li.active .btn:hover {
  color: #369fbf;
}
.tabbox .tabs:after {
  clear: both;
  content: " ";
  display: block;
  box-sizing: border-box;
}
.tabbox .tabs-bottom li {
  padding-top: 5px;
  padding-bottom: 0px;
}
.tabbox .tab-content {
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #efefef;
}
.tabbox .tab-content .tab-pane {
  display: none;
  padding: 10px;
  position: relative;
}
.tabbox .tab-content .active {
  display: block;
}
/* 200px wide, 2 columns, tab width evenly split */
.tabbox-200-2 {
  width: 200px;
}
.tabbox-200-2 .tabs li {
  margin-left: 6px;
}
.tabbox-200-2 .tabs li .btn {
  width: 97px;
  padding: 0;
}
.tabbox-200-2 .tab-content {
  height: 210px;
  overflow: hidden;
}
/* 300px wide, 3 columns, tab width evenly split (kinda : ) ) */
.tabbox-300-3 {
  width: 300px;
}
.tabbox-300-3 .tabs li .btn {
  width: 97px;
  padding: 0;
}
.tabbox-300-3 .tabs li:first-child .btn {
  width: 96px;
}
/* special layout/positioning rules */
/* the topbox on the homepage needs to float left */
#hp-topbox {
  float: left;
}
/* topbox on MHT pages  */
#mht-topbox .tab-content {
  min-height: 153px;
}