body{
background:#ccc;
overflow:hidden;
}
#book{
width:1024px;
height:600px;
}

#book .turn-page{
background-color:white;
}

#book .cover{
background:#333;
}

#book .cover h1{
color:white;
text-align:center;
font-size:50px;
line-height:500px;
margin:0px;
}

#book .loader{
background-image:url('image/loader.png');
width:24px;
height:24px;
display:block;
position:absolute;
top:238px;
left:188px;
}

#book .data{
text-align:center;
font-size:40px;
color:#999;
line-height:500px;
}

#controls{
width:800px;
text-align:center;
margin:20px 0px;
font:30px arial;
}

#controls input, #controls label{
font:30px arial;
}

#book .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%);
}

#book .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%);
}