/*
 * Numeric Stepper Skin
 */
.ui-stepper {
    height: 1.9em;
    width: 4em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #80A3C4;
    background: #fff;
    padding: 0;
}

    .ui-stepper .ui-stepper-textbox {
        width: 75%;
        line-height: 18px;
        height: 100%;
        float: left;
        text-align: center;
        vertical-align: middle;
        font-size: 125%;
        border: none;
        background: none;
        padding: 0;
    }

    /*srs.6/11/2015. Updated stepper minus and plus*/
    .ui-stepper .ui-stepper-minus {
        position: absolute;
        right: 0;
        bottom: 0;
        background: white;
        border: 0 !important;
        background-image: url('../images/Catalog/btn_step_down.gif');
        background-repeat: no-repeat;
        background-position: center center;
        width: 25%;
        height: 50%;
        font-size: 0;
        padding: 0;
        margin: 0;
        line-height: 0px;
    }

    .ui-stepper .ui-stepper-plus {
        position: absolute;
        top: 0;
        right: 0;
        background: white;
        border: 0 !important;
        background-image: url('../images/Catalog/btn_step_up.gif');
        background-repeat: no-repeat;
        background-position: center center;
        width: 25%;
        height: 50%;
        font-size: 0;
        padding: 0;
        margin: 0;
        line-height: 0px;
        vertical-align: top;
    }

.ui-spinner {
    width: 15em;
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #999;
    background: #FEFEFE url(../images/Catalog/spinner-bg.gif) repeat-x left bottom;
    padding: 0 5px;
}

.ui-spinner-disabled {
    background: #F4F4F4;
    color: #CCC;
}

.ui-spinner-box {
    width: 90%;
    height: 100%;
    float: left;
    font-size: 125%;
    border: none;
    background: none;
    padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
    width: 10%;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    cursor: default;
    border: 1px solid #999;
    border-right: none;
    border-top: none;
}

.ui-spinner-down {
    bottom: 0;
    border-bottom: 0;
}

.ui-spinner-pressed {
    background: #FEFEFE;
}

.ui-spinner-list,
.ui-spinner-listitem {
    margin: 0;
    padding: 0;
}