/* IE6-down buttons */
/* Stephen Band, with thanks to electronlibre.ch */
/* webdev.stephband.info/buttons */

/* Use .gif instead of .png */
button, button span, .button, .button span, .button input   {background: url('../images/liquidbuttons_r14_bg.gif');}
button, .button                                             {background-position: right top;}
button span, .button span                                   {background-position: left top;}
button:hover, .button:hover                                 {background-position: right -50px;}
button:hover span, .button:hover span                       {background-position: left -50px;}
.disabled                                                   {filter: alpha(opacity=0.8);}

/* force inline-block behaviour */
button, .button                                             {display: inline; vertical-align: middle;}
/* tackle 3px float margin bug */
ul.clear li                                                 {display: inline;}

/* In some circumstances, IE6 gets the height of the outer wrap (.button) 1px short */
/* This seems to be an inescapable error: setting the height 1px under or over the required height is respected, */
/* but setting the height to the same as its child is displayed at 1px under. */
/* The fix is to add something onto the outer bit of the box model - a margin-bottom or border-bottom. */
/* Sadly, this means in many cases you have to have min 1px margin on the bottom of your buttons in IE6. Meh. */
/* This rule may need to be expanded to include any time when the button's container is floated, */
/* or any other cases where you see a 1px error at the bottom right of the button. */
ul.clear li .button, span.button, label.button {
    margin-bottom: 1px;
}