Define accordion selected header style separate from other UI elements

Define accordion selected header style separate from other UI elements

I am using the full jQuery UI (1.9.2) and want to style my accordion differently than the other UI elements.  However, when you create or use a predefined theme, all elements use the same style.

I've been able to define the header's default and hover styles (below), but haven't found the solution for the active header.

Does anyone know how to style the selected accordion header separately from the other UI elements?

  1. .ui-accordion .ui-accordion-header { my style }

  1. .ui-accordion .ui-accordion-header:hover { my style }