diff --git a/400-SOURCECODE/AIAHTML5.API/Web.config b/400-SOURCECODE/AIAHTML5.API/Web.config
index 51437da..f7d8a30 100644
--- a/400-SOURCECODE/AIAHTML5.API/Web.config
+++ b/400-SOURCECODE/AIAHTML5.API/Web.config
@@ -39,7 +39,7 @@
     <add key="EnableSSL" value="false" />
     <add key="Site_Url" value ="http://34.207.39.107/"/>
     <add key ="HostAddress" value="10.100.12.13" />
-    <add key="isUserAuthenticated" value="true"/>
+    <add key="isUserAuthenticated" value="false"/>
     <add key="AdminSupport" value="amrita.vishnoi@ebix.com,nikita.kulshreshtha@ebix.com"/>
   </appSettings>  
   <system.web>
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
index ee466e7..15e560b 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
@@ -552,7 +552,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                                  ' kind="captions" srclang="en" label="On"><object width="640" height="360"' +
                                  ' type="application/x-shockwave-flash" data="//vjs.zencdn.net/3.2/video-js.swf"><param name="allowfullscreen" value="true">' +
                                  ' <param name="allowscriptaccess" value="always"><param name="movie" value="//vjs.zencdn.net/3.2/video-js.swf">' +
-   ' <param name="flashvars" ng-value="controls=true&amp;file=' + $scope.clickedCAVideo + '"><img ng-src="content/images/common/player/frameaccuracy_logo.jpg" style="height:80%;" alt="Here we are" title="No video playback capabilities"></object></video><div class="col-sm-12 well"><div id="sid" align="left" style="height:40px;overflow-y:scroll !important"><p>' + $scope.clickedCASummary + '</p></div><button id="btnTxtOnOff" class="btn btn-primary pull-right">Text Off</button></div></div></div>',
+   ' <param name="flashvars" ng-value="controls=true&amp;file=' + $scope.clickedCAVideo + '"><img ng-src="content/images/common/player/frameaccuracy_logo.jpg" style="height:80%;" alt="Here we are" title="No video playback capabilities"></object></video><div class="col-sm-12 well video-subtitle"><div id="sid" align="left" style="height:40px;overflow-y:scroll !important"><p>' + $scope.clickedCASummary + '</p></div><button id="btnTxtOnOff" class="btn btn-primary pull-right">Text Off</button></div></div></div>',
 
                               //ajax: {
                               //    url: 'app/views/ca/ca-view-detail.html'
@@ -581,12 +581,12 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                           var videoHeight = $('#divplayerinlineVideo div').height();
                           if (videoHeight <= 0)
                               videoHeight = 360;
