.accbtn {
display:inline-block;
background:none;
margin:0;
padding:3px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif !important;
text-decoration:none;
color:#fff;
}
.accbtn span {
background:transparent url(../graph/bg-button_acc.gif) repeat-x 0 0;
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .accbtn span {
padding-top:0;
}
.accbtn 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 */
.accbtn:hover span, .accbtn:hover span span, .accbtn:focus span, .accbtn:focus span span {
cursor:pointer; /* important for any clickable/pressable element */
border-color:#9cf !important;
background-position:0 -400px;
}
.accbtn:active span {
background-position:0 -400px;
outline:none;
}
.accbtn:focus, .accbtn:active {
outline:none; /* doesn't seem to be respected for <button>, only <a> */
}