/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */





/*--------------------------------------------------


  REQUIRED to hide the non-active tab content.


  But do not hide them in the print stylesheet!


  --------------------------------------------------*/


h2 { font-size:11px;}


.tabberlive .tabbertabhide {


 display:none;


}





/*--------------------------------------------------


  .tabber = before the tabber interface is set up


  .tabberlive = after the tabber interface is set up


  --------------------------------------------------*/


.tabber { font-size:11px;


}


.tabberlive {


 margin-top:1em;


}





/*--------------------------------------------------


  ul.tabbernav = the tab navigation list


  li.tabberactive = the active tab


  --------------------------------------------------*/


ul.tabbernav


{


 margin:0;


 padding: 3px 0;


}





ul.tabbernav li


{


 list-style: none;


 margin: 0;


 display: inline;


  font-size:12px;


}





ul.tabbernav li a


{


 padding: 3px 0.5em;


 margin-right: 3px;


 border-bottom: none;


 background: #fff;


 text-decoration: none;


 color: #000000;


 text-transform:uppercase;


}





ul.tabbernav li a:link {}


ul.tabbernav li a:visited { }





ul.tabbernav li a:hover


{


 color: #000;


 background: #efefef;





}





ul.tabbernav li.tabberactive a


{


 background: #efefef;


}





ul.tabbernav li.tabberactive a:hover


{


 color: #333;


 background: #efefef;





}





/*--------------------------------------------------


  .tabbertab = the tab content


  Add style only after the tabber interface is set up (.tabberlive)


  --------------------------------------------------*/


.tabberlive .tabbertab {


 padding:5px;


 border-top:0;


 background:#efefef;


 margin-bottom:10px;


 font-size:12px;








 /* 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;


  font-size:12px;


}


.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;


}





.tabbertab p { padding-bottom:10px; line-height:140%; }


.tabbertab ul { padding:0; margin:0;}


.tabbertab ul li { padding:5px 0 6px 0; }


.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:24px; border-bottom:1px solid #fff;}