-                          var textH = $('.well').height();
+                          var textH = $('.video-subtitle').height();
                           textH = textH + 40;
                           var blackBorderHeight = jspContentHeight - (videoHeight + textH);
 
                           if ($('.jsPanel-content').length > 0) {
-                              $('.well').css('margin-bottom', blackBorderHeight);
+                              $('.video-subtitle').css('margin-bottom', blackBorderHeight);
                               $('#divplayerinlineVideo').css('background', '#fff');
                           }
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
index 9ea57b8..b8d6bff 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
@@ -158,7 +158,8 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
     };
 
     $scope.loadAllCI = function () {
-
+        $('#ciSpinner').css('visibility', 'visible');
+        $('#ciSpinner').css('zIndex', '20000');
         var promise = DataService.getJson('~/../content/data/json/ci/ci_dat_contentlist.json')
         promise.then(
                   function (result) {
@@ -170,32 +171,41 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                                                       .select();
 
                       // console.log($scope.selectedCIListViewData);
-                      $('#grid-view').empty();
-                      angular.forEach($scope.selectedCIListViewData, function (value, key) {
-                          $scope.imagePath = "~/../content/images/ci/thumbnails/" + value._ThumbnailImage;
+                      
 
-                          var $el = $('<div id="' + value._id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="openView($event)">'
+
+                      $('#grid-view').empty();
+                      var $e1 = $('<ul><li ng-repeat="value in selectedCIListViewData" ><div id="{{value._id}}" class="col-sm-3 col-md-2" title = "{{value._Title}}"  data-ng-click="openView($event)">'
                               + '<div class="thumbnail" >'
-                                         + '<img id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
-                                         + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
+                                         + '<img id="{{value._Title}}" ng-src="~/../content/images/ci/thumbnails/{{value._ThumbnailImage}}" >'//alt="{{value._Title}}" >'
+                                         + '<div class="caption"><p> {{value._Title}}</p></div></a></div></div></li></ul>').appendTo('#grid-view');
+                      $compile($e1)($scope);
+                      //angular.forEach($scope.selectedCIListViewData, function (value, key) {
+                      //    $scope.imagePath = "~/../content/images/ci/thumbnails/" + value._ThumbnailImage;
 
+                      //    var $el = $('<div id="' + value._id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="openView($event)">'
+                      //        + '<div class="thumbnail" >'
+                      //                   + '<img id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
+                      //                   + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
 
-                          $compile($el)($scope);
 
-                          $(".sidebar").mCustomScrollbar({
-                              autoHideScrollbar: true,
-                              //theme:"rounded"
-                          });
+                      //    $compile($el)($scope);
 
-                      });
+                      //    $(".sidebar").mCustomScrollbar({
+                      //        autoHideScrollbar: true,
+                      //        //theme:"rounded"
+                      //    });
 
+                      //});
+                      
+                      $timeout(function () { $('#ciSpinner').css('visibility', 'hidden'); }, 300);
                   },
                   function (error) {
                       // handle errors here
                       console.log(' $scope.IllustrationData = ' + error.statusText);
                   }
                );
-
+       
     }
 
     $scope.IsVisible = function () {
@@ -583,7 +593,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                               parentSlug: 'clinical-illustrations',
                               content: '<div class="row" id="canvasDiv"><div style="align:left;width:100%;height:100%"><canvas id="canvas" ng-click="onDrawingCanvasClick($event)" width="1369" height="325" class="canvas-annotationStyle" style="position: absolute; background-color: transparent;z-index:1 "></canvas> <canvas id="canvasPaint" ng-click="FreeStylePaint($event)"  width="1369" height="325" class="canvas-annotationStyle1" style="position: absolute;z-index:0;"></canvas></div>' +
                               '<div class="col-sm-12 img-thumbnail" align="center">' +
-                              '<img src="' + $scope.clickedCIImage + '" alt="" title="" class="img-responsive "><div class="col-sm-12 well">' +
+                              '<img src="' + $scope.clickedCIImage + '" alt="" title="" class="img-responsive "><div class="col-sm-12 well img-subtitle">' +
                               '<div align="left" id="sid"><p>' + $scope.clickedCISummary + '</p></div><button id="btnTxtOnOff" class="btn btn-primary pull-right">Text Off</button>' +
                               '<script>$(document).ready(function(){$("#btnTxtOnOff").click(function(){$("#sid").toggle();if($.trim($(this).text()) === "Text Off"){$(this).text("Text On");}else{$(this).text("Text Off");}});});</script></div>' +
                               '</div></div>',
@@ -612,14 +622,11 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                           var imgHeight = $('.img-thumbnail').find('img').height();
                           if (imgHeight <= 0)
                               imgHeight = 320;
-                          var textH = $('.well').height();
+                          var textH = $('.img-subtitle').height();
                           textH = textH + 40;
                           var blackBorderHeight = jspContentHeight - (imgHeight + textH);
                           if ($('.jsPanel-content').length > 0) {
-                              $('.jsPanel-btn-min').attr('style', 'display: none');
-                              $('.jsPanel-btn-max').attr('style', 'display: none');
-                              $('.jsPanel-btn-norm').attr('style', 'display: none');
-                              $('.well').css('margin-bottom', blackBorderHeight);
+                              $('.img-subtitle').css('margin-bottom', blackBorderHeight);
                           }
                       }
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html b/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
index fb50db5..86c3b6a 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
@@ -180,6 +180,9 @@
             </div>
         </div>
     </div>
+    <div id="ciSpinner" class="spinner" ng-show="isLoading" style="visibility:hidden">
+        <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
+    </div>
 </div>