
$theme: '.ace';
#{$theme}.menu {
  .sc-menu-scroll-view { background: transparent; }
  
  .panel-background {
    background: transparent;
    position: absolute;
    top: -22px; right: -15px; bottom: -22px; left: -15px;
    & > .top-left {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu_0_0_25_25__;
-chance-offset: "resources/menu/menu_0_0_25_25__" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
width: 25px; 
height: 25px; 
}
& > .left {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu_0_25_25_1__;
-chance-offset: "resources/menu/menu_0_25_25_1__" 0 0;background-repeat: repeat-y;
position: absolute;
left: 0px; 
top: 25px; 
bottom: 25px; 
width: 25px; 
}
& > .bottom-left {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu_0__25_25_0_;
-chance-offset: "resources/menu/menu_0__25_25_0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
bottom: 0px; 
width: 25px; 
height: 25px; 
}
& > .top {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu_25_0_1_25__;
-chance-offset: "resources/menu/menu_25_0_1_25__" 0 0;background-repeat: repeat-x;
position: absolute;
left: 25px; 
top: 0px; 
right: 25px; 
height: 25px; 
}
& > .middle {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu_25_25_1_1__;
-chance-offset: "resources/menu/menu_25_25_1_1__" 0 0;background-repeat: repeat;
position: absolute;
left: 25px; 
top: 25px; 
right: 25px; 
bottom: 25px; 
}
& > .bottom {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu_25__1_25_0_;
-chance-offset: "resources/menu/menu_25__1_25_0_" 0 0;background-repeat: repeat-x;
position: absolute;
left: 25px; 
right: 25px; 
bottom: 0px; 
height: 25px; 
}
& > .top-right {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu__0_25_25__0;
-chance-offset: "resources/menu/menu__0_25_25__0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
width: 25px; 
height: 25px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu__25_25_1__0;
-chance-offset: "resources/menu/menu__25_25_1__0" 0 0;background-repeat: repeat-y;
position: absolute;
top: 25px; 
right: 0px; 
bottom: 25px; 
width: 25px; 
}
& > .bottom-right {
@extend .__chance_slice__sproutcore_ace_resources_menu_menu___25_25_0_0;
-chance-offset: "resources/menu/menu___25_25_0_0" 0 0;background-repeat: no-repeat;
position: absolute;
right: 0px; 
bottom: 0px; 
width: 25px; 
height: 25px; 
}
;
  }
  
  
  
  .sc-menu-item {
    background: transparent;
    border: 0px none;
    
    .value {
      margin-left: 20px;
      line-height: 20px;
    }

    .has-icon .value {
      margin-left: 44px;
    }
    
    &.focus, a:hover {
      span { color: white; }
      @extend .__chance_slice__sproutcore_ace_resources_menu_menu_item_0_0_1__0_;
-chance-offset: "resources/menu/menu_item_0_0_1__0_" 0 0;background-repeat: repeat-x;
      text-shadow: 0px -1px 1px rgba(0, 0, 0, .6);
    }
    
    &.disabled a:hover, &.disabled.focus a:hover {
      span { color: #A0A0A0; }
      text-shadow: none;
      background: transparent;
    }
    
    
    .checkbox {
      position: absolute;
      left: 5px;
      top: 4px;
      width: 12px; height: 12px;
      @extend .__chance_slice__sproutcore_ace_resources_menu_checkmark_0_0___0_0;
-chance-offset: "resources/menu/checkmark_0_0___0_0" 0 0;background-repeat: no-repeat;
    }
    
    &.focus .checkbox, &:hover .checkbox {
      top: 4px; /* NOTE THE SLIGHT DIFFERENCE */
      @extend .__chance_slice__sproutcore_ace_resources_menu_checkmark_active_0_0___0_0;
-chance-offset: "resources/menu/checkmark_active_0_0___0_0" 0 0;background-repeat: no-repeat;
    }
    
    
    span.separator {
      margin-left: 0px;
      position: absolute;
      top: 2px;
      left: 1px;
      right: 1px;
      border-top: 1px solid rgb(255, 255, 255);
      border-bottom: 1px solid rgb(200, 200, 200);
    }
  }
  
  
  .sc-menu-scroller-view { background: transparent; }
  
  .arrowUp {
    position: absolute;
    left: 50%; top: -3px; margin-left: -7px;
    height: 14px; width: 14px;
    @extend .__chance_slice__sproutcore_ace_resources_menu_up_0_0___0_0;
-chance-offset: "resources/menu/up_0_0___0_0" 0 0;background-repeat: no-repeat;
  }
  
  .arrowDown {
    position: absolute;
    left: 50%; bottom: -3px; margin-left: -7px;
    height: 14px; width: 14px;
    @extend .__chance_slice__sproutcore_ace_resources_menu_down_0_0___0_0;
-chance-offset: "resources/menu/down_0_0___0_0" 0 0;background-repeat: no-repeat;
  }
  
}
