/* @Booklet
----------------------------------------*/
	.booklet         {width:600px; height:400px; position:relative; margin:0 auto 10px;}
	.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:#f5f5f5 url("images/bg.jpg") right bottom repeat-y;}
	.booklet .b-wrap-right {background:#eee url("images/bg.jpg") left bottom repeat-y;}
	
	.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:#ccc url("images/cover.png") !important;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:5px; position:absolute; display:block; width:21px; height:21px; line-height:19px; text-align:center !important; font-family:"Times New Roman", Times, serif; font-size:11px; padding:0; color:#888; background:transparent url(images/number.png) center center no-repeat;}
	.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:#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:33px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:60px; width:33px; position:absolute; left:0; top:42%;}
	.booklet .b-arrow-next     {right:-35px;}
	.booklet .b-arrow-prev     {left:-35px;}
	.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: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
----------------------------------------*/
	#vtembookletnav_warp_left{width:232px;margin:10px auto; height:30px; background:url(images/nav_left.png) left center no-repeat; padding:0 0 0 12px;}
	#vtembookletnav_warp_right{margin:0 auto; height:30px; background:url(images/nav_right.png) right center no-repeat; padding:0 12px 0 0;}
    #vtembookletnav{margin:0!important; padding:1px 0 0 0!important; list-style:none !important; height:28px; display:block;}
	#vtembookletnav li{float:left; position:relative; text-shadow:1px 1px 1px #fff; cursor:pointer;}
	#vtembookletnav li#vtembookletstart, #vtembookletnav li#vtembookletprev, #vtembookletnav li#vtembookletnext, #vtembookletnav li#vtembookletend{width:25px; height:25px; background-image:url(images/button.png); background-repeat:no-repeat; text-indent:-999999999px; margin:1px 2px;}
	#vtembookletnav li#vtembookletstart{background-position:0  2px;}
	#vtembookletnav li#vtembookletstart:hover{background-position:0 -21px;}
	#vtembookletnav li#vtembookletprev{background-position:0 -44px;}
	#vtembookletnav li#vtembookletprev:hover{background-position:0 -67px;}
	#vtembookletnav li#vtembookletend{background-position:0 -90px;}
	#vtembookletnav li#vtembookletend:hover{background-position:0 -113px;}
	#vtembookletnav li#vtembookletnext{background-position:0 -136px;}
	#vtembookletnav li#vtembookletnext:hover{background-position:0 100%;}
	#vtembookletpageselector {height:25px; padding:0;*width:104px;}
	
	.b-selector             {height:25px; position:relative; border:none; color:#333; cursor:pointer; padding:0; margin:0;}
	.b-selector .b-current  {padding:0px 10px; line-height:20px; width:84px; height:20px; display:block; text-align:center; margin:4px auto 0 auto;}
	.b-selector-page        {width:auto;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover {color:#000; background-position:left 0px;}
	.b-selector:hover .b-current {background-position:right 0px;}
	.b-selector ul{margin:0 !important; list-style:none !important; position:absolute; top:20px; right:12px; padding:0px !important; background:#bbb; width:80px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; height:30px; overflow:hidden;overflow-y:auto;}
	#vtembookletnav li .b-selector li{border:none; display:block; float:none;}
	.b-selector a                {color:#555 !important; height:14px; text-decoration:none !important; display:block; padding:3px; font-size:10px; background-color:transparent !important;}
	.b-selector a .b-text        {float:left; clear:left;}
	.b-selector a .b-num         {float:right; clear:right;}
	.b-selector a:hover          {color:#000 !important;}
/*///////////////////////////////////////*/
.vtem_booklet_item h1.vtem_booklet_begin{font-size:36px !important; font-family:"Times New Roman", Times, serif !important; padding:30px !important; text-align:center !important; text-shadow:1px 1px 1px #fff; line-height:normal !important; color:#666 !important;border:none !important;}
.vtem_booklet_item .vtemdesign{position:absolute; bottom:5px; left:0; display:block;text-align:center !important; width:100%; color:#777; font-family: Arial, Helvetica, sans-serif !important;}
.vtem_booklet_cover{position:relative; height:90%;}
.vtem_booklet_title{margin:2px 0 8px 0 !important; padding:3px 0 3px 20px !important; font-weight:bold; background:url(images/title.png) left top repeat-y;}
.vtem_booklet_title, .vtem_booklet_title a{color:#555 !important; text-decoration:none; text-shadow:1px 1px 1px #ccc;font-size:14px; font-weight:bold; background-color:transparent !important;}
.booklet .b-load .vtem_booklet_item{margin-bottom:35px; overflow:hidden !important;}
.vtem_booklet_item .vtem_booklet_content img{border:1px solid #e5e5e5; background:#fff; padding:5px;}
.vtem_booklet_item .vtem-booklet-image{width:100%; height:100%; display:block; border:none; margin:0; padding:0;}
.vtem-booklet .b-grab .b-wrap{background:#ddd}
.vtem-booklet .vt_readmore{padding:5px 0; margin:0;}
.vtem-booklet .vtem-booklet-readon{background:#999 !important; color:#fff !important; text-decoration:none; padding:2px 5px; font-size:80%; text-transform:uppercase;-moz-border-radius:3px;}
.vtem_booklet_warpper{overflow: hidden;}