/* @Booklet
----------------------------------------*/
	.quickflip {position: relative;cursor: auto;}
	.booklet{
	-moz-box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
	box-shadow:0px 0px 3px #333;
	border:2px solid #333;
	position:relative; margin:0 auto 10px; overflow:visible !important;
}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding: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  {background:#fff url(../images/left.png) repeat-y top right!important;}
	.booklet .b-wrap-right {background:#fff url(../images/right.png) repeat-y top left!important;}
	.booklet .b-p1 {background:#fff url(../images/left.png) repeat-y top right!important;}
	.booklet .b-p2  {background:#fff url(../images/right.png) repeat-y top left!important;}
   	
	
	.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:0px 1px 3px #222;}
   
   	  	
   	/* Page Numbers */
	.booklet .b-counter {bottom:10px; 
	position:absolute; 
	display:block; 
	width:25px; 
	height:20px; 
	color:#333; text-align:center;font-family: georgia;
        font-size: 16px; 
        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;}
	
   	/* 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:#555; height:40px; width:100%; padding:3px 0 0; text-align:center; color:#fff; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#222; color:#ccc;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:43px;}
	.booklet .b-arrow div      { text-indent:-9999px; height:100px; width:43px; position:absolute; left:0; top:37%;}
	.booklet .b-arrow-next     {right:-43px;}
	.booklet .b-arrow-prev     {left:-43px;}
	.booklet .b-arrow-next div {background:url("../images/arrow-next.png") no-repeat right center;}
	.booklet .b-arrow-prev div {background:url("../images/arrow-prev.png") no-repeat left center;}
		
/* @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 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;}
	
	
	
	.book_wrapper a.article,
.book_wrapper a.demo{
    background: #8b5a2b url("../images/button_arrow.png") no-repeat right;
    color: #555555;
    display: block;
    float: left;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin-left: 20px;
    outline: medium none;
    padding-left: 12px;
    padding-right: 40px;
    text-decoration: none;
       -moz-box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
	box-shadow:0px 0px 3px #333;
    
}	




.loading{
	position: relative;
	opacity:0.7;
	z-index:1000;
	background: url(../images/ball_loader.gif) no-repeat center center;
	height:200px;
	
}	
.book_wrapper h1{
	color:#13386a ;
	margin:5px 5px 5px 15px ;
	font-size:21px ;
	/*background:transparent url(../images/h1.png) no-repeat bottom left;*/
	padding-bottom:7px ;
}
.book_wrapper p{
	margin: 0px 5px 10px 15px;
}

.book_wrapper a.article,
.book_wrapper a.demo{
    background: #8b5a2b url("../images/button_arrow.png") no-repeat right;
    color: #555555;
    display: block;
    float: left;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin-left: 20px;
    outline: medium none;
    padding-left: 12px;
    padding-right: 40px;
    text-decoration: none;
    -moz-box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
	box-shadow:0px 0px 3px #333;
	margin-bottom:10px;
    
}

.book_wrapper img{
	margin:10px 0px 5px 20px;
	display:block;
	padding:3px;
	border:2px solid #1e909a;
}
.quickflip .quickflip-content {
	display:inline-block;
}
	
.quickflip .quickflip-content img{
	width:86%;
	max-width:86%;
}

@media all and (max-width: 479px) {

	.book_wrapper img,
	.book_wrapper h1,
	.book_wrapper p,
	.book_wrapper a.article,
	.book_wrapper a.demo{
		margin-left:5px;
	}
	.quickflip .quickflip-content img{
		width:75%;
		max-width:75%;
	}
	.book_wrapper a.article,
	.book_wrapper a.demo{
		background:none;
		padding-right:12px;
	}
	.booklet .b-arrow div{
		width:20px;
	}
	.booklet .b-arrow-next     {right:-22px; width:20px;}
	.booklet .b-arrow-prev     {left:-22px; width:20px;}
}

@media all and (min-width: 480px) and (max-width: 767px) {

	.book_wrapper img,
	.book_wrapper h1,
	.book_wrapper p,
	.book_wrapper a.article,
	.book_wrapper a.demo{
		margin-left:10px;
	}
	.booklet .b-arrow div{
		width:30px;
	}
	.booklet .b-arrow-next     {right:-32px; width:30px;}
	.booklet .b-arrow-prev     {left:-32px; width:30px;}
	
	
	.quickflip .quickflip-content img{
		width:80%;
		max-width:80%;
	}
}

@media all and (min-width: 768px) and (max-width: 1199px) {

	.quickflip .quickflip-content img{
		width:84%;
		max-width:84%;
	}
}	

@media all and (min-width: 1200px) {

	.quickflip .quickflip-content img{
		width:86%;
		max-width:86%;
	}
}	

	.quickflip .quickflip-content {
		width:43%;
	}

.b-wrap .quickflip-content {
	width:100%;
	height:100%;
	overflow:hidden;
}