$theme.sc-segmented-view {

overflow: visible;

&.disabled {
  opacity: 0.5;

  /* The base style has a white background added to the first and last segments when disabled. */
  .sc-first-segment { background: none; }
  .sc-last-segment { background: none; }
}

}

$theme.sc-segment-view {

margin: 0;
background: none;
border: 0 none;
color: #555;
text-shadow: 0 1px 1px white;
display:inline-block;
zoom: 1;
overflow:hidden;
position: relative;
padding: 0;

.ie7 & {
  display: inline;
}

/* The base style has a gray background added to the first and last segments. */
&.sc-first-segment { background: none;  margin: 0; padding: 0;}
&.sc-last-segment { background: none;  margin: 0; padding: 0; }

.left {
  position: absolute;
  left: 0;
  zoom: 1;
}

.right {
  position: absolute;
  right: 0;
  zoom: 1;
}

.middle {
  margin: 0;
  padding: 0;
  padding-top:1px;
  vertical-align:top;
  zoom: 1;
  position: absolute;
}

.sc-button-label {
  position: relative;
}

&.active {
  color: #333;
  text-shadow: 0 1px 1px white;
}

&.disabled {
  opacity: 0.5;

  /* The base style has a white background added to the first and last segments when disabled. */
  &.sc-first-segment { background: none; }
  &.sc-last-segment { background: none; }
}

&.sel {
  background:none;
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}

&.sel.active {
  background:none;
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}

}