body{text-align:center ;margin:0px;width:100%;height:100%; overflow:hidden ; }
a,a:hover{border-width:0px;color:#146ded;}
*{ font-family:Verdana ;}
.container{width:100%;height:100%;}
.progress-box{top:50%;margin-top:-50px;left:50%;margin-left:-100px; position:absolute ;}
.progress-text{text-shadow:1px 1px #cccccc;padding:5px 0px; text-align:right ;color:#666;font-size:10px;}
.loader{ background-image:url(loader.gif); background-position:50% 50%; width:100%;height:100%;background-repeat:no-repeat; display:block ; z-index:99;}
.clear{clear:both;}
.book-nav{position:absolute ;vertical-align:middle ;background:#000;opacity:0.1; z-index:100; width:35px; display:none; }
.book-nav img{position:absolute;top:50%;margin-top:-25px;left:10px;}
.book-nav i{margin-top:40%;}
.book-nav-left{border-radius:10px 0px 0px 10px;}
.book-nav-right{border-radius:0px 10px 10px 0px;}
.book-nav-over{opacity:0.3; }
.book-nav-over img{opacity:0.9;}
.flipx{-moz-transForm:scaleX(-1); -webkit-transform:scaleX(-1);-o-transform:scaleX(-1); transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}
 

#preload{ display:block ;}
#entity{ display:none;}
.error-box{ background:#f9edbe url(warning.png) 10px 10px no-repeat;  border:1px solid #f0c36d;padding:10px;margin:10px; font-size:14px; font-family:Arial Verdana ; text-align:left;
            padding-left:80px; 
}

/*magazine*/
#book-container{position:relative ;overflow:hidden; width:100%;z-index:10;height:100%;}
#magazine{width:1152px;height:752px;margin:auto;position:absolute ; z-index:99;

}
.turn-page,.page{background-color:#fff;background-size:100% 100%;position:relative;width:100%;height:100%;}
.odd{
    background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}

.even{
    background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100aa%);
    background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}


/*large book*/
#large-container{position:relative ;z-index:10;height:100%;}
#large-nav-left{left:0px;top:0px;position:absolute ;width:40px; }
#large-nav-right{right:0px;top:0px;position:absolute ;width:40px; }  
#large-content{position:absolute ; z-index:99;width:100%;height:100%;}
#large-wrapper,#large-nav-left,#large-nav-right{height:100%;}
#large-wrapper{position:absolute ; overflow:auto ; text-align:center ;width:100%;}
#large-scroller{text-align:center ; position:absolute; width:100%;}



/*book header*/
#book-header{ z-index:100;width:100%;position:absolute;opacity:0.6;filter:alpha(opacity=60);background:#000; top:0px; z-index:20;}
.controls ul{margin:0px;padding:5px;}
.controls li{list-style-type:none;padding:0px;margin:0px 2px;float:left;font-size:0.8em;color:#fff;border-radius: 4px;}
.controls a{width:30px;height:20px;float:left;background-image:url(icon.png); background-repeat:no-repeat ;}
.menu-left{float:left;margin:0px 10px;}
.menu-right{float:right;margin:0px 10px;}
.menu-center{position:absolute;}
.menu-page{line-height:30px;}
.menu-prev a{background-position:-0px -5px;}
.menu-next a{background-position:-30px -5px;}
.menu-first a{background-position:-60px -5px;}
.menu-last a{background-position:-90px -5px;}
.menu-zoom a{background-position:-150px -5px;}
.menu-zoomin a{background-position:-120px -5px;}
.menu-zoomout a{background-position:-150px -5px;}
.menu-thumb a{background-position:-180px -5px;}
.menu-help a{background-position:-210px -5px;}
.menu-share a{background-position:-270px -5px;}
.menu-sound a{background-position:-300px -5px;}
.menu-mute a{background-position:-330px -5px;}
.menu-home a{background-position:-240px -5px;}
.menu-home a{background-position:-240px -5px;}
.menu-comment a{background-position:-420px -5px;}
.menu-export a{background-position:-390px -5px;}
.menu-fullscreen a{background-position:-360px -5px;}
.menu-down a{background-position:-330px -5px;}   
/*book footer*/
#book-footer{ z-index:100;width:100%;position:absolute;position:absolute;bottom:0px; text-align:center ;z-index:20;}
#book-footer{}
#thumb-nav-dot {width:30px;height:14px;background:url(icon.png) -60px -30px no-repeat ; margin:auto;}
#thumb-content{padding-top:10px;opacity:0.8;filter:alpha(opacity=80);background:#000; display:none; }
#thumb-nav-left,#thumb-nav-right{height:94px; position:absolute ;width:30px;}
#thumb-nav-left span,#thumb-nav-right span{margin-top:30px;width:30px;height:30px; display:block ; background-image:url(icon.png);  background-repeat:no-repeat ;}
#thumb-nav-left{left:0px;}
#thumb-nav-right{right:0px;}
#thumb-nav-left span{ background-position:0px -30px;}
#thumb-nav-right span{ background-position:-30px -30px;}
#thumb-pages{overflow:hidden;position:relative ;height:120px;}
#thumblist{ position:absolute ;}
#thumblist td{cursor:hand; list-style-type:none; text-align:center;color:#eee;font-size:0.8em;}
#thumblist td a{color:#fff; font-size:smaller; text-decoration:none; float:left;}
.disable span{opacity:0.1;filter:alpha(opacity=10);}
.thumb-odd{margin-right:10px;}
.thumb-even{margin-right:1px;}

/*dialog*/
.sharelist{margin:0px;padding:0px;}
.sharelist li{float:left;margin-right:10px; list-style-type:none;}
.sharelist a{width:30px;height:30px;float:left;background-image:url(icon.png); background-repeat:no-repeat ;}
.share-mail a{background-position:0px -60px;}
.share-twitter a{background-position:-60px -60px;}
.share-facebook a{background-position:-120px -60px;}
.share-google a{background-position:-180px -60px;}

.oddp{width:100%;height:100%;background:url(shadowl.png) right top repeat-y;}
.evenp{width:100%;height:100%;background:url(shadowr.png) left top repeat-y;}

.book-dialog{display:none; text-align:left; }
.book-dialog p{font-size:0.8em;}
.lbl{color:#999;  width:60px; text-align:right;float:left; font-size:small ;}
.val{margin-left:70px; font-size:small ;}


/* Dialog */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;-webkit-overflow-scrolling:touch}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:0.8em; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

#simplemodal-container p,#simplemodal-container b{font-size:smaller; font-family:Arial;}
#simplemodal-container .poweredby{color:#ccc; text-align:right ;}


.axlink{position:absolute;text-decoration: none;cursor:hand;}
.axlink:hover{border-radius: 8px;border:1px solid blue;box-shadow: 2px 2px 2px #ccc; }