/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
*/
.booklet         {width:800px; height:450px; position:relative; margin:0 auto 10px; overflow:visible !important;}
.booklet .b-page {left:0; top:80px; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}

.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}
.booklet .b-p3  {}
.booklet .b-p4  {}

/* Page Wrappers */
.booklet .b-wrap       {top:0; position:absolute;}
.booklet .b-wrap-left  {left: 40px !important; background:#fff;}
.booklet .b-wrap-right {background:#efefef;}

.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}

/* Custom Page Types */
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}

/* Page Numbers */
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
.booklet .b-wrap-left  .b-counter  {left:10px;}
.booklet .b-wrap-right .b-counter {right:10px;}

/* Page Shadows */
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
	/*
	.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	*/
	.booklet .b-p0::after {
		content: "";
		height:295px;
		background-repeat:repeat-y;
		background-position:100%;
		background-image:url("images/shadow.png");
		opacity: 0.3;
		top: 15px;
		left: 40px;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -2;
	}
	.booklet .b-p3::after {
		content: "";
		height:295px;
		background-repeat:repeat-y;
		background-position:100%;
		background-image:url("images/shadow.png");
		opacity: 0.3;
		top: 15px;
		left: 100px;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -2;
	}
	/* Overlay Controls */
	.booklet .b-grab     {cursor: url("images/openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("images/closedhand.cur"), default;}

	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}

	/* Tab Controls */
	.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#aaa; color:#000;}

	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-80px;}
	.booklet .b-arrow-prev     {left:-80px;}
	.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}

/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

body              {z-index:0;}
.b-menu           {z-index:60;}
.b-selector       {z-index:60;}
.booklet          {z-index:10;}
.b-pN             {z-index:10;}
.b-p0             {z-index:30;}
.b-p1             {z-index:20;}
.b-p2             {z-index:20;}
.b-p3             {z-index:30;}
.b-p4             {z-index:10;}
.b-prev           {z-index:40;}
.b-next           {z-index:40;}
.b-counter        {z-index:40;}


/* @Menu Items
----------------------------------------*/

.b-selector .b-current {
	line-height: 40px;
	min-width: 45px;
	height: 40px;
	display: block;
	background: rgb(241, 240, 240);
	text-align: center;
	/*padding-top: .6em;*/
	padding-left: 85px;
	padding-right: 10px;
	/*padding-bottom: 10px;*/
	font-size: 1sem;
	font-weight: 800;
}


/*.b-menu {height:40px; padding:0 0 10px;}*/
.b-menu {
	position: absolute;
	height: 80px;
	top: 0;
	right: 0;
	padding: 0;
}

.b-selector             {height:40px; position:relative; float:right; border:none; color:#333; cursor:pointer;}
/*.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}*/
.b-selector-page        {width:auto; margin-left:15px;}
.b-selector-chapter     {width:auto;}
.b-selector:hover            {color:#333; background-position:left 0;}
.b-selector:hover .b-current {background-position:right 0;}
/*.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:105px; right:0; padding:0 0 10px; background: rgb(241, 240, 240); width:600px;}*/
.b-selector ul {
	overflow: hidden;
	margin: 0;
	list-style: none !important;
	position: absolute;
	top: 40px;
	right: 0;
	padding: 0 0 10px;
	background: rgb(241, 240, 240);
	width: 600px;
}
.b-selector li               {border:none;}

.b-selector ul li:last-child{
	padding-bottom:5px;
}

.b-selector li {
	display: inline-block;
	width: 50%;
}

.b-selector ul li:first-child   {padding-top:.5em;}
.b-selector a                {color:#333; height:14px; text-decoration:none; display:block; padding:15px 25px; font-weight:800; font-size:14px;}
.b-selector a .b-text        {float:left; clear:none;}
.b-selector a .b-num         {float:right; clear:none;}
.b-selector a:hover          {color:#333;}