/****************************************
  Tab based navigations
*/

ul.primary_tabs {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary_tabs li {
  display: inline;
}
ul.primary_tabs li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary_tabs li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary_tabs li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary_tabs {
  border-bottom: 1px solid #bbb;
  margin-top: 2px;
  margin-bottom: 5px;
}
ul.secondary_tabs li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #ddd;
}
ul.secondary_tabs a {
  padding: 0;
  text-decoration: none;
}
ul.secondary_tabs li.active {
  border-bottom: 3px solid #bbb;
  background: none;
}
ul.secondary_tabs li.active a {
  text-decoration: none;
}