"

From 2014.igem.org

/* Tab Content - menucool.com */ ul.tabs {

   padding: 14px 0 8px;
   margin:0;
   font-size: 0;
   list-style-type: none;
   text-align: center; /*set to left, center, or right to align the tabs as desired*/
   background: #000;
   border:1px solid #000;
   border-bottom:none;
   border-radius: 2px 2px 0 0;

}

ul.tabs li {

   display: inline;
   margin: 0;
   margin-right: 2px;/*distance between tabs*/
   font: normal 12px Verdana;

}

ul.tabs li a {

   text-decoration: none;
   position: relative;
   padding: 8px 22px;
   color: #fff;
   border-radius: 3px 3px 0 0;
   outline:none;

}

ul.tabs li a:hover {

   text-decoration: underline;
   font-weight:bold;
   color: #fff;

}

ul.tabs li.selected a {

   position: relative;
   top: 0px;
   font-weight:bold;
   background: #F7931E;
   border: 1px solid #000;
   border-bottom: 1px solid #000;
   color: #000;

}

ul.tabs li.selected a:hover, ul.tabs li.selected a:hover {

   text-decoration: none;

}

div.tabcontents {

   border: 1px solid #000; 
   padding-top: 0px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   border-top-color:#000;
   background-color:#FFF;
   border-radius: 0 0 2px 2px;

}