/*
 * 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/)
 */
.book_wrapper{ 
    margin: 30px auto 0px;
	padding-left: 10px;
}
.book_wrapper h3{
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    border-bottom: 1px solid #00AEEF;
    display: inline-block;
}
.page-template-booklet-page-template .book_wrapper p{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
    max-width: 100%;
    text-align: left;
}
.booklet {
	width:800px; 
	height:600px; 
	position:relative; 
	margin:0 auto 10px; 
	overflow:visible;
}
.booklet .b-page {left:0; top:0; 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;
	margin-left: 10px;

}
.booklet .b-wrap > div {
	display: block;
	height: 400px;
	overflow-x: hidden;
	text-align: center;
}
.booklet .b-wrap-left  {
	background-image: url('../images/booklet_left1.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding:40px 20px 20px 60px !important; 
	margin-left: 20px;
}
.booklet .b-wrap-right {
	background-image: url('../images/booklet_right1.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 40px 60px 20px 20px !important;
	margin-left: 0;
}
	
	.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-color: transparent; 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:80px; bottom: 100px;}
	.booklet .b-wrap-right .b-counter {right:100px; bottom: 100px;}
   
   	/* 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;}*/
	
   	/* 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:104px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:74px; width:28px; position:absolute; left:0; top:38%;}
	.booklet .b-arrow-next     {right:-85px;}
	.booklet .b-arrow-prev     {left:-19px;}
	.booklet .b-arrow-next div {background:url("../images/booklet-right-arrow.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("../images/booklet-left-arrow.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:100;}
    .b-selector       {z-index:100;}
    .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-menu {height:40px; padding:0 0 10px;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.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:#fff; 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:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
	.b-selector li               {border:none;}
	.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}
		

@media only screen and (min-width: 1101px){
	.book_wrapper{ 
		transition: none;
		-webkit-transition:none;
		-moz-transition: none;
	}
	.book_wrapper *{
		transition: none;
		-webkit-transition:none;
		-moz-transition: none;
	}

}

/*@media only screen and ( max-width: 1099px){
	.book_wrapper{ 
		padding: 0;
		margin:30px auto 150px;
		width: 100% !important;
		height: 494px;
		background-image: url('../images/booklet_bg1.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.book_wrapper #mybook {
	    width: 90% !important;
	    height: 450px !important;
	    margin: 0 auto !important;

	}
	.book_wrapper .b-page {
	    width: 100% !important;
	    left: 0 !important;
	    right: 0 !important;
	    height: 415px !important;
	    padding: 0 !important;
	    overflow: hidden !important;
	    top: 20px 40px !important;
	}
	.book_wrapper .b-page .b-wrap {
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    padding: 20px !important;
	    width: 100% !important;
	    height: 415px !important;
	    opacity: 1 !important;
	    background: #EFEFEF !important;
	    border-radius: 10px;
	}
	.booklet-search{
		margin: 80px 0 0;
	}
	.booklet .b-arrow-prev{
		 left: -14px;
	}
	.booklet .b-arrow-next {
   	 	right: -14px;
	}
	.booklet .b-arrow{
		width: 60px;
	}
	.booklet .b-arrow div{
		width: 60px;
		height: 60px;
		background-size: 60px !important;
		top: 38%;
	}
	.booklet .b-wrap-left .b-counter {
	    bottom: 30px;
	    left: 30px;
	}
	.booklet .b-wrap-right .b-counter{
		bottom: 30px;
	    right: 30px;
	}

}
@media only screen and ( max-width: 767px){
	.book_wrapper{ height: 450px !important; }
	.book_wrapper #mybook{ height: 400px !important; }
	.book_wrapper .b-page { height: 370px !important; }
	.book_wrapper .b-page .b-wrap { height: 370px !important; }
	.booklet .b-arrow{ width: 40px; }
	.booklet .b-arrow div{width: 40px; height: 40px; background-size: 40px !important; top: 45%; }
	.booklet .b-arrow-prev{left: -10px; }
	.booklet .b-arrow-next {right: -12px; }
	.book_wrapper .b-page .b-wrap{padding: 10px 34px 20px !important;}


}
@media only screen and ( max-width: 413px){
	.book_wrapper .b-page .b-wrap{padding: 10px 30px 20px !important;}

}*/