Topic on Extension:Header Tabs/Skin modification

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