<!DOCTYPE html>
<!--[if lt IE 7]>      <html bindonce class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html bindonce class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html bindonce class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html bindonce="" class="no-js" ng-app="epubby">  <!--<![endif]-->
    <head google-analytics="">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title ng-bind="browserTitle || CONFIG.title"></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <link rel="icon" type="image/x-icon" ng-href="themes/{{CONFIG.theme}}/images/publishers/{{CONFIG.publishingHouse}}_icon.ico">

        <link rel="stylesheet" ng-href="themes/{{CONFIG.theme}}/main.css">
        <link rel="stylesheet" ng-href="themes/{{CONFIG.theme}}/jquery.toolbars.css">
        <link rel="stylesheet" href="themes/kitaboo/jquery.mCustomScrollbarKitaboo.css">
        
        <link rel="stylesheet" href="styles/main.css">

        <script src="config.js"></script>
        <script src="scripts/vendor/modernizr.min.js"></script>
    </head>
    <body ng-class="blockOverflow()" style="display:none">
      <div id="container">
        <div id="browserhappy" class="alert alert-error"></div>
        <div ng-view="" browser-happy=""></div>
      </div>

        <!-- Add your site or application content here -->
        
    <!-- DO NOT REMOVE IT  -->
    <!-- <div class="modal hide" data-keyboard="false" id="helpModal">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3><div class='modal-icon-help'></div>Help</h3>
      </div>
      <div class="modal-body">
         <div ng-include src="helpFile"></div>
      </div>
    </div>

     <div class="modal hide" data-keyboard="false" id="glossaryModal">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3><div class='modal-icon-help'></div>Glossary</h3>
      </div>
      <div class="modal-body">
         <div ng-include src="'views/glossary.html'"></div>
      </div>
    </div> -->

    <div id="toolbar" style="display:none">
      <a href="#" bo-title="'normalHighlight' | translate : 'tooltips'" ng-click="broadcast($event, 'addHighlightNormalBroadcast')"><i class="highlight-normal"></i></a>
      <a href="#" bo-title="'importantHighlight' | translate : 'tooltips'" ng-click="broadcast($event, 'addHighlightImportantBroadcast')"><i class="highlight-important"></i></a>     
      <a href="#" bo-title="'addNote' | translate : 'tooltips'" ng-click="broadcast($event, 'emitAddNote')"><i class="highlight-note"></i></a>
      <a href="#" bo-title="'search' | translate : 'tooltips'" ng-click="broadcast($event, 'searchBroadcast')"><i class="highlight-search"></i></a>  
      <a href="#" bo-title="'clearHighlight' | translate : 'tooltips'" ng-click="broadcast($event, 'removeHighlightBroadcast')" style="display:none"><i class="highlight-clear"></i></a>
    </div>
    <div id="toolbarController" epubby-toolbar="" style="position:absolute;width:0px;height:0px;left:0px;top:0px;z-index:9999999"></div>

    
    <div reflowableslider-feature=""></div>   

    <iframe style="display:none" hit-content-server=""></iframe>

    <script src="scripts/app.js"></script>
</body>
</html>