/* buttons.css */
/* Stephen Band, with thanks to electronlibre.ch */
/* webdev.stephband.info/buttons */

/* Colours and backgrounds */
.button, .button span, .button input                    {background: url('../images/liquidbuttons_r14_bg.png'); border: none;}
.button                                                 {background-position: right top;}
.button span, .button input                             {background-position: left top; color: white;}
.button:hover                                           {background-position: right -50px;}
.button:hover span, .button:hover input                 {background-position: left -50px; color: white;}
.disabled {
    opacity: 0.4;
}

/* Layout */
/* w  = width of button ends            */
/* pl = padding inside left of button   */
/* pr = padding inside right of button  */
/* h  = button height                   */

.button {
    margin: 0 0 0 14px;                                 /* margin-left: w;                                  */
    padding: 0 8px 0 0;                                 /* padding-right: pr;                               */
    display: inline-block; line-height: 0; vertical-align: baseline; cursor: pointer;
}
.button span, .button input {
    padding: 0 0 0 22px;                                /* padding-left: w + pl;                            */
    left: -14px;                                        /* left: -w;                                        */
    line-height: 28px;                                  /* line-height: height;                             */
    height: 28px;                                       /* height: h; (FF ignores line-height on <input>s)  */
    display: inline-block; position: relative; margin: 0;
    white-space: nowrap; cursor: pointer;
}
.button span input {
    margin: 0 -22px 0 -22px;                            /* margin-right: -(w + pr); margin-left: -(w + pl); */
    padding: 0 22px 0 22px;                             /* padding-right: w + pr;   padding-left: w + pl;   */
    left: 0; background: none;
}

/* Assume clearfixed <ul>s contain floated <li>s (insert the clearfix class name you use)  */
/* This is a general rule that is applied to more than just buttons, but any <ul>.         */
ul.clear li {
    float: left;
    margin-right: 0.5em;
    list-style-type: none;
}
ul.clear li.last {
    margin-right: 0;
    margin-bottom: 0;
}
/* Undo assumption for nested lists */
ul.clear ul li {
    float: none;
    margin-right: 0;
}