Hello,
We just created some custom HTML for these boxes. You can try going into your HTML mode and pasting in the below and using an editor may strip them out so if this happens just temp disable it.
<div style="background: transparent url(/demo/clarity/images/mod1back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px; margin-bottom: 10px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Consectetur adipiscing</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>
<div style="background: transparent url(/demo/clarity/images/mod2back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px; margin-bottom: 10px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Vivamus augue massa</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>
<div style="background: transparent url(/demo/clarity/images/mod1back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px; margin-bottom: 10px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Aenean sed nibh</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>
<div style="background: transparent url(/demo/clarity/images/mod2back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Vivamus augue massa</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>