/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2013 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.2
 *
 * Originally based on the work of:
 *  1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
.booklet {
  position:relative;
  margin:0 auto 10px;
  overflow:visible !important;

  -webkit-box-shadow:  2px 1px 9px 0px #aeaeae;
          box-shadow:  2px 1px 9px 0px #aeaeae;
}

.booklet .b-page {
  left:0;
  top:0;
  position:absolute;
  overflow:hidden;
  padding:0;
  outline:1px solid transparent;
}

/* Page Wrappers */
.b-wrap       {top:0; position:absolute;}
.b-wrap-left  {background:#fff;}
.b-wrap-right {background:white;}

.b-wrap-right {
  position: relative;
}

.booklet img {
  position: relative;
  width: 301px;
  height: 401px;
}

.b-page:nth-child(2n+1):after {
  content: "";

  width: 301px;
  height: 401px;
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;

  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 85%, rgba(124,124,124,0.35) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(85%,rgba(255,255,255,0)), color-stop(100%,rgba(124,124,124,0.35))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(124,124,124,0.35) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(124,124,124,0.35) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(124,124,124,0.35) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(124,124,124,0.35) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#597c7c7c',GradientType=1 ); /* IE6-9 */
}

.b-page:nth-child(2):after {
  content: "";

  width: 301px;
  height: 401px;

  display:block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;

  background: -moz-linear-gradient(left,  rgba(216,216,216,0.35) 0%, rgba(255,255,255,0) 24%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(216,216,216,0.35)), color-stop(24%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(216,216,216,0.35) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(216,216,216,0.35) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(216,216,216,0.35) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(216,216,216,0.35) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59d8d8d8', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

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

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

  /* Page Numbers */
/*.b-counter {
  bottom:10px; poseition: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;
  display: none;
}

.b-wrap-left  .b-counter  {left:10px;}
.b-wrap-right .b-counter {right:10px;}*/

  /* Page Shadows */
.b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("/sites/all/themes/emma/js/contrib/booklet/images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("/sites/all/themes/emma/js/contrib/booklet/images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}

.b-p0 {background-image:url("/sites/all/themes/emma/js/contrib/booklet/images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
.b-p3 {background-image:url("/sites/all/themes/emma/js/contrib/booklet/images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}

  /* Overlay Controls */
.b-grab     {cursor: url("/sites/all/themes/emma/js/contrib/booklet/images/openhand.cur"), default;}
.b-grabbing {cursor: url("/sites/all/themes/emma/js/contrib/booklet/images/closedhand.cur"), default;}

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

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

/* Arrow Controls */
.b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.b-arrow-next     {right:-80px;}
.b-arrow-prev     {left:-80px;}
.b-arrow-next div {background:url("/sites/all/themes/emma/js/contrib/booklet/images/arrow-next.png") no-repeat left top;}
.b-arrow-prev div {background:url("/sites/all/themes/emma/js/contrib/booklet/images/arrow-prev.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; display: none;}

/* @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 0px;}
.b-selector:hover .b-current {background-position:right 0px;}
.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;}

#booklet-cover {
  -webkit-box-shadow:  2px 1px 9px 0px #aeaeae;
          box-shadow:  2px 1px 9px 0px #aeaeae;
}