#manualControl {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 1;
    background: #fff;
    border: 1px solid #000;
    padding: 10px;
    display: none;
}

/*
 * From http://cssdeck.com/labs/css3-animated-clouds-the-simple-way
 */

.cloud_base {
    background: white;

    height: 100px;
    width: 300px;

    border-radius: 50px; /* half of height will do */

    position: relative;
    top: 120px;

    box-shadow:
        inset 5px -9px 5px rgba(225, 245, 253, 0.5),
        0px 0px 10px 6px rgba(240, 240, 240, 0.7);
}

.cloud_base:hover {
    left: 55%;
}

.rounds {
    width: 300px;
    border-radius: 50%; /* circle */
    position: absolute;
    bottom: -30px;

}

.rounds:before, .rounds:after{
    content: '';
    position: absolute;
    background: #fff;
}

.rounds:after{
    height: 100px;
    width: 100px;
    border-radius: 50%; /* circle */

    top: -180px;
    left: 170px;

    box-shadow:
        inset 3px 2px 2px rgba(230, 230, 230, 0.5),
        0px -10px 15px rgba(255, 255, 255, 0.4);
}

.rounds:before {
    height: 180px;
    width: 180px;
    border-radius: 50%; /* circle */

    top: -220px;
    left: 30px;

    box-shadow:
        inset 2px 4px 2px rgba(230, 230, 230, 0.5),
        0px -10px 15px rgba(255, 255, 255, 0.4);
}