If you plan to make a new design for this toolbar, just wait for the next release which will come very soon. I manage to integrate toolbar differently from W3C valid xHTML and CSS : this will be realized using a whole new DIV architecture. For more, a skin selector will be introduced at the same time, and, in kindly hope, tutorials, tips, and skin samples. If you want to make a design for the next version, just the me a screenshot at sebastien.fichot@aricie.fr ; then I will check the structure to be sure than your design will be realizable.
The coming DOM structure will probably be something like this, with float, inline, pixel fixed width CSS attributes :
<div id="modulewokflow_wrapper">
<div class="modulewokflow_wrapper_content">
<div class="modulewokflow_top_wrapper">
<div class="modulewokflow_bar">
<div class="left modulewokflow_bar_0"></div>
<div class="left modulewokflow_bar_1">
<!-- Control state 1 goes here -->
</div>
<div class="left modulewokflow_bar_2">
<!-- Control state 2 goes here -->
</div>
<div class="left modulewokflow_bar_3">
<!-- Control state 3 goes here -->
</div>
<div class="left modulewokflow_bar_4"></div>
<div class="left modulewokflow_bar_5">
<div class="bar_swapper_control">
<!-- SectionHeads goes here -->
</div>
</div>
<div class="top_swaps">
<div class="bloc" id="swap_1">
<!-- Control Info goes here -->
</div>
<div class="bloc" id="swap_2">
<!-- Control Comments goes here -->
</div>
<div class="bloc" id="swap_3">
<!-- Control Actions goes here -->
</div>
<div class="bloc" id="swap_3">
<!-- Control Localization goes here -->
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="module_wrapper">
<div class="bloc">
<!-- Control Module goes here -->
</div>
</div>
<div class="bot_wrapper">
<div class="bloc bottom1">
<!-- Control CustomBlogActions goes here -->
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
This should be probably templatizable in the coming release.
Cheers,
Sébastien Fichot - Développeur