.booklet{-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.booklet .b-wrap-left{background:#fff url(../images/left_bg.jpg) no-repeat top left;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.booklet .b-wrap-right{background:#efefef url(../images/right_bg.jpg) no-repeat top left;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px}.booklet .b-counter{bottom:10px;position:absolute;display:block;width:90%;height:20px;border-top:1px solid #ddd;color:#222;text-align:center;font-size:12px;padding:5px 0 0;background:transparent;-moz-box-shadow:0 -1px 1px #fff;-webkit-box-shadow:0 -1px 1px #fff;box-shadow:0 -1px 1px #fff;opacity:.8}.book_wrapper{margin:-20px auto 0;padding-top:50px;width:905px;height:540px;position:relative;background:transparent url(../images/bg.png) no-repeat 9px 27px}.book_wrapper h1{color:#13386a;margin:5px 5px 5px 15px;font-size:26px;background:transparent url(../images/h1.png) no-repeat bottom left;padding-bottom:7px}.book_wrapper p{font-size:16px;margin:5px 5px 5px 15px}.book_wrapper a.article,.book_wrapper a.demo{background:transparent url(../images/circle.png) no-repeat 50% 0;display:block;width:95px;height:41px;text-decoration:none;outline:0;font-size:16px;color:#555;float:left;line-height:41px;padding-left:47px}.book_wrapper a.demo{margin-left:50px}.book_wrapper a.article:hover,.book_wrapper a.demo:hover{background-position:50% -41px;color:#13386a}.book_wrapper img{margin:10px 0 5px 35px;width:300px;padding:4px}a#next_page_button,a#prev_page_button{display:none;position:absolute;width:41px;height:40px;cursor:pointer;margin-top:-20px;top:50%;background:transparent url(../images/buttons.png) no-repeat 0 -40px}a#prev_page_button{left:-30px}a#next_page_button{right:-30px;background-position:-41px -40px}a#next_page_button:hover{background-position:-41px 0}a#prev_page_button:hover{background-position:0 0}.loading{width:160px;height:56px;position:absolute;top:50%;margin-top:-28px;right:135px;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background:#000 url(../images/ajax-loader.gif) no-repeat 10px 50%;opacity:.7;z-index:9999;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;filter:alpha(opacity=70)}.booklet{width:800px;height:600px;position:relative;margin:0 auto 10px}.booklet .b-page{left:0;top:0;position:absolute;overflow:hidden;padding:0}.booklet .b-pN{border-right:1px solid #92928d}.booklet .b-wrap{top:0;position:absolute}.booklet .b-wrap-left{background:#fff;box-shadow:inset -10px 0 30px rgba(0,0,0,0.1);-webkit-box-shadow:inset -10px 0 30px rgba(0,0,0,0.1)}.booklet .b-wrap-right{background:#fff}.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}.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:0 1px 3px #222}.booklet .b-counter{bottom:10px;position: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}.booklet .b-wrap-left .b-counter{left:10px}.booklet .b-wrap-right .b-counter{right:10px}.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}.booklet .b-overlay{top:0;position:absolute;height:100%;width:50%}.booklet .b-overlay-prev{left:0}.booklet .b-overlay-next{right:0}.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}.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}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}.b-menu{height:40px;padding:0 0 10px}.b-selector{height:40px;position:relative;float:right;border:0;color:#cecece;cursor:pointer}.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 0}.b-selector:hover .b-current{background-position:right 0}.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;font:normal 12px "Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif}.b-selector li{border:0}.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}