diff --git a/400-SOURCECODE/AIAHTML5.Web/Web.config b/400-SOURCECODE/AIAHTML5.Web/Web.config
index 1061ffa..385bad9 100644
--- a/400-SOURCECODE/AIAHTML5.Web/Web.config
+++ b/400-SOURCECODE/AIAHTML5.Web/Web.config
@@ -39,7 +39,9 @@
       <remove fileExtension=".mp3" />
       <!--<clientCache cacheControlMode="DisableCache" />-->
       <remove fileExtension=".woff" />
+      <remove fileExtension=".woff2" />
       <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
+      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
       <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
       <mimeMap fileExtension=".vtt" mimeType="text/vtt" />
       <mimeMap fileExtension=".json" mimeType="application/json" />
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 6e087c9..53dfacd 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -119,32 +119,41 @@ function ($rootScope, $scope, Modules, $log, $location, $timeout, DataService, A
     $rootScope.isOpenResourceBtnClicked = false;
     $rootScope.multiViewInfo = [];
     $rootScope.openResource = function () {
-        $rootScope.isOpenResourceBtnClicked = true;
-        $rootScope.isTermClicked = false;
+       // $rootScope.isOpenResourceBtnClicked = true;
+       // $rootScope.isTermClicked = false;
         //switch ($location.url()) {
         //    case '/curriculum-builder-detail':
         //        $location.url('/curriculum-builder');
         //        break;
         //}
 
-        $('#dvPrintPreview').css('display', 'block');
+        $('#dvOpenResoucePanel').css('display', 'block');
+
+       // var homepath = $location.protocol() + "//" + $location.host() + ":" + $location.port() + "/";
+        var homepath = $rootScope.homeURL;
+        $("#CBDetailPageDiv").css({ "display": "none", "pointer-events": "none", "opacity": ".5" });
+        $(".navbar-fixed-top").css({"display": "none", "pointer-events": "none", "opacity": ".5" });
+        $("#topMenuBar").css({ "display": "none", "pointer-events": "none", "opacity": ".5" });
+        
 
         $.jsPanel({
             id: 'OpenResourcePanel',
-            selector: '#dvPrintPreview',
+            selector: '#dvOpenResoucePanel',
             theme: 'success',
             currentController: 'HomeController',
             parentSlug: 'curriculum-builder-detail',
             content: '<div class="col-sm-12" >' +
-                    '<object data="' + $location + '" width="100%" height="800px" type="text/html" id="threedImage"></object>',
-            title: tittle,
+                    '<object data="' + homepath + '" width="100%" height="600px" type="text/html" id="openmodulecb"></object>',
+            title: "Open Module in Curriculum Builder",
             position: {
-                top: 70,
+                top: 1,
                 left: 1
             },
+            controls: { buttons: 'closeonly' },
+            draggable: "disabled",
 
             size: {
-                width: 900,
+                width: screen.width-10,
                 height: 600
             },
 
@@ -173,9 +182,9 @@ function ($rootScope, $scope, Modules, $log, $location, $timeout, DataService, A
     }
     
     $scope.helpTopicLink = function () {
-        var absurl = $location.absUrl();
-        var hTopicUrl = absurl + "content/help/index.html";
-        var aboutADAM = absurl + "content/help/about/Adam_Credits_AIA5.html";
+        $rootScope.homeURL = $location.absUrl();
+        var hTopicUrl = $rootScope.homeURL + "content/help/index.html";
+        var aboutADAM = $rootScope.homeURL + "content/help/about/Adam_Credits_AIA5.html";
 
         $("#helplinkId").append("<li><a target='_blank' href='" + hTopicUrl + "'> Help Topics </li>");
         $("#helplinkId").append("<li><a target='_blank' href='http://adameducation.com/Contact'> Customer Support </li>");
@@ -6520,6 +6529,14 @@ function ($rootScope, $scope, Modules, $log, $location, $timeout, DataService, A
 
     });
 
+    $(document).on('click', '#OpenResourcePanel .jsglyph-remove', function () {
+
+        $("#CBDetailPageDiv").css({ "display": "block", "pointer-events": "auto", "opacity": "1" });
+        $(".navbar-fixed-top").css({ "display": "block", "pointer-events": "auto", "opacity": "1" });
+        $("#topMenuBar").css({ "display": "block", "pointer-events": "auto", "opacity": "1" });
+        
+    });
+
     $rootScope.restrictBodySystemList = function () {
         var RestrictListDiv = document.getElementById("restrictListDiv");
         if (RestrictListDiv.style.display == 'block') {
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html b/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
index 3a84c74..c885e1b 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
@@ -1,4 +1,4 @@
-<div class="collapse navbar-collapse" id="topFixedNavbar1">
+<div class="collapse navbar-collapse" id="topMenuBar">
     <ul class="nav navbar-nav toperMenu-spaceleft">
         <li class="dropdown navbarDropdownItem" ng-class="disableFileMenu">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="fileMenuAnchor" role="button" aria-haspopup="true" aria-expanded="false">File<span class="caret"></span></a>
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.aspx b/400-SOURCECODE/AIAHTML5.Web/index.aspx
index a9e1c19..e809f33 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.aspx
+++ b/400-SOURCECODE/AIAHTML5.Web/index.aspx
@@ -1204,7 +1204,10 @@
                 </div>
             </div>
             <!--Print Preview Modal-->
-            <div id="dvPrintPreview" style="display: none;"></div>              
+            <div id="dvPrintPreview" style="display: none;"></div> 
+            
+             <!--Open Resouce -->
+            <div id="dvOpenResoucePanel" style="display: none;"></div>             
 
         </div>
     </div>