/* Start custom button CSS here---------------------------------------- */.gbtn {display:inline-block;background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#333;}* html button.gbtn {padding-bottom:1px;}/* Immediately below is a temporary hack to serve the following margin values only to Gecko browsersGecko browsers add an extra 3px of left/right padding to button elements which can't be overriden.Thus, we use -3px of left/right margin to overcome this. */html:not([lang*=""]) button.gbtn {margin:0 -3px;}.gbtn span {background:#ddd url('/img/bg-button.gif') repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #bbb;border-right:1px solid #aaa;}* html .gbtn span {padding-top:0;}.gbtn span span {position:relative;padding:3px .4em;border-width:0;border-top:1px solid #bbb;border-bottom:1px solid #aaa;}/* only needed if implementing separate hover/focus/active state for buttons */.gbtn:hover span, .gbtn:hover span span, .gbtn:focus span, .gbtn:focus span span {cursor:pointer; /* important for any clickable/pressable element */border-color:#9cf !important;color:#000;}.gbtn:active span {background-position:0 -400px;outline:none;}.gbtn:focus, .gbtn:active {outline:none; /* doesn't seem to be respected for <button>, only <a> */}/* use if one button should be the 'primary' button */.primary {font-weight:bold;color:#000;}