/*
Button control
------------------------------------------------------------------
*/

/* all buttons */
.sbm_interaction_active,
.sbm_interaction_disabled,
.sbm_navigation_active,
.sbm_navigation_disabled
{ background: #ddd url("/frontend/controls/kb_button/images/bg_button.gif") 0 48% repeat-x; border: 1px solid #ddd; color: #666; cursor: pointer; font-family: Verdana, Arial, sans-serif; font-size: 90%; font-weight: bold; min-width: 1px; overflow: visible; padding: 1px 3px 2px 3px; }

* html .sbm_interaction_active,
* html .sbm_interaction_disabled,
* html .sbm_navigation_active,
* html .sbm_navigation_disabled
{ border: 1px solid transparent; }

* + html .sbm_interaction_active,
* + html .sbm_interaction_disabled,
* + html .sbm_navigation_active,
* + html .sbm_navigation_disabled
{ border: 1px solid transparent; padding: 2px 5px; }

/* disabled button */
.sbm_interaction_disabled,
.sbm_navigation_disabled
{ color: #bbb; cursor: default; }

/* mouseover button */
.sbm_interaction_active.hover,
.sbm_navigation_active.hover
{ background-color: transparent !important; border-color: #c4c4c4; }

.focusdefault,
.focusdefault_disabled
{ background-color: #c3abb6; background-image: url("/frontend/controls/kb_button/images/bg_button_focus.gif"); border-color: #c3abb6; color: #bc1c1d; }

* html .focusdefault,
* html .focusdefault_disabled
{ border-color: transparent; }

* + html .focusdefault,
* + html .focusdefault_disabled
{ border-color: transparent; }

.focusdefault_disabled
{ color: #bbb; }

.focusdefault:hover
{ border-color: #bc1c1d; }