The easiest way to change the backgound color of these bars is to use the Style editor. If you do not have this feature, contact your sales representative to find out about upgrading.
Another method is to delete the text in the Section Heading for each element (so the black boxes disappear) and then use your own custom HTML in the BEFORE box (under the Advanced properties). For example, the HTML for a gray bar would be a table that looks something like this:
<table width="100%" bgcolor="gray">
<tr><td>
<font color="white">YOUR TEXT</font>
</td></tr>
</table>
[PRINTER FRIENDLY VERSION]