.tabberlive .tabbertabhide
{
   display:none;
}

.tabber
{
}


/* główne okno */
.tabberlive
{
   margin-top: 10px;
   margin-bottom: 17px;
}


/* tło paska kart */
ul.tabbernav
{
   margin:0;
   padding: 3px 0;
   border-bottom: 1px solid #bababa;
   font: normal 13px tahoma;
   color: #999999;
}

/* tło karty */
ul.tabbernav li
{
   list-style: none;
   margin: 0;
   display: inline;
}

/* zawartość karty */
ul.tabbernav li a
{
   padding: 3px 6px 3px 6px;
   margin-left: 0px;
   border-top: 1px solid #bababa;
   border-left: 1px solid #bababa;
   border-right: 1px solid #bababa;
   border-bottom: none;
   background-image: url(/img/box_zakladkowy_nie.gif);
   text-decoration: none;
   color: #666666;
}

ul.tabbernav li a:hover
{
   color: #000;
   border-color: #bababa;
}

/* karta aktywna */
ul.tabbernav li.tabberactive a
{
   background-color: #fff;
   border-bottom: 1px solid #f4f4f4;
   margin-left: 0;
   padding-left: 0;
   padding: 3px 6px 3px 6px;
}
ul.tabbernav li.tabberactive a:hover
{
   color: #000;
   border-bottom: 1px solid #f4f4f4;
}



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #bababa;
 border-top:0;
 background-color: #f4f4f4;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}

.tabberlive .tabbertab h3
{
 display:none;
}


/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1
{
}

.tabberlive#tab2
{
}

.tabberlive#tab2 .tabbertab
{
   height:200px;
   overflow:auto;
}