#flipbook {
    width: 100%;
    height: 100%;
}

#flipbook .turn-page {
    background-color: #f4f4f4;
}

#flipbook .hard {
    background: #ccc !important;
    color: #333;
    -webkit-box-shadow: inset 0 0 5px #666;
    -moz-box-shadow: inset 0 0 5px #666;
    -o-box-shadow: inset 0 0 5px #666;
    -ms-box-shadow: inset 0 0 5px #666;
    box-shadow: inset 0 0 5px #666;
    font-weight: bold;
}

#flipbook .odd {
    background-image: -webkit-linear-gradient(left, #FFF 95%, #DDD 100%);
    background-image: -moz-linear-gradient(left, #FFF 95%, #DDD 100%);
    background-image: -o-linear-gradient(left, #FFF 95%, #DDD 100%);
    background-image: -ms-linear-gradient(left, #FFF 95%, #DDD 100%);
}

#flipbook .even {
    background-image: -webkit-linear-gradient(right, #FFF 95%, #DDD 100%);
    background-image: -moz-linear-gradient(right, #FFF 95%, #DDD 100%);
    background-image: -o-linear-gradient(right, #FFF 95%, #DDD 100%);
    background-image: -ms-linear-gradient(right, #FFF 95%, #DDD 100%);
}