/* @Booklet
----------------------------------------*/
	.booklet {
	width:800px;
	height:600px;
	position:relative; /*background:#fff;*/
	margin: 0 auto;
	clear: both;
	top: 5px;
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
	padding: 4px;
	background: url(../../styles/images/thumb.png);
	border: 1px solid white;
	}

	.booklet .b-page  {left:0; top:0px; position:absolute; overflow:hidden; padding:0;}
	
	.booklet .b-pN  {}
	.booklet .b-p0  {}
	.booklet .b-p1  {}
	.booklet .b-p2  {}    
	.booklet .b-p3  {}
	.booklet .b-p4  {}
	
	.booklet .b-load  { position: absolute;
	left: 4px;
	}
   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; left: 0;position:absolute;}
	.booklet .b-wrap-left  {background:#fff url(../../styles/images/booklet_pat.png);}
	.booklet .b-wrap-right {background:#ffffe5 url(../../styles/images/booklet_patt.png);}
	
	.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;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; text-align:center; font-size:13px; padding:5px 0 0; font-family: serif; font-style: italic;}
	.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;}
	
   	/* 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:100;}
    .b-selector       {z-index:100;}
	.booklet          {z-index:10;}
    .b-pN             {z-index:10;}
    .b-p0             {z-index:10;}
    .b-p1             {z-index:10;}
    .b-p2             {z-index:10;}
    .b-p3             {z-index:10;}
    .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; position: absolute; top: -54px; right: 5px; text-shadow: none;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer;}
	.b-selector .b-current  {padding:8px 15px 12px 30px; line-height:50px; height:50px; display:block; text-align:center; width: 40px;}
	.b-selector-page        { position: relative; width:105px; height: 60px; margin-left:15px; background: url('../../styles/images/booklet_ribbon.png') no-repeat top left; }
	.b-selector-page:hover  { background: url('../../styles/images/booklet_ribbon.png') no-repeat bottom left;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; }
	.b-selector:hover .b-current {background-position:right 0px;}
	.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:58px; width:80px; right:13px; padding: 0px 0 10px;
											background: url('../../styles/images/booklet_ribbon_expand.png') no-repeat top center; }
	.b-selector ul li:first-child { padding-top: 21px; }										
	.b-selector li               {border:none;}
	.b-selector a                {color:#cecece;text-decoration:none; display:block; float:right; clear:none;}
	.b-selector a .b-text        { display: none;}
	.b-selector a .b-num         {float:right; clear: none; padding:10px 15px 15px; text-align: center; width: 51px;background: url('../../styles/images/booklet_ribbon_expand_li.png') repeat-y -11px;}
	.b-selector a .b-num         {*background: url('../../styles/images/booklet_ribbon_expand_li.png') repeat-y -12px;}
	.b-selector a:hover          {color:#fff;}
	
	.booklet-item {
		float: left;width:100%; padding: 25px 0; position: relative;
		border-top: 1px dashed #d5d0bf;
	}
	
	.booklet-item:first-child {
		padding-top: 0;
		border-top:none;
	}
	
	.booklet-item a.button {
		position: absolute;
		right: 0;
		bottom: 20px;
	}
	
	.booklet-item h3 {
		margin: 10px 0 0;
	}
	
	.booklet-image {
		float:left; margin-right: 15px;
	}
	
	#controls {
	clear: left;
	margin: 20px auto;
	width: 860px;
	font-size: 17px;
	}
	
	#controls #right {
		float: right;
	}