I can change the properties that I need to change except the <a> color of the clicked tab. I've tried many combos, here is what I have.
/* Tabs ----------------------------------*/ .ui-tabs {padding: .2em;} .ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative;background-image: url(/images/blackgradient.jpg);} .ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; background-image: url(/images/blackgradient.jpg); } .ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em;color: white; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; background-image: none; border: red solid thin; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; background-image: none; } .ui-tabs-selected {color: black;} .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } Any ideas?