
$theme: '.ace';
#{$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: 0px;
  background: none;
  border: 0px none;
  color: #555;
  text-shadow: 0px 1px 1px white;
  display:inline-block;
  zoom: 1;
  overflow:hidden;
  position: relative;
  padding: 0px;

  .ie7 & {
    display: inline;
  }

  
  &.sc-first-segment { background: none;  margin: 0px; padding: 0px;}
  &.sc-last-segment { background: none;  margin: 0px; padding: 0px; }

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

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

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

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

  &.active {
    color: #333;
    text-shadow: 0px 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: 0px -1px 1px rgba(0,0,0,.5);
  }

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

}
