/*
 * 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/)
 */
.bg_book
{
	width:1008px;height:651px;background-image:url(../images/bg_ebook.png);background-repeat:no-repeat;background-position:center center;
    margin:0 auto;
	
}
	.booklet         {width:1000px; height:629px; position:relative;overflow:visible !important;top:0px;margin:0 auto;}
	.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  {width:500px;height:639px;  background-image:url(../images/shadow2.png);background-repeat:no-repeat;float:left;
		
		margin-top:-6px;
	
		}
	.booklet .b-wrap-right {width:500px;height:639px;  background-image:url(../images/shadow.png);background-repeat:no-repeat;	margin-top:-9px;}
	
	.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%;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:20px;background-image:url(../images/Ellipse.png);background-repeat:no-repeat; position:absolute; 
		display:block; width:46px; height:46px;color:#666666; text-align:center; font-family:segoeuib; text-align:center;line-height:44px;}
	.booklet .b-wrap-left  .b-counter  {left:47%;}
	.booklet .b-wrap-right .b-counter {right:47%;}
   
   	/* 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;}
	.booklet .b-p3 {background-image:url("../images/shadow2.png"); background-repeat:repeat-y;}
*/
	
   	/* 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:150px; height:100%; width:20px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:30px; width:20px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-30px;}
	.booklet .b-arrow-prev     {left:-30px;}
	.booklet .b-arrow-next div {background:url("../images/arrow-prev.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("../images/arrow-next.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 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;}
.bg_ebook_text
{
	width:500px;height:639px;
	/*
	background-image:url(../images/bg_book_text.png);background-repeat:no-repeat;	
*/
}		
.biasach
{
	background-image:url(../images/bg_biasach.png);background-repeat:no-repeat;	
	width:492px;height:618px;float:left;margin-left:10px;margin-top:2px;
}
#mybook {
    float:right;
    width:500px;
    height:639px;
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    margin-top: -2px;
}
.noidungebook
{
	width:433px;margin:0 auto	;font-size:14px;color:#535353;line-height:20px;
	margin-top:20px;
    
}
.noidungebook p
{
	margin-bottom:10px;	
}
.noidungebook .introduc_ebook
{
	padding-top:20px;	
    padding-bottom:20px;
}
.introduc_ebook .scrollbar-rail {
    height:521px;
}
#mybook .noidungebook .content {
    background:none;
}
#mybook .noidungebook {
    display:none;
}
    #mybook .noidungebook.active {
        display:block;
    }