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;
}