7 - Add CSS to a LIST items in a block I'm trying to display a block on a left side bar with few links. I've created a block and it shows up with the links but NO CSS applied:

&lt;div class="vertical-tabs"&gt;
    &lt;ul class="ul.vertical-tabs-list"&gt;
        &lt;li&gt;
            &lt;a href="/"&gt;Home&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;a href="itemInfo"&gt;Site Info&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;a href="jobs"&gt;Career&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;a href="aboutus"&gt;About Us&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;


When I check the elements in UI, it doesn't show the vertical-tabs class being applied.

I'm not looking for any custom form. I need to know how the CSS should be applied in this case. 

Thanks.
There's a template hook for this: template_preprocess_block

Use $variables['classes_array'] to add classes to the block.