dhtmlxTabbar - whitespace

Suite and Optimus Suite 5
#1

There doesn’t appear to be any assigned CSS (margin, padding) for controlling the whitespace inside and outside of the container.

What is the preferred method to control this whitespace? IE. do we hack the provided .css or are there classes that can/should be defined elsewhere?

#2

tabbar attaches the container as is. If some paddings need being set, you may set them for the object you attach.

#3

And if you have something like the following where do you set the white space for such content?

  <div id="a_tabbar" style="width:500px; height:450px;"/>
    <script>
    
    var tabbar;
    function doOnLoad() {
            tabbar = new dhtmlXTabBar("a_tabbar", "top");
            tabbar.setSkin('dhx_skyblue');
            tabbar.setImagePath("<?php echo bloginfo('stylesheet_directory').'/js/imgs/';?>");
            tabbar.addTab("a1", "Biography", "100px");
            tabbar.addTab("a2", "Transcript", "100px");
            tabbar.showInnerScroll();
            tabbar.setHrefMode("ajax-html");
            
            /*tabbar.setContentHTML("a1", '<img src="<?php bloginfo('stylesheet_directory')?>/img/<?php echo get_post_meta($post->ID, "portrait", true); ?>" />');*/
            tabbar.setContentHTML("a1", '<a href="<?php the_permalink(); ?>"><?php the_title(); ?>');
            tabbar.setContentHTML("a2", '<?php echo addslashes(str_replace("  ", " ", ereg_replace("/\n\r|\r\n|\n|\r|\xe2|\x88|\x9e/", " ", get_post_meta($post->ID, "transcript", true)))); ?>');
            tabbar.setTabActive("a2");

        }
    </script>	
  </div>