/** Customize the demo canvas */
.demo-container {
    width: 748px;
    height: 288px;
    color: #ffffff;
    background: #000000 url("images/background.png") 0 0 no-repeat;
    position: relative;
}


    .demo-container .qsf-fb {
        position: absolute;
        top: 156px;
        left: 75px;
    }

        .demo-container .qsf-fb label {
            width: 100px;
            color: #ffffff;
            text-align: right;
        }

    .demo-container li {
        margin: 0;
        width: 310px;
        float: left;
    }

    .demo-container .qsf-fb .buttons {
        margin: 10px 0 0 0;
        text-align: right;
    }


    .demo-container .qsf-result {
        color: #ffb400;
        position: absolute;
        top: 230px;
        left: 100px;
    }

    .demo-container ul {
        margin: 0;
        padding: 0;
        list-style: none;
        *zoom: 1;
    }

        .demo-container ul:after {
            content: "";
            clear: both;
            display: block;
        }

    .demo-container .qsf-result li {
        width: 300px;
    }

    .demo-container .associatedLables {
        display: block;
        font-weight: bold;
        color: #FFFFFF;
        padding-top: 2px;
    }