#canvas1 {
    background-color: #50C8E8;
}
#canvas2 {
    background-color: #000000;
}
/*different canvas position for different of orientation*/

@media all and (orientation: portrait) {
    #canvas1, #canvas2 {
        /*width: 10%;*/
    }
}
@media all and (orientation: landscape) {
    #canvas1 {
        float: left;
    }
}

/* Override the slider width */
/*div.ui-slider{
    width: 100%;
}*/