.tabs {
  list-style-type: none;
  /* border: 1px solid purple; */  /* for debugging */
  padding: 10px 0 10px 0;  /* work around IE bug */
  margin-left: 0px;
  width: auto;
}

.tabs li {
  display: inline;     /* align items horizontally */
  margin-right: -8px;  /* get rid of annoying spacers */
}

.tabs li a {
  padding: 5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  color: black;
  border: solid 2px;
  border-color: #888888;
  background: url(/images/w/art/client/gray1.gif);
}

.tabs a.active {
  font-weight: bold;
  color: black;
  background: url(/images/w/art/client/parchment.gif);
}

.tabs a:hover {
  color: brown;
  background: url(/images/w/art/client/sandstone.gif);
}

.subtabs {
  list-style-type: none;
  /* border: 1px solid purple; */  /* for debugging */
  /*padding: 10px 0 10px 0;*/  /* work around IE bug */
  padding: 0 0 0 0;
  margin-left: 0px;
  width: auto;
  font-size: smaller;
}

.subtabs li {
  display: inline;     /* align items horizontally */
  margin-right: -8px;  /* get rid of annoying spacers */
}

.subtabs li a {
  padding: 5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  color: black;
  border: solid 2px;
  border-color: #888888;
  background: url(/images/w/art/client/parchment.gif);
}

.subtabs a.active {
  font-weight: bold;
  color: black;
  background: url(/images/pda/greensand.jpg);
}

.subtabs a:hover {
  color: #F0FFF0;
  background: url(/images/pda/greensand.jpg);
}