/* --- TabNavigation - for Main Content and Sidebar --- */
.tab_navigation {
  background: linear-gradient(to bottom, #ffffff 0%, #e0e3ed 100%);
  /* W3C */
  margin: 4px 0 0 0;
  padding: 0 0 2px 0;
  z-index: 20;
  font-weight: bold;
  display: block;
  list-style: none;
  height: auto;
  border-bottom: 1px solid #E6E6E6;
  clear: both;
  height: 19px;
  width: 100%;
  position: absolute;
  left: 0;
}
.tab_navigation li {
  display: inline;
  line-height: 19px;
  padding: 5px 0px;
  margin: 0px;
  background-position: 0px -142px;
  position: relative;
  z-index: 40;
}
.tab_navigation li a {
  color: #666;
  padding: 5px 12px;
  text-decoration: none;
  line-height: 20px;
  /*background: transparent url(../../docroot/images/tabs/tabs_seperator.gif) no-repeat center right;*/
  background-position: 100% -548px;
  text-align: center;
}
/* Hidden Tab prevents IE Bug */
.tab_navigation li.hidden {
  visibility: hidden;
}
.tab_navigation li a:hover {
  text-decoration: none;
}
.tab_navigation li.selected {
  background-position: -978px -2px;
  z-index: 60 !important;
}
.tab_navigation li.hover {
  background-position: -373px -142px;
}
.tab_navigation li.selected a {
  background-repeat: no-repeat !important;
}
.tab_navigation li.selected a {
  background-position: 100% -417px;
}
.tab_navigation li.hover a {
  background-position: 100% -572px;
  background-repeat: no-repeat !important;
}
.tab_navigation li.selected a {
  font-weight: bold;
  text-decoration: none;
  /*border-bottom: 1px solid white;  this style was causing faulty rendering in Mozilla and IE*/
}
.tab_navigation li.hover a {
  text-decoration: none;
}
.tabcontent {
  display: block;
  margin: 0px;
  top: 0px;
  left: 0px;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 0 0 5px 5px;
}
.tab_wrap {
  position: relative;
  overflow: hidden;
  padding: 3px 0px 0px 0px;
  width: 100%;
  height: 21px;
}
