
$theme: '.ace';

$theme: '.ace.dark.sc-huge-size';


  #{$theme}.button {

    .sc-button-label {
      margin-top:4px;
      height: 30px;
      font-size:13px;
    }


    & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_normal_button_0_0_3__0_;
-chance-offset: "resources/button/dark/30px/normal_button_0_0_3__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 3px; 
}
& > .middle {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_normal_button_3_0_1__0_;
-chance-offset: "resources/button/dark/30px/normal_button_3_0_1__0_" 0 0;background-repeat: repeat-x;
position: absolute;
left: 3px; 
top: 0px; 
right: 3px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_normal_button__0_3__0_0;
-chance-offset: "resources/button/dark/30px/normal_button__0_3__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 3px; 
}
;

    &.active {
      & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_active_button_0_0_3__0_;
-chance-offset: "resources/button/dark/30px/active_button_0_0_3__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 3px; 
}
& > .middle {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_active_button_3_0_1__0_;
-chance-offset: "resources/button/dark/30px/active_button_3_0_1__0_" 0 0;background-repeat: repeat-x;
position: absolute;
left: 3px; 
top: 0px; 
right: 3px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_active_button__0_3__0_0;
-chance-offset: "resources/button/dark/30px/active_button__0_3__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 3px; 
}
;
    }

    &.sel, &.def {
      & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_button_0_0_3__0_;
-chance-offset: "resources/button/dark/30px/selected_button_0_0_3__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 3px; 
}
& > .middle {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_button_3_0_1__0_;
-chance-offset: "resources/button/dark/30px/selected_button_3_0_1__0_" 0 0;background-repeat: repeat-x;
position: absolute;
left: 3px; 
top: 0px; 
right: 3px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_button__0_3__0_0;
-chance-offset: "resources/button/dark/30px/selected_button__0_3__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 3px; 
}
;
    }

    &.sel.active, &.def.active {
      & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_active_button_0_0_3__0_;
-chance-offset: "resources/button/dark/30px/selected_active_button_0_0_3__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 3px; 
}
& > .middle {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_active_button_3_0_1__0_;
-chance-offset: "resources/button/dark/30px/selected_active_button_3_0_1__0_" 0 0;background-repeat: repeat-x;
position: absolute;
left: 3px; 
top: 0px; 
right: 3px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_active_button__0_3__0_0;
-chance-offset: "resources/button/dark/30px/selected_active_button__0_3__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 3px; 
}
;
    }
  }

  
$theme: '.ace.dark.sc-huge-size.point-left';

    #{$theme}.button {
      & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_normal_button_pointer_0_0_12__0_;
-chance-offset: "resources/button/dark/30px/normal_button_pointer_0_0_12__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {

position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;

      .middle { left: 12px; }
      .right { right:10px; width:3px }

      &.active {
        & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_active_button_pointer_0_0_12__0_;
-chance-offset: "resources/button/dark/30px/active_button_pointer_0_0_12__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {

position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;
        .middle { left: 12px; }
        .right { right:10px; width:3px }
      }

      &.sel, &.def {
        & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_button_pointer_0_0_12__0_;
-chance-offset: "resources/button/dark/30px/selected_button_pointer_0_0_12__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {

position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;
        .middle { left: 12px; }
        .right { right:10px; width:3px }
      }

      &.sel.active, &.def.active {
        & > .left {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_active_button_pointer_0_0_12__0_;
-chance-offset: "resources/button/dark/30px/selected_active_button_pointer_0_0_12__0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {

position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;
        .middle { left: 12px; }
        .right { right:10px; width:3px }
      }
    }
  $theme: '.ace.dark.sc-huge-size';


  
$theme: '.ace.dark.sc-huge-size.point-right';

    #{$theme}.button {
      & > .left {

position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_normal_button_pointer__0_12__0_0;
-chance-offset: "resources/button/dark/30px/normal_button_pointer__0_12__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;

      .middle { right: 12px; }
      .left { left:10px; width:3px }

      &.active {
        & > .left {

position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_active_button_pointer__0_12__0_0;
-chance-offset: "resources/button/dark/30px/active_button_pointer__0_12__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;
        .middle { right: 12px; }
        .left { left:10px; width:3px }
      }

      &.sel, &.def {
        & > .left {

position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_button_pointer__0_12__0_0;
-chance-offset: "resources/button/dark/30px/selected_button_pointer__0_12__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;
        .middle { right: 12px; }
        .left { left:10px; width:3px }
      }

      &.sel.active, &.def.active {
        & > .left {

position: absolute;
left: 0px; 
top: 0px; 
bottom: 0px; 
width: 12px; 
}
& > .middle {

position: absolute;
left: 12px; 
top: 0px; 
right: 12px; 
bottom: 0px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_button_dark_30px_selected_active_button_pointer__0_12__0_0;
-chance-offset: "resources/button/dark/30px/selected_active_button_pointer__0_12__0_0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
bottom: 0px; 
width: 12px; 
}
;
        .middle { right: 12px; }
        .left { left:10px; width:3px }
      }
    }
  $theme: '.ace.dark.sc-huge-size';

$theme: '.ace';

