#demo_bg {
        position: relative;
        background: url(../js/yui/examples/slider/assets/dual_thumb_bg.gif) 0 5px no-repeat;
        height: 28px;
        width: 310px;
    }

    #demo_bg div {
        position: absolute;
        cursor: default;
        top: 4px;
    }

    #demo_bg span {
        position: absolute;
        background: url(../js/yui/examples/slider/assets/dual_thumb_highlight.gif) 0 0 repeat-x;
        top: 10px;
        left: 12px;
        height: 13px;
        width: 288px;
    }

    #demo_bg .caution {
        background-position: 0 -13px;
    }
    #demo_bg .boom,
    #demo_bg .danger {
        background-position: 0 -26px;
    }
    p .ok {
        color: #3a3;
        font-weight: bold;
        text-transform: uppercase;
    }
    p .caution {
        background: #ff3;
        color: #770;
        font-weight: bold;
        font-style: italic;
        padding: 0 1ex;
        text-transform: uppercase;
    }
    p .danger {
        color: #f33;
        font-weight: bold;
        text-decoration: blink;
        text-transform: uppercase;
    }
    p .boom {
        color: #fff;
        background: #000;
        padding: 0 1ex;
    }
#demo_bg2 {
        position: relative;
        background: url(../js/yui/examples/slider/assets/dual_thumb_bg.gif) 0 5px no-repeat;
        height: 28px;
        width: 310px;
    }

    #demo_bg2 div {
        position: absolute;
        cursor: default;
        top: 4px;
    }

    #demo_bg2 span {
        position: absolute;
        background: url(../js/yui/examples/slider/assets/dual_thumb_highlight2.gif) 0 0 repeat-x;
        top: 10px;
        left: 12px;
        height: 13px;
        width: 288px;
    }

    #demo_bg2 .caution {
        background-position: 0 -13px;
    }
    #demo_bg2 .boom,
    #demo_bg2 .danger {
        background-position: 0 -26px;
    }