p 		{ 
		text-indent: 0px;
		}

.readline		{ /* Used for play animation text */
		font-size: 14px; 
		line-height: 17px; 
		font-family: Arial, Verdana, Geneva, sans-serif; 
		text-indent: 0;
		text-align: center;
		padding-top: 6px;
		color: #333333;
		}

.bookpage 		{ cursor: url(goleft.png), text;
				width: 401px; 
				height: 501px; 
				background-color: white; 
				border: 1px solid #999999; 
				overflow: hidden; 
				}

.booktext 		{ 
				width: 280px; 
				height: 400px; 
				position: absolute; 
				left: 60px; 
				top: 30px; 
				}

.goright {cursor: url(goright.png), text;}
.flip {cursor: url(flip.png), text;}
		
/* webkit */
			@-webkit-keyframes bookright {
			0% { left: 0px; }
			100% { left: 200px; }
			}			
			@-webkit-keyframes bookleft {
			0% { left: 200px; }
			100% { left: 0px; }
			}			
			@-webkit-keyframes holdbook {
			0% { left: 200px; }
			100% { left: 200px; }
			}			
			@-webkit-keyframes fadein {
			0% { opacity: 0; }
			50% { opacity: 0; }
			100% { opacity: 1; }
			}			
			#bookbox-on {-webkit-animation: bookright .75s ease-in-out 0s infinite,
			holdbook 1s linear .75s infinite;}
			#bookbox {-webkit-animation: bookleft .75s ease-in-out 0s 1;}
			#tablefeatures, #tabletext {-webkit-animation: fadein 1.5s linear 0s 1;}

			@-webkit-keyframes close {
			0% { -webkit-transform: scaleX(1) skew(0deg, 0deg); }
			50% { -webkit-transform: scaleX(0) skew(0deg, -5deg); }
			100% { -webkit-transform: scaleX(0) skew(0deg, -5deg); }
			}
			@-webkit-keyframes close2 {
			0% { -webkit-transform: scaleX(1) skew(0deg, 0deg); }
			50% { -webkit-transform: scaleX(0) skew(0deg, 5deg); }
			100% { -webkit-transform: scaleX(0) skew(0deg, 5deg); }
			}
			@-webkit-keyframes stayclosed {
			0% { -webkit-transform: scaleX(0); }
			100% { -webkit-transform: scaleX(0); }
			}
			@-webkit-keyframes open {
			0% { -webkit-transform: scaleX(0) skew(0deg, 5deg); }
			50% { -webkit-transform: scaleX(0) skew(0deg, 5deg); }
			100% { -webkit-transform: scaleX(1) skew(0deg, 0deg); }
			}
			@-webkit-keyframes open2 {
			0% { -webkit-transform: scaleX(0) skew(0deg, -5deg); }
			50% { -webkit-transform: scaleX(0) skew(0deg, -5deg); }
			100% { -webkit-transform: scaleX(1) skew(0deg, 0deg); }
			}
			@-webkit-keyframes stayopen {
			0% { -webkit-transform: scaleX(1); }
			100% { -webkit-transform: scaleX(1); }
			}

			#cover-close { -webkit-transform-origin: 0% 0%; -webkit-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page2-open { -webkit-transform-origin: 100% 0%; -webkit-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#cover-open { -webkit-transform-origin: 0% 0%; -webkit-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page2-close { -webkit-transform-origin: 100% 0%; -webkit-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page3-close { -webkit-transform-origin: 0% 0%; -webkit-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page4-open { -webkit-transform-origin: 100% 0%; -webkit-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page3-open { -webkit-transform-origin: 0% 0%; -webkit-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page4-close { -webkit-transform-origin: 100% 0%; -webkit-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page5-close { -webkit-transform-origin: 0% 0%; -webkit-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page6-open { -webkit-transform-origin: 100% 0%; -webkit-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page5-open { -webkit-transform-origin: 0% 0%; -webkit-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page6-close { -webkit-transform-origin: 100% 0%; -webkit-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page7-close { -webkit-transform-origin: 0% 0%; -webkit-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#back-open { -webkit-transform-origin: 100% 0%; -webkit-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page7-open { -webkit-transform-origin: 0% 0%; -webkit-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#back-close { -webkit-transform-origin: 100% 0%; -webkit-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

