.wakobook {
	position : relative;
	zoom: 1;
}
.wakobook-page	{
	zoom: 1;
}

.wakobook-page-content {
	position : absolute;
	overflow : hidden;
	zoom: 1;
}

/* marker class */
.wakobook-left{}
.wakobook-right{}
.wakobook-disabled{}

.wakobook-handle {
	cursor   : pointer;
	height   : 100%;
	position : absolute;
	top      : 0;
	width    : 580px;
	z-index  : 10000;
	/* without this Chrome will mess the zindex of hardcover when it flips, making
	   the cover to jump when the "curl page corner on hover" is enabled */
	-webkit-transform: translate3d(0px, 0px, 10000px);
}

.wakobook-handle.wakobook-disabled {
	display : none;
}

/* shadows */
.wakobook-shadow-clipper {
	position : absolute;
	overflow : hidden;
	z-index : 999; /* 1 a menos do que o verso da pagina sendo foldada */
	zoom: 1;
}

.wakobook-shadow-container {
	display  : none;
	position : absolute;
	z-index  : 999; /* 1 a menos do que o verso da pagina sendo foldada */
	zoom: 1;
}

.wakobook-shadow-internal {
	background : url(shadow_internal_fold.png) repeat-y;
	height     : 500px;
	width      : 200px;
	position   : absolute;
	zoom: 1;
}

.wakobook-shadow-fold {
	background : url(shadow_fold.png) right top repeat-y;
	height     : 500px;
	width      : 100px;
	position   : absolute;
	zoom       : 1;
}

.wakobook-shadow-fold-flipped  {
	background-image : url(shadow_fold_flip_h.png);
}

.wakobook-fold-gradient {
	background : url(fold_gradient.png) right top repeat-y;
	height : 500px;
	width : 125px;
	position : absolute;
	top : 0;
	zoom: 1;
}

.wakobook-fold-gradient-flipped {
	background-image :  url(fold_gradient_flip_h.png);
}

.wakobook-fold-gradient-container {
	position : absolute;
	z-index  : 1001; /* 1 a mais que o verso da pagina sendo foldada */
}

.wakobook-gutter-shadow {
	height     : 100%;
	width      : 40px;
	position   : absolute;
	top        : 0;
}

.wakobook-left .wakobook-gutter-shadow {
	background : url(gutter_shadow_left.png) right top repeat-y;
	right      : 0;
	width      : 70px;
}

.wakobook-right .wakobook-gutter-shadow {
	background : url(gutter_shadow_right.png) right top repeat-y;
	left       : 0;
}

.wakobook-hard-page-shadow {
	background : #888;
	position   : absolute;
	top        : 0;
	z-index    : 999; /* 1 a menos do que o verso da pagina sendo foldada */
}

.wakobook-page-number {
	bottom   : 0;
	padding-bottom: 0.3em;
	position : absolute;
}

.wakobook-left .wakobook-page-number {
	left : 0;
	padding-left: 0.5em;
}

.wakobook-right .wakobook-page-number {
	right : 0;
	padding-right: 0.5em;
}

.wakobook-book-shadow{
	-moz-box-shadow: 0 0 14px #666;
	-ms-box-shadow: 0 0 14px #666;
	-webkit-box-shadow: 0 0 14px #666;
	-o-box-shadow: 0 0 14px #666;
	box-shadow: 0 0 14px #666;
}

.wakobook-page-holded {
}
.wakobook-page-holded object {
	/* visibility: hidden; */
}


/* Thumbnails */
.wakobook-thumbnails {
	background: none;
	left: 0px;
	top: 0px;
    position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	image-rendering:optimizeQuality;
    z-index: 10000;
}

.wakobook-thumbnails .wakobook-clipper {
	overflow: hidden;
	position: relative;
}

.wakobook-thumbnails ul {
    position: relative;
    margin : 0;
    padding : 0;
}

.wakobook-thumbnails .wakobook-button {
	background: none no-repeat 50% 50% #333;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 0;
}

.wakobook-thumbnail {
	cursor : pointer;
	display : inline-block;
	*display: inline; /* for IE7 */
	zoom: 1;	      /* for IE7 */
	overflow: hidden;
	position: relative;
	vertical-align: top;
}

/* BUGFIX. IE8 apparently ignores background-position
   when zoom<>1 is applied and the element has position:absolute */
.wakobook-thumbnail .wakobook-page-content {
	position: relative;
}

.wakobook-thumbnail.wakobook-right {
	margin-right: 1em;
}

.wakobook-overlay {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100000;
}

/* Thumbnails - horizontal */
.wakobook-horizontal.wakobook-thumbnails{
	width: 100%;
}

.wakobook-horizontal.wakobook-thumbnails .wakobook-clipper {
	height: 100%;
	position: relative;
	margin: 0 30px; /* margin is the width of the buttons */
}

.wakobook-horizontal.wakobook-thumbnails ul {
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1;         /* IE7 */
	white-space: nowrap;
}

.wakobook-horizontal.wakobook-thumbnails .wakobook-button {
	width: 30px;
	height: 100%;
	background-image: url("arrow_left.png");
}

.wakobook-horizontal.wakobook-thumbnails .wakobook-next.wakobook-button {
	left: auto; right: 0;
	background-image: url("arrow_right.png");
}

.wakobook-horizontal .wakobook-thumbnail {
	/* without this, the "nowrap" value set in the "ul" will
	   be inherited and (probably)	mess with your thumbnails */
	white-space: normal;
	/* BUT IE7 NEED THIS */
	*white-space: nowrap;
}
.wakobook-horizontal .wakobook-thumbnail .wakobook-page-content{
	/* AGAIN, IE7 NEED THIS */
	*white-space: normal;
}



/* Thumbnails - vertical */

.wakobook-vertical.wakobook-thumbnails {
	display: inline-block;
	height: 100%;
}

.wakobook-vertical.wakobook-thumbnails .wakobook-clipper {
	position: absolute;
	top: 30px; bottom: 30px; /* this value is the height of the buttons */
}

.wakobook-vertical.wakobook-thumbnails .wakobook-button {
	height: 30px;
	width: 100%;
	background-image: url("arrow_up.png");
}

.wakobook-vertical.wakobook-thumbnails .wakobook-next.wakobook-button {
	bottom: 0; top: auto;
	background-image: url("arrow_down.png");
}

.wakobook-vertical .wakobook-thumbnail.wakobook-right {
	margin-right: 0;
}
.wakobook-vertical .wakobook-thumbnail:first-child {
	margin-left: 50%;
}
