﻿/* REQUIRED BUTTON STYLES: */
button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ }
button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ }
button span { position: relative; display: block; white-space: nowrap; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */    
    button span { margin-top: -1px; }
}
button[disabled] span { color: GrayText !important; }
button[disabled]:active, button[disabled] { border-style: none !important; color: GrayText !important; cursor: inherit; }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.StdBtn { padding: 0 10px 0 0; margin-right: 5px; margin-top: 2px; margin-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; background: transparent url(images/24px-btn-sprite.png) no-repeat right -88px; }
button.StdBtn span { padding: 4px 0 0 10px; height: 20px; background: transparent url(images/24px-btn-sprite.png) no-repeat left top; color: #ffffcc; }
button.StdBtn:hover { background-position: right -132px; }
button.StdBtn:hover span { background-position: 0 -44px; }

