I'm trying to duplicate the appearance of tabs (see below) where the green coloured border goes behind the active tab but overlaps the inactive tabs.It's also thicker than normal.

After modifications, especially to 

.ui-widget-header { border-bottom: 4px solid green/*{borderColorHeader}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 4px; margin: 0 .2em 1px 0; border-bottom: 0px !important; padding: 0; white-space: nowrap; }

I ended up with this (see below).  The green border does not overlap the inactive tabs.

Anyone know how to make it overlap the inactive tabs?

Thanks,

Richard