/* spinbox */
.spinWrapper {
    display:inline-block;
    border:1px solid #999;
    width:51px;
    height:16px;
    overflow:hidden;
    padding:1px;
}
    .spinWrapper input {
        width:35px;
        height:16px;
        line-height:16px;
        overflow:hidden;
        vertical-align:top;
        font-size:12px;
    }
    .spinWrapper .spinHolder {
        width:15px;
        overflow:hidden;
        float:right;
    }
    .spinWrapper .spinUp, .spinWrapper .spinDown {
        width:15px;
        height:8px;
        overflow:hidden;
        cursor:pointer;
        background:url('./spinbox.gif') 0 0 no-repeat;
    }
    .spinWrapper .spinUp {
        background-position:0 0;
    }
    .spinWrapper .spinDown {
        background-position:0 -8px;
    }
    .spinWrapper .spinUp:hover {
        background-position:0 -16px;
    }
    .spinWrapper .spinDown:hover {
        background-position:0 -24px;
    }
    .spinWrapper .spinUp.disabled, .spinWrapper .spinUp.disabled:hover {
        background-position:0 -32px;
        cursor:default;
    }
    .spinWrapper .spinDown.disabled, .spinWrapper .spinDown.disabled:hover {
        background-position:0 -40px;
        cursor:default;
    }
/* /spinbox */