I am calling this the "retro" style
#headertabs.retro.ui-widget { font-family:inherit; font-size: 1em; background: #fff; border: 0px; } #headertabs.retro .ui-tabs-panel { border-color: rgb(36,51,86) rgb(128,128,128) rgb (128,128,128); border-style: solid; border-width: 1px; } #headertabs.retro .ui-widget-header { border-bottom: 5px solid #2647A0; } #headertabs.retro .ui-state-default, #headertabs.retro .ui-state-default a { background: #CCC; border-color: #666; color: #000; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #headertabs.retro .ui-state-hover, #headertabs.retro .ui-state-hover a { background: rgb(191,218,255); color: #000; } #headertabs.retro .ui-state-active, #headertabs.retro .ui-state-active a { background: #2647A0; border-color: #000; border-width: 1px 1px 0px 1px; color: #fff; } #headertabs.retro .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; } #headertabs.retro .ui-widget-content a { color: #0645ad; } #headertabs.retro .ui-widget a:visited { color: #0b0080; } #headertabs.retro .ui-widget-content a.new { color: #CC2200; } #headertabs.retro .ui-widget-content a.new:visited { color: #A55858; } #headertabs.retro .ui-widget-content a.exitw { color: #3366BB; } #headertabs.retro .ui-widget-content a.redirect { color: #308050 } #headertabs.retro .ui-widget-content a.redirect:visited { color: #3070A0; }