.default > .button_control, .default > .button_control > .button_bg, .default > .button_control > .button_label { position: absolute; } .default > .button_control { cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; } .default.disabled > .button_control { cursor: default; } .default > .button_control > .button_bg { top: 2px; left: 2px; right: 2px; bottom: 3px; border: 1px solid #e0e0e0; border-top: 0; border-left: 0; box-shadow: 0px 0px 3px #333; #{this.gradientCSS('#fcfcfc',[45,'#ffffff'],[55,'#fdfdfd'],[75,'#f3f3f3'],'#f0f0f0')} } .default.disabled > .button_control > .button_bg { border-color: #ddd; box-shadow: 0px 0px 3px #666; opacity: 0.75; #{this.gradientCSS('#d6d6d6',[66,'#d0d0d0'],[71,'#d3d3d3'],'#cccccc')} } .default > .button_control > .button_label { left: 6px; right: 6px; top: 2px; bottom: auto; text-align: center; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Helvetica, Arial, sans-serif; text-shadow: 0 0 2px #fff; font-size: 12px; font-weight: bold; color: #333; } .default.disabled > .button_control > .button_label { color: #999; } .default.enabled > .button_control:hover > .button_bg { box-shadow: 0px 0px 3px #000; #{this.gradientCSS('#f6f6f6',[66,'#ffffff'],[71,'#fcfcfc'],'#f0f0f0')} } .default.enabled > .button_control:hover > .button_label { color: #000; } .default.enabled > .button_control:active > .button_bg { border: 1px solid #fff; border-bottom: 0; border-right: 0; box-shadow: 0px 0px 3px #000; #{this.gradientCSS('#e6e6e6',[29,'#f0f0f0'],[33,'#f6f6f6'],'#ffffff')} } .default.enabled > .button_control:active > .button_label { color: #000; }