Changing Tabbed Box Colors

Copied from Carrie, who I think got it from Cindi (based on the image location):

<style>

/* this is the background behind all the tabs */
.ui-widget-header {background: #HEXCODE;}

/* This changes the font color of the selected tab*/
.ui-tabs .ui-tabs-nav li[aria-selected=true] a { color:#HEXCODE; }

/* sets the default state font color */
.ui-tabs .ui-tabs-nav li a {color:#HEXCODE;}

/* This changes the background color of the unselected, or inactive, tabs */
.ui-tabs-anchor {background-color: #HEXCODE;} 

/* This changes the background color of the selected, or "active" tab */
li.ui-tabs-active a { background: #HEXCODE;} 

</style>

Here is a screenshot of what each line changes:

...