/* moz */
			@-moz-keyframes bookright {
			0% { left: 0px; }
			100% { left: 200px; }
			}			
			@-moz-keyframes bookleft {
			0% { left: 200px; }
			100% { left: 0px; }
			}			
			@-moz-keyframes holdbook {
			0% { left: 200px; }
			100% { left: 200px; }
			}			
			@-moz-keyframes fadein {
			0% { opacity: 0; }
			50% { opacity: 0; }
			100% { opacity: 1; }
			}			
			#bookbox-on {-moz-animation: bookright .75s ease-in-out 0s infinite,
			holdbook 1s linear .75s infinite;}
			#bookbox {-moz-animation: bookleft .75s ease-in-out 0s 1;}
			#tablefeatures, #tabletext {-moz-animation: fadein 1.5s linear 0s 1;}

			@-moz-keyframes close {
			0% { -moz-transform: scaleX(1) skew(0deg, 0deg); }
			50% { -moz-transform: scaleX(0) skew(0deg, -5deg); }
			100% { -moz-transform: scaleX(0) skew(0deg, -5deg); }
			}
			@-moz-keyframes close2 {
			0% { -moz-transform: scaleX(1) skew(0deg, 0deg); }
			50% { -moz-transform: scaleX(0) skew(0deg, 5deg); }
			100% { -moz-transform: scaleX(0) skew(0deg, 5deg); }
			}
			@-moz-keyframes stayclosed {
			0% { -moz-transform: scaleX(0); }
			100% { -moz-transform: scaleX(0); }
			}
			@-moz-keyframes open {
			0% { -moz-transform: scaleX(0) skew(0deg, 5deg); }
			50% { -moz-transform: scaleX(0) skew(0deg, 5deg); }
			100% { -moz-transform: scaleX(1) skew(0deg, 0deg); }
			}
			@-moz-keyframes open2 {
			0% { -moz-transform: scaleX(0) skew(0deg, -5deg); }
			50% { -moz-transform: scaleX(0) skew(0deg, -5deg); }
			100% { -moz-transform: scaleX(1) skew(0deg, 0deg); }
			}
			@-moz-keyframes stayopen {
			0% { -moz-transform: scaleX(1); }
			100% { -moz-transform: scaleX(1); }
			}

			#cover-close { -moz-transform-origin: 0% 0%; -moz-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page2-open { -moz-transform-origin: 100% 0%; -moz-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#cover-open { -moz-transform-origin: 0% 0%; -moz-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page2-close { -moz-transform-origin: 100% 0%; -moz-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page3-close { -moz-transform-origin: 0% 0%; -moz-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page4-open { -moz-transform-origin: 100% 0%; -moz-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page3-open { -moz-transform-origin: 0% 0%; -moz-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page4-close { -moz-transform-origin: 100% 0%; -moz-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page5-close { -moz-transform-origin: 0% 0%; -moz-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page6-open { -moz-transform-origin: 100% 0%; -moz-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page5-open { -moz-transform-origin: 0% 0%; -moz-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page6-close { -moz-transform-origin: 100% 0%; -moz-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page7-close { -moz-transform-origin: 0% 0%; -moz-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#back-open { -moz-transform-origin: 100% 0%; -moz-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page7-open { -moz-transform-origin: 0% 0%; -moz-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#back-close { -moz-transform-origin: 100% 0%; -moz-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

/* ms */
			@-ms-keyframes bookright {
			0% { left: 0px; }
			100% { left: 200px; }
			}			
			@-ms-keyframes bookleft {
			0% { left: 200px; }
			100% { left: 0px; }
			}			
			@-ms-keyframes holdbook {
			0% { left: 200px; }
			100% { left: 200px; }
			}			
			@-ms-keyframes fadein {
			0% { opacity: 0; }
			50% { opacity: 0; }
			100% { opacity: 1; }
			}			
			#bookbox-on {-ms-animation: bookright .75s ease-in-out 0s infinite,
			holdbook 1s linear .75s infinite;}
			#bookbox {-ms-animation: bookleft .75s ease-in-out 0s 1;}
			#tablefeatures, #tabletext {-ms-animation: fadein 1.5s linear 0s 1;}

			@-ms-keyframes close {
			0% { -ms-transform: scaleX(1) skew(0deg, 0deg); }
			50% { -ms-transform: scaleX(0) skew(0deg, -5deg); }
			100% { -ms-transform: scaleX(0) skew(0deg, -5deg); }
			}
			@-ms-keyframes close2 {
			0% { -ms-transform: scaleX(1) skew(0deg, 0deg); }
			50% { -ms-transform: scaleX(0) skew(0deg, 5deg); }
			100% { -ms-transform: scaleX(0) skew(0deg, 5deg); }
			}
			@-ms-keyframes stayclosed {
			0% { -ms-transform: scaleX(0); }
			100% { -ms-transform: scaleX(0); }
			}
			@-ms-keyframes open {
			0% { -ms-transform: scaleX(0) skew(0deg, 5deg); }
			50% { -ms-transform: scaleX(0) skew(0deg, 5deg); }
			100% { -ms-transform: scaleX(1) skew(0deg, 0deg); }
			}
			@-ms-keyframes open2 {
			0% { -ms-transform: scaleX(0) skew(0deg, -5deg); }
			50% { -ms-transform: scaleX(0) skew(0deg, -5deg); }
			100% { -ms-transform: scaleX(1) skew(0deg, 0deg); }
			}
			@-ms-keyframes stayopen {
			0% { -ms-transform: scaleX(1); }
			100% { -ms-transform: scaleX(1); }
			}

			#cover-close { -ms-transform-origin: 0% 0%; -ms-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page2-open { -ms-transform-origin: 100% 0%; -ms-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#cover-open { -ms-transform-origin: 0% 0%; -ms-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page2-close { -ms-transform-origin: 100% 0%; -ms-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page3-close { -ms-transform-origin: 0% 0%; -ms-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page4-open { -ms-transform-origin: 100% 0%; -ms-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page3-open { -ms-transform-origin: 0% 0%; -ms-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page4-close { -ms-transform-origin: 100% 0%; -ms-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page5-close { -ms-transform-origin: 0% 0%; -ms-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#page6-open { -ms-transform-origin: 100% 0%; -ms-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page5-open { -ms-transform-origin: 0% 0%; -ms-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#page6-close { -ms-transform-origin: 100% 0%; -ms-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }

			#page7-close { -ms-transform-origin: 0% 0%; -ms-animation: close .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }
			#back-open { -ms-transform-origin: 100% 0%; -ms-animation: open .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }

			#page7-open { -ms-transform-origin: 0% 0%; -ms-animation: open2 .75s ease-out 0s 1,
			stayopen 1s linear .75s infinite; }
			#back-close { -ms-transform-origin: 100% 0%; -ms-animation: close2 .75s ease-in 0s 1,
			stayclosed 1s linear .75s infinite; }