html {
	overflow-y: scroll;
}

body {
    background: #000000;
/*background color of the entire page*/
}

div.container {
    overflow: hidden;
/* if too much text, hide the extra text*/
    height: 19px;
/* space for text is 19 pixels high. In combination with the table width of 300px below, it provides about 59 characters shown no matter how long the text string is in the html file*/
	width: 200px;
	text-align: center;
	vertical-align: text-top;
}

label {
	/*tabe width*/
    margin-left: auto;
    margin-right: auto;

/*font color for Label*/
    color: #FFFFFF;
	
/*font size for Label*/
    font-size: 8.5pt;

/*font for label*/
    font-family: Helvetica,Arial,sans-serif;
	
  text-align: center;
  vertical-align: text-center;
}

#book-wrapper{
	width: 960px;
	height: 600px;
	margin: 20px auto;
}

#book-zoom{
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -ms-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
}

.animated{
	-webkit-transition:margin-left 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out;
}

.sfbook{
	width:942px;
	height:600px;
}

.sfbook .page{
	width:471px;
	height:600px;
	background:white;
	/* Change the page backcolor to white or another color */
	/*background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #FFFFFF), color-stop(1, #dadada));
	background-image:-webkit-linear-gradient(right, #FFFFFF 95%, #C4C4C4 100%); 
    background-image:-moz-linear-gradient(right, #FFFFFF 95%, #C4C4C4 100%);  
    background-image:-ms-linear-gradient(right, #FFFFFF 95%, #C4C4C4 100%);  
    background-image:-o-linear-gradient(right, #FFFFFF 95%, #C4C4C4 100%);
    background-image:linear-gradient(right, #FFFFFF 95%, #C4C4C4 100%); 
	-webkit-box-shadow:0 0 0px rgba(0,0,0,0);
	-moz-box-shadow:0 0 0px rgba(0,0,0,0);
	-ms-box-shadow:0 0 0px rgba(0,0,0,0);
	-o-box-shadow:0 0 0px rgba(0,0,0,0);
	box-shadow:0 0 0px rgba(0,0,0,0);*/
}

.sfbook .hard{
	background-image:url(../pics/1.png);
}

.sfbook .p28{
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #FFFFFF), color-stop(1, #dadada));
	background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:linear-gradient(left, #fff 95%, #dadada 100%);
}

.sfbook .p29{
	background-position:-942px 0;
}

.sfbook .p30{
	background-position:-1413px 0;
}

.sfbook .p1even{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../pics/right-border.png);
	background-position:right top;
	background-repeat: repeat-y;
}


.sfbook .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../pics/right-border.png);
	background-position:right top;
	background-repeat: repeat-y;
}

.sfbook .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../pics/left-border.png);
	background-position:left top;
	background-repeat: repeat-y;
}

.sfbook .page-wrapper{
	-webkit-perspective:2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
}


.sfbook .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

/*
.sfbook .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 0px #ccc;
	-ms-box-shadow:0 0 0px #ccc;
	box-shadow:0 0 0px #ccc;
}
*/
.sfbook .tabs{
	width:942px;
	height:22px;
	top:-22px;
	position:relative;
	z-index:1;
}

.sfbook .tabs > div{
	width:461px;
	height:22px;
	float:left;
}

.sfbook .tabs .left{
	text-align:left;
	margin-left:10px;
}


.sfbook .tabs .right{
	text-align:right;
	margin-right:10px;
}

.sfbook .tabs a{
	color:black;
	-webkit-border-image: url(../pics/tab-off.png) 5 20 5 20 repeat stretch;
	border-width: 5px 20px 5px 20px;
	display:inline-block;
	font:bold 11px arial;
	text-shadow:1px 1px 0 #ddd;
	color:#333;
	line-height:12px;
	text-decoration:none;
}

.sfbook .tabs .on:hover{
	-webkit-border-image: url(../pics/tab-on.png) 5 20 5 20 repeat stretch;
	cursor:default;
}

.sfbook .tabs a:hover{
	color:black;
	text-decoration: none;
	cursor:pointer;
	-webkit-border-image: url(../pics/tab-hover.png) 5 20 5 20 repeat stretch;

}