/* Tabs 
--------------------------------------------------------- */

ul#tabnav {
  text-align: left;
  margin: 2em 0 1em 0 !important;
  border-bottom: 1px solid #cecece;
  display: block;
  list-style-type: none;
  padding: 3px 10px 4px 0;
}

ul#tabnav li {
  background-image: none !important;
  font-family: tahoma, verdana, sans-serif;
  font-size: 100%;
  display: inline;
  padding: 0 !important;
  margin: 0 2px 0 0 !important;
}

/* Controls appearance of active tab.
    To change active tab display, append class
    to #tabnav ul. For example:
    <ul id="tabnav"class="tab3">
    sets tab3 to active.
--------------------------------------------------------- */
#tabnav.tab1 li.tab1, 
#tabnav.tab2 li.tab2, 
#tabnav.tab3 li.tab3, 
#tabnav.tab4 li.tab4,
#tabnav.tab5 li.tab5,
#tabnav.tab6 li.tab6 {
  border-bottom: 1px solid white;
  background-color: white;
}

#tabnav.tab1 li.tab1 a, 
#tabnav.tab2 li.tab2 a, 
#tabnav.tab3 li.tab3 a, 
#tabnav.tab4 li.tab4 a,
#tabnav.tab5 li.tab5 a,
#tabnav.tab6 li.tab6 a {
  background-color: white;
  border-bottom: 1px solid white;
  border-left: 1px solid #cecece;
  border-top: 1px solid #cecece;
  border-right: 1px solid #cecece;
  color: black;
  position: relative;
  top: 1px;
  padding-top: 6px !important;
}

ul#tabnav li a { /* all tabs */
  padding: 5px 12px !important;
  border: 1px solid #d0dee9;
  background-color: #edf4fa;
  color: #069;
  margin-right: 0;
  text-decoration: none;
  border-bottom: none;
}

ul#tabnav a:hover {
  background-color: #fff;
}