.TabStrip {
  width:100%;
  height: 25px;
  background-image: url(../Img/TabStrip/Background.gif);
  background-repeat: repeat-x;
  background-position: top;
  cursor: pointer;
}

.TabStrip .LeftPart   {
  background-position: bottom;
}
.TabStrip .MiddlePart {
  width: 100%;
  height: 25px;
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 0px 5px 6px 5px;
  text-align: center;
  vertical-align: bottom;
  font-family:  Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.TabStrip .MiddlePart img {
  position: relative;
  top: 4px;
}
.TabStrip .RightPart {
  background-position: bottom;
}

.TabStrip .ActiveTab {
  width:100%;
}

.TabStrip .ActiveTab .LeftPart   {
  background-image: url(../Img/TabStrip/ActiveLeft.gif);
}
.TabStrip .ActiveTab .MiddlePart
{
  font-weight: bold;
  background-image: url(../Img/TabStrip/ActiveMid.gif);
}

.TabStrip .ActiveTab .RightPart  {
  background-image: url(../Img/TabStrip/ActiveRight.gif);
}

.TabStrip .InactiveTab {
  width:100%;
}

.TabStrip .InactiveTab .LeftPart   {
  background-image: url(../Img/TabStrip/InactiveLeft.gif);
}
.TabStrip .InactiveTab .MiddlePart {
  background-image: url(../Img/TabStrip/InactiveMid.gif);
}
.TabStrip .InactiveTab .RightPart  {
  background-image: url(../Img/TabStrip/InactiveRight.gif);
}

.TabStrip .ActiveTab div, .TabStrip .InactiveTab div, .TabStrip .DisabledTab div {
  width: 9px;
  height: 25px;
  overflow : hidden;
}

.TabStrip .InactiveTab nobr {
  position: relative;
  top: 2px;
}