/* @override localhost:4020/static/sproutcore/standard_theme/en/current/source/button.css?1245946971 */
/* @group Button Core */
.sc-theme .sc-button-view {
text-decoration: none ; border: none ; padding: 0;
}
.sc-theme .sc-button-view.icon img.icon {
position: relative; vertical-align: middle; top: -2px; margin-right: 2px; height: 16px; width: 16px;
}
/* @end */
/* @group Square Style */
/* @group Core */
.sc-theme .sc-button-view.sc-regular-size.square {
text-shadow: #fff 0 1px 0; color: black ;
}
.sc-theme .sc-button-view.sc-regular-size.square .sc-button-inner {
display: block ;
}
.sc-theme .sc-button-view.sc-regular-size.square .sc-button-label {
display: block ; text-align: center; padding: 0 0 7px 0;
}
.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-label {
text-shadow: black 0 -1px 0; color: white;
}
.sc-theme .sc-button-view.square.disabled .sc-button-label {
color: #999; text-shadow: none;
}
.sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-label {
color: white; text-shadow: #2a569e 0 -1px 0;
}
.sc-theme .sc-button-view.sc-regular-size.square.def.disabled .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel.disabled .sc-button-label {
color: #ddd; text-shadow: none;
}
/* @end */
/* @group Regular Size */
/* @group basic */
.sc-theme .sc-button-view.sc-regular-size.square {
font-size: 12px; max-height: 24px; background: static_url('images/sc-theme-repeat-x.png') no-repeat right -814px;
}
.sc-theme .sc-button-view.sc-regular-size.square .sc-button-inner {
height: 24px; max-height: 24px; background: static_url('images/sc-theme-repeat-x.png') no-repeat left -789px;
}
.sc-theme .sc-button-view.sc-regular-size.square .sc-button-label {
height: 18px; line-height: 24px; margin-left: 11px; margin-right: 11px; background: static_url('images/sc-theme-repeat-x.png') repeat-x -15px -764px;
}
/* @end */
/* @group active */
.sc-theme .sc-button-view.sc-regular-size.square.active {
background: static_url('images/sc-theme-repeat-x.png') no-repeat left -913px;
}
.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat right -939px;
}
.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x right -889px;
}
/* @end */
/* @group disabled */
.sc-theme .sc-button-view.sc-regular-size.square.disabled {
background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1064px;
}
.sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1038px;
}
.sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1014px;
}
/* @end */
/* @group sel - def */
.sc-theme .sc-button-view.sc-regular-size.square.def, .sc-theme .sc-button-view.sc-regular-size.square.sel {
background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1190px;
}
.sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-inner, .sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1164px;
}
.sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1140px;
}
/* @end */
/* @group sel - def -active */
.sc-theme .sc-button-view.sc-regular-size.square.def.active, .sc-theme .sc-button-view.sc-regular-size.square.sel.active {
background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1316px;
}
.sc-theme .sc-button-view.sc-regular-size.square.def.active .sc-button-inner, .sc-theme .sc-button-view.sc-regular-size.square.sel.active .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1290px;
}
.sc-theme .sc-button-view.sc-regular-size.square.def.active .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel.active .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1266px;
}
/* @end */
/* @group sel - def -disabled */
.sc-theme .sc-button-view.sc-regular-size.square.def.disabled, .sc-theme .sc-button-view.sc-regular-size.square.sel.disabled {
background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1442px;
}
.sc-theme .sc-button-view.sc-regular-size.square.def.disabled .sc-button-inner, .sc-theme .sc-button-view.sc-regular-size.square.sel.disabled .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1416px;
}
.sc-theme .sc-button-view.sc-regular-size.square.def.disabled .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel.disabled .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1392px;
}
/* @end */
/* @end */
/* @end */
/* @group Capsule */
/* @group basic */
.sc-theme .sc-button-view.capsule {
font-size: 12px; height: 24px; max-height: 24px; text-shadow: #fff 0 1px 0; text-align: center; background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat right -224px; color: black ;
}
.sc-theme .sc-button-view.capsule .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -197px; display: block ; height: 24px; max-height: 24px;
}
/* 170 - 250 - 490 */ .sc-theme .sc-button-view.capsule .sc-button-label {
background: transparent static_url('images/sc-theme-repeat-x.png') repeat-x left -764px; display: block ; text-align: center; padding: 0 0 7px 0; height: 24px; margin-left: 12px; margin-right: 12px; line-height: 24px; text-shadow: none;
}
/* @end */
/* @group sel - def : capsule */
.sc-theme .sc-button-view.capsule.sel, .sc-theme .sc-button-view.capsule.def {
background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -304px;
}
.sc-theme .sc-button-view.capsule.sel .sc-button-inner, .sc-theme .sc-button-view.capsule.def .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -277px;
}
.sc-theme .sc-button-view.capsule.sel .sc-button-label, .sc-theme .sc-button-view.capsule.def .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1140px; color: white; text-shadow: #2a569e 0 -1px 0;
}
/* @end */
/* @group disabled */
.sc-theme .sc-button-view.capsule.disabled {
background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -544px;
}
.sc-theme .sc-button-view.capsule.disabled .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -517px;
}
.sc-theme .sc-button-view.capsule.disabled .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1014px; color: #999; text-shadow: none ;
}
/* @end */
/* @group sel.disabled - def.disabled*/
.sc-theme .sc-button-view.capsule.sel.disabled, .sc-theme .sc-button-view.capsule.def.disabled {
background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -544px;
}
.sc-theme .sc-button-view.capsule.sel.disabled .sc-button-inner, .sc-theme .sc-button-view.capsule.def.disabled .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -517px;
}
.sc-theme .sc-button-view.capsule.sel.disabled .sc-button-label, .sc-theme .sc-button-view.capsule.def.disabled .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1014px; color: #999; text-shadow: none ;
}
/* @end */
/* @group sel.active - def.active */
.sc-theme .sc-button-view.capsule.sel.active, .sc-theme .sc-button-view.capsule.def.active {
background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -464px;
}
.sc-theme .sc-button-view.capsule.sel.active .sc-button-inner, .sc-theme .sc-button-view.capsule.def.active .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -437px;
}
/* 410 */ .sc-theme .sc-button-view.capsule.sel.active .sc-button-label, .sc-theme .sc-button-view.capsule.def.active .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1266px; color: white;
}
/* @end */
/* @group active */
.sc-theme .sc-button-view.capsule.active {
background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -384px;
}
.sc-theme .sc-button-view.capsule.active .sc-button-inner {
background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -357px;
}
/* 330 */ .sc-theme .sc-button-view.capsule.active .sc-button-label {
background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -889px; color: white;
}
/* @end */
/* @group focus ring */
.sc-theme .sc-button-view.focus {
overflow: visible;
}
.sc-theme .sc-button-view div.focus-ring {
visibility: hidden;
}
.sc-theme .sc-button-view.focus div.focus-ring {
visibility: visible; right: 0; top: 0; left: 0; bottom:0px; position: absolute;
} .sc-theme .sc-button-view.focus div.focus-ring div {
top: -3px; bottom: -3px; position: absolute;
}
.sc-theme .sc-button-view.square.focus .focus-ring .focus-left, .sc-theme .sc-button-view.dropdown.focus .focus-ring .focus-left, .sc-theme .sc-button-view.popup.focus .focus-ring .focus-left {
left: -2px; width: 10px; background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat 0 -1685px;
}
.sc-theme .sc-button-view.square.focus .focus-ring .focus-right, .sc-theme .sc-button-view.dropdown.focus .focus-ring .focus-right, .sc-theme .sc-button-view.popup.focus .focus-ring .focus-right {
right: -2px; width: 10px; background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -1717px;
}
.sc-theme .sc-button-view.square.focus .focus-ring .focus-middle, .sc-theme .sc-button-view.dropdown.focus .focus-ring .focus-middle, .sc-theme .sc-button-view.popup.focus .focus-ring .focus-middle {
left: 7px; right: 7px; background: transparent static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1749px;
}
.sc-theme .sc-button-view.capsule div.focus-ring .focus-left {
left: -3px; width: 16px; background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat 0 -1783px;
}
.sc-theme .sc-button-view.capsule div.focus-ring .focus-right {
right: -3px; width: 16px; background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat -16px -1815px;
}
.sc-theme .sc-button-view.capsule div.focus-ring .focus-middle {
left: 13px; right: 13px; background: transparent static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1847px;
}
/* @end */
/* @end */