/*--------------------------------------------------
 REQUIRED to hide the non-active tab content.
 But do not hide them in the print stylesheet!
 --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
 .tabber = before the tabber interface is set up
 .tabberlive = after the tabber interface is set up
 --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top:1em; margin:30px -30px; }

/*--------------------------------------------------
 ul.tabbernav = the tab navigation list
 li.tabberactive = the active tab
 --------------------------------------------------*/
ul.tabbernav { margin:0; padding:3px 30px; border-bottom:1px solid #778; font:bold 12px Verdana, sans-serif; }

ul.tabbernav li { list-style:none; margin:0; display:inline; }

ul.tabbernav li a { padding:3px 0.5em; margin-left:3px; border:1px solid #778; border-bottom:none; background:#666666; text-decoration:none; }

ul.tabbernav li a:link { color:#fff !important; }
ul.tabbernav li a:visited { color:#fff !important; }

ul.tabbernav li a:hover { color:#000; background:#999; border-color:#555; }

ul.tabbernav li.tabberactive a { background-color:#b4b3aa; border-bottom:1px solid #b4b3aa; color:#000 !important; }

ul.tabbernav li.tabberactive a:hover { color:#000; background:white; border-bottom:1px solid white; }

/*--------------------------------------------------
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
 --------------------------------------------------*/
.tabberlive .tabbertab { background:url('/images/bg_sub_top_content.gif') repeat-x top; padding:15px 30px; border:0px solid #aaa; border-top:0; min-height:200px;

/* 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; }
.tabberlive .tabbertab h4 { font-size:2em; margin:0 0 15px 0; }

.tabberlive .tabbertab ul { margin:10px 0; padding:0 40px; list-style-image:url('/images/sub_nav_arrow.gif'); }
.tabberlive .tabbertab ul li { margin:5px 0; }