/** Mac Buttons **/ button, input[type="button"], input[type="submit"], input[type="reset"] { border : 0px; -moz-user-focus : normal; -moz-user-select : none; min-width : 60px; color : #000000; background-color : transparent !important; /* Greatly increases responsiveness and 'feel' */ font : 10px geneva; padding : 0px; margin : 0px; } input[type="submit"],input[type="reset"] { font : 10pt geneva; font-weight : bold !important; } .button-image-left { background : url(button-normal-left.gif) no-repeat; width : 4px; height : 20px; -moz-user-focus : none; } .button-image-middle { background : url(button-normal-middle.gif) repeat-x; -moz-user-focus : none; } .button-text-box { text-align : center; vertical-align : middle; padding : 0px 3px; } .button-image-right { background : url(button-normal-right.gif) no-repeat; width : 4px; height : 20px; -moz-user-focus : none; } .button-top-spacer { height : 2px; } .button-bottom-spacer { height : 3px; } button:hover:active, input[type="button"]:hover:active, input[type="submit"]:hover:active, input[type="reset"]:hover:active { color : #FFFFFF } button:hover:active > .button-image-left, input[type="button"]:hover:active > .button-image-left, input[type="submit"]:hover:active > .button-image-left, input[type="reset"]:hover:active > .button-image-left { background : url(button-pressed-left.gif) no-repeat; } button:hover:active > .button-image-middle, input[type="button"]:hover:active > .button-image-middle, input[type="submit"]:hover:active > .button-image-middle, input[type="reset"]:hover:active > .button-image-middle { background : url(button-pressed-middle.gif) repeat-x; } button:hover:active > .button-image-right input[type="button"]:hover:active > .button-image-right, input[type="submit"]:hover:active > .button-image-right, input[type="reset"]:hover:active > .button-image-right { background : url(button-pressed-right.gif) no-repeat; } button[disabled]:hover:active > .button-image-left, input[type="button"][disabled]:hover:active > .button-image-left, input[type="submit"][disabled]:hover:active > .button-image-left, input[type="reset"][disabled]:hover:active > .button-image-left, .button-image-left[disabled] { background : url(button-disabled-left.gif) no-repeat; } button[disabled]:hover:active > .button-image-middle, input[type="button"][disabled]:hover:active > .button-image-middle, input[type="submit"][disabled]:hover:active > .button-image-middle, input[type="reset"][disabled]:hover:active > .button-image-middle, .button-image-middle[disabled] { background : url(button-disabled-middle.gif) repeat-x; } button[disabled]:hover:active > .button-image-right, input[type="button"][disabled]:hover:active > .button-image-right, input[type="submit"][disabled]:hover:active > .button-image-right, input[type="reset"][disabled]:hover:active > .button-image-right, .button-image-right[disabled] { background : url(button-disabled-right.gif) no-repeat; }