diff --git a/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj b/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
index fed418b..09516d1 100644
--- a/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
+++ b/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
@@ -65,6 +65,7 @@
     <Content Include="app\views\ca\clinical-animations-detail.html" />
     <Content Include="app\views\ci\clinical-illustrations-detail.html" />
     <Content Include="app\views\da\da-view.html" />
+    <Content Include="app\views\Home\printPreview.html" />
     <Content Include="app\views\LabExerc\lab-exercises-detail.html" />
     <Content Include="app\views\Link\Link-view.html" />
     <Content Include="app\views\AnatTest\AnatTest-view.html" />
@@ -78,6 +79,8 @@
     <Content Include="app\widget\MainMenu.html" />
     <Content Include="body-view-wp.js" />
     <Content Include="content\css\main.css" />
+    <Content Include="content\css\print-main.css" />
+    <Content Include="content\css\print-Portrait.css" />
     <Content Include="content\data\json\da\body-views\1\da_dat_tm_sg_1.json" />
     <Content Include="content\data\json\da\body-views\10\da_dat_body_system_term_10.json" />
     <Content Include="content\data\json\ca\ca_dat_contentlist.json" />
@@ -116,6 +119,7 @@
     <Content Include="content\images\3da\3d-6.jpg" />
     <Content Include="content\images\3da\3d-7.jpg" />
     <Content Include="content\images\3da\3d-8.jpg" />
+    <Content Include="content\images\adam-logo-small.png" />
     <Content Include="content\images\ca\thumbnails\ca_tni_3377.jpg" />
     <Content Include="content\images\ca\thumbnails\ca_tni_3378.jpg" />
     <Content Include="content\images\ca\thumbnails\ca_tni_3379.jpg" />
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 7b8e4a8..f3dec1f 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -117,6 +117,8 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
                 var lastOpenMoudle = $rootScope.openViews[openViews.length - 1];
             }
             $('#daImagePanel').remove();
+            if ($('#jsPanel-1').length > 0)
+                $('#jsPanel-1').remove();
             $location.url('/' + slug);
 
             $rootScope.$broadcast('jsPanelCloseEvent', true);
@@ -154,6 +156,8 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         $rootScope.ClearIframe = function () {
             if ($('#daImagePanel') != null)
                 $('#daImagePanel').remove();
+            if ($('#jsPanel-1').length > 0)
+                $('#jsPanel-1').remove();
 
             $rootScope.hideScrollbar();
         }
@@ -2501,6 +2505,178 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
             console.log('close')
             $(".export-image").css("display", "none");
         };
+	
+	$rootScope.ShowPrintWindow = function () {  // Print Active Viewer
+            html2canvas($("#canvasDiv"), {
+                onrendered: function (canvas) {
+                    var dataURL = canvas.toDataURL("image/jpeg");
+                    var imageToPrint = new Image();
+                    imageToPrint.src = dataURL;
+                    $('#snipImage').attr('src', dataURL);
+
+                    $('#spnModule').text($rootScope.currentActiveModuleTitle);
+                    $('#spnPosture').text(localStorage.getItem('currentViewTitle'));
+
+                    PrintDIVContent('printBox');    // Open Print Window
+                }
+            });
+        };
+
+        $rootScope.ShowPrintPreviewWindow = function (event) {  // Print Preview
+            $('#dvPrintPreview').css('display', 'block');
+            html2canvas($("#canvasDiv"), {
+                onrendered: function (canvas) {
+                    var dataURL = canvas.toDataURL("image/jpeg");
+                    var imageToPrint = new Image();
+                    imageToPrint.src = dataURL;
+
+                    OpenJSPanel();  // open jsPanel here
+                    if ($('#jsPanel-1').length > 0) {
+                        $('.jsPanel-btn-min').attr('style', 'display: none');
+                        $('.jsPanel-btn-max').attr('style', 'display: none');
+                        $('.jsPanel-btn-norm').attr('style', 'display: none');
+                    }
+
+                    console.log('jsPanel loaded  exist= ' + document.getElementById('jsPanel-1')); // document.getElementsByClassName('ppImagePanel'));
+
+                    var curModule = $rootScope.currentActiveModuleTitle;
+                    var curPosture = localStorage.getItem('currentViewTitle');
+
+                    if (document.getElementById('jsPanel-1')) { //document.getElementsByClassName('ppImagePanel')) {
+                        setTimeout(function () {
+                            document.getElementById('imgPortrait').setAttribute('src', dataURL);
+                            document.getElementById('imgLandscape').setAttribute('src', dataURL);
+                            document.getElementById('spnModulePor').innerHTML = curModule;
+                            document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
+                            document.getElementById('spnModuleLan').innerHTML = curModule;
+                            document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
+                        }, 100);
+                    }
+
+                    $('#fileMenuAnchor').addClass('disableMenuannotation');
+                    if ($('#daImagePanel').length > 0) {
+                        console.log('close')
+                        //$('#daImagePanel').css('display', 'none');
+                        $('#daImagePanel').remove();
+                    }
+                }
+            });
+        };
+
+        function OpenJSPanel() {
+            $.jsPanel({
+                id: 'jsPanel-1',
+                selector: '#dvPrintPreview',
+                theme: 'success',
+                currentController: 'HomeController',
+                parentSlug: 'da-view-list',  //After closing panel, control moves to here      
+                ajax: {
+                    url: 'app/views/home/printPreview.html'
+                },
+                title: localStorage.getItem("currentViewTitle"),
+                position: {
+                    top: 70,
+                    left: 1,
+                },
+                size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 },
+            });
+        }
+
+        // $(<parent>).on('<event>', '<child>', callback);
+        $(document).on('change', 'input[name=inlineRadioOptions]', function () {
+            if ($(this).attr("value") == "Portrait") {
+                $(".print-box").not(".portrait-box").hide();
+                $(".portrait-box").show();
+            }
+            if ($(this).attr("value") == "Landscape") {
+                $(".print-box").not(".landscape-box").hide();
+                $(".landscape-box").show();
+            }
+        });
+
+        $(document).on('change', '#printPSOptions', function () {
+            var option = $('#printPSOptions').find(":selected").text();
+            switch (option) {
+                case (option = "10%"):
+                    ResizeImage(0.1);
+                    break;
+                case (option = "25%"):
+                    ResizeImage(0.25);
+                    break;
+                case (option = "50%"):
+                    ResizeImage(0.5);
+                    break;
+                case (option = "75%"):
+                    ResizeImage(.75);
+                    break;
+                case (option = "65%"):
+                    ResizeImage(0.65);
+                    break;
+                case (option = "100%"):
+                    ResizeImage(1);
+                    break;
+                case (option = "150%"):
+                    ResizeImage(1.5);
+                    break;
+                case (option = "200%"):
+                    ResizeImage(2);
+                    break;
+                case (option = "500%"):
+                    ResizeImage(5);
+                    break;
+                case (option = "Auto"):
+                    ResizeImage(0);
+                    break;
+                default:
+                    ResizeImage(0);
+            }
+        });
+
+        $(document).on('click', '#btnPrint', function () {
+            PrintDivContentByID('printBoxPor');
+        });
+
+        function PrintDivContentByID(id) {
+            if (id == 'printBoxPor') {
+                $("#printPSOptions").val("100%");
+                ResizeImage(1);
+            }
+            var contents = document.getElementById(id).innerHTML;
+
+            var frame1 = $('<iframe />');
+            frame1[0].name = "frame1";
+            frame1.css({ "position": "absolute", "top": "-1000000px" });
+            $("body").append(frame1);
+
+            var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
+
+            frameDoc.document.open();
+            //Create a new HTML document.
+            frameDoc.document.write('<html><head><title></title>');//Print Preview
+            frameDoc.document.write('</head><body>');
+            //Append the external CSS file.
+            frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />');
+            frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />');
+            //Append the DIV contents.
+            frameDoc.document.write(contents);
+            frameDoc.document.write('</body></html>');
+            frameDoc.document.close();
+
+            setTimeout(function () {
+                window.frames["frame1"].focus();
+                window.frames["frame1"].print();
+                frame1.remove();
+            }, 250);
+
+            console.log('close')
+        }
+
+        $(document).on('click', '.jsglyph-remove', function () {
+            $('#fileMenuAnchor').removeClass('disableMenuannotation');
+            if ($('#jsPanel-1').length > 0)
+                $('#jsPanel-1').remove();
+            console.log('close')
+        });
                 
     }]
 );
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/Home/printPreview.html b/400-SOURCECODE/AIAHTML5.Web/app/views/Home/printPreview.html
new file mode 100644
index 0000000..c2e87fa
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/Home/printPreview.html
@@ -0,0 +1,92 @@
+<div>
+    <div ng-include="aap/widget/MainMenu.html"></div>
+    <div ng-init="ShowPrintPreviewWindow()" id="jsPanel-1" class="ppImagePanel" ng-controller="HomeController">
+        <div class=" " id="ppView" ng-controller="HomeController">
+            <div class="col-sm-12">
+                <div class="container-fluid main-full">
+                    <div class="row">
+                        <div class="well padd5 marginbtm10">
+                            <div class="col-sm-2 col-lg-1 padd-right0 marginR0 width-auto padd-left0">
+                                <button class="btn btn-primary btn-sm" id="btnPrint">
+                                    <i class="fa fa-print"></i> Print
+                                </button>
+                            </div>
+                            <div class="col-sm-2 col-lg-1">
+                                <select id="printPSOptions" class="form-control input-sm">
+                                    <option>Auto</option>
+                                    <option>500%</option>
+                                    <option>200%</option>
+                                    <option>150%</option>
+                                    <option>100%</option>
+                                    <option>75%</option>
+                                    <option>50%</option>
+                                    <option>25%</option>
+                                    <option>10%</option>
+                                </select>
+                            </div>
+                            <div class="col-sm-4 paddTop5">
+                                <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Portrait" checked=""> Portrait</label>
+                                <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="Landscape"> Landscape</label>
+                            </div>
+                            <div class="clearfix"></div>
+                        </div>
+                        <div class="col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;">
+                            <div class="print-paper" id="dvPP">
+                                <div class="print-box portrait-box" id="printBoxPor">
+                                    <div id="printDivContent">
+                                        <div class="">
+                                            <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;">
+                                                <span class="pull-left font12 span-font" id="spnModulePor"></span>
+                                            </div>
+                                            <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;">
+                                                <span class="pull-right font12 span-font" id="spnBodyViewTitlePor"></span>
+                                            </div>
+                                        </div>
+                                        <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
+                                            <img src="" alt="" class="logo-image" id="imgPortrait" style="width: 100%; " />
+                                        </div>
+                                        <div>
+                                            <div class="col-sm-8" style="position: absolute; bottom: 20px;">
+                                                <span class="pull-left marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
+                                            </div>
+                                            <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
+                                                <span class="pull-right marginTop10 bgnone no-margin" id="spPorLogo">
+                                                    <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                    </div>
+                                </div>
+                                <div class="print-box landscape-box" id="printBoxLan" style="display: none;">
+                                    <div class="">
+                                        <div class="col-sm-6" style="position: absolute; top: 20px; left: 10px;">
+                                            <span class="pull-left font12 span-font" id="spnModuleLan"></span>
+                                        </div>
+                                        <div class="col-sm-6" style="position: absolute; top: 20px; right: 10px;">
+                                            <span class="pull-right font12 span-font" id="spnBodyViewTitleLan"></span>
+                                        </div>
+                                    </div>
+                                    <div class="" id="dvLandscape" align="center" style="position: absolute; margin-top: 13%;">
+                                        <img src="" alt="" class="logo-image" id="imgLandscape" style="width: 100%;" />
+                                    </div>
+                                    <div class="print-footer-land">
+                                        <div class="col-sm-8" style="position: absolute; bottom: 20px; left: 10px;">
+                                            <span class="pull-left marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
+                                        </div>
+                                        <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
+                                            <span class="pull-right marginTop10 bgnone no-margin" id="spLanLogo">
+                                                <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <div class="clearfix"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html b/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
index 5cd7265..380c7ee 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
@@ -1,7 +1,7 @@
 <div class="collapse navbar-collapse" id="topFixedNavbar1">
     <ul class="nav navbar-nav toperMenu-spaceleft">
         <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">File<span class="caret"></span></a>
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="fileMenuAnchor" role="button" aria-haspopup="true" aria-expanded="false">File<span class="caret"></span></a>
             <ul class="dropdown-menu">
                 <li><a href="#">Open Resources</a></li>
                 <li><a href="#">Open My Pictures</a></li>
@@ -19,7 +19,7 @@
                 <li role="separator" class="divider"></li>
                 <li><a href="#">Print Active Viewer</a></li>
                 <li><a href="#">Print All Open Viewers</a></li>
-                <li><a href="#">Print Priview</a></li>
+                <li><a href="" id="printPreviewAnchor" data-toggle="modal" ng-click="ShowPrintPreviewWindow()">Print Preview</a></li>
             </ul>
         </li>
         <!--#7904-->
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css b/400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
new file mode 100644
index 0000000..4e4a146
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
@@ -0,0 +1,1025 @@
+/***
+MAIN.CSS for AIA
+TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED
+**/
+
+/*** Global ***/
+* {
+	outline: 0 !important;
+}
+body {
+	background: #383838;
+}
+.btn {
+	-webkit-transition: all .3s ease;
+	-ms-transition: all .3s ease;
+	transition: all .3s ease;
+}
+.btnCustom {
+	border: 0 !important;
+	padding-left: 50px;
+	padding-right: 50px;
+	min-height: 40px;
+}
+.btnCustom.btn-large {
+	width: 220px;
+	height: 50px;
+	padding-left: 0;
+	padding-right: 0;
+}
+footer {
+	color: #303030;
+	font: 12px/30px 'Open Sans';
+	margin-top: -30px;
+}
+footer.dark {
+	color: #ccc;
+	background: #303030;
+}
+.frameLogo {
+	display: block;
+}
+.navbar-brand {
+	height: 60px;
+	padding: 10px 15px;
+}
+.no-scroll {
+	overflow: hidden;
+}
+/*** Login Page ***/
+.loginBg {
+	min-height: 100vh;
+	background: #303030;
+}
+.loginPanel {
+	margin: 0 0 100px;
+}
+.loginLogo {
+	margin: 20px auto;
+	display: block;
+	max-width: 360px;
+}
+.headerBand {
+	background: #818f44;
+	padding-bottom: 10px;
+	color: #fff;
+}
+.headerBand h1 {
+	font: 700 36px/1 'Open Sans';
+}
+.headerBand p {
+	font: 400 16px 'Open Sans';
+	letter-spacing: 0px;
+	word-spacing: 1px;
+}
+.loginBox {
+	max-width: 350px;
+	background: #666666;
+	margin: 30px auto 0;
+	border-radius: 2px;
+	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	-ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	padding: 15px 0;
+}
+.loginBox strong {
+	color: #0095da;
+	font: 600 18px/1 'Open Sans';
+	padding-bottom: 10px;
+	display: block;
+}
+.loginExBtn {
+	max-width: 350px;
+	margin: 15px auto 0;
+}
+.loginExBtn a {
+	width: 48%;
+}
+/*** Mainframe ***/
+.sidebar {
+	height: 100vh;
+	background: #222;
+	width: 200px;
+	padding-top: 90px;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.navbar {
+	border-bottom: none!important;
+}
+.main {
+	background: #383838;
+	margin-left: 200px;
+	padding-top: 51px;
+}
+.treeview-left {
+	height: 100vh;
+	background: #222;
+	width: 300px;
+	padding-top: 90px;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.main-treeview {
+	background: #383838;
+	margin-left: 300px;
+	padding-top: 51px;
+}
+.nav-sidebar a {
+	color: #fff; /*border-bottom:1px solid #ccc!important;*/
+}
+.nav-sidebar li a {
+	color: #fff;
+}
+.nav-sidebar a:hover, .nav-sidebar a:focus {
+	color: #fff;
+	background: #1B92D0!important;
+}
+.nav-sidebar a.active {
+	color: #fff;
+	background: #1B92D0!important;
+}
+.toggleBar {
+	margin: 0px 10px 0 0;
+}
+.space-left20 {
+	padding-left: 20px;
+}
+.padd-lftright25 {
+	padding: 0 25px;
+}
+.tab-content {
+	padding: 10px 0;
+}
+.space-top50 {
+	margin-top: 50px;
+}
+/*Custom ToolTip In AIA*/
+.customTooltip {
+        background: #333 !important;
+        color: #fff !important;
+        /*opacity: 0.9 !important;*/
+    }
+
+/*.tools {
+    background: #eeeeee none repeat scroll 0 0;
+    border: 1px solid #c1c1c1;
+	border-top:none;
+    /*padding: 10px;
+	width:106px;
+	position:absolute;
+	left: 0;
+	top: 120px;
+	padding-top:10px;
+	z-index:1024;
+
+}*/
+.tools i {
+	font-size: 1.4em;
+}
+.marginTop10 {
+	margin-top: 0px; /*10px Utkarsh*/
+}
+.marginTop2 {
+	margin-top: 2px;
+}
+.marginL2 {
+	margin-left: 2px!important;
+}
+.marginR5 {
+	margin-right: 5px!important;
+}
+.paddTop4 {
+	padding-top: 4px;
+}
+.vert_slider {
+	clear: both;
+	margin: 20px auto 30px;
+	width: 1rem;
+}
+#inner-anatomyPage .nav > li > a:hover {
+	background: #1c92d0;
+	color: #fff;
+	border-radius: 3px 3px 0 0;
+	border: 1px solid #1c92d0;
+	border-bottom: none;
+}
+.page-head {
+	background: #f3f3f3 none repeat scroll 0 0;
+	border-bottom: 1px solid #ffffff;
+	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
+	padding: 8px 20px;
+	margin-bottom: 20px;
+}
+.no-margin {
+	margin: 0!important
+}
+.no-padding {
+	padding: 0!important
+}
+.marginTopBtm10 {
+	margin: 10px 0!important
+}
+.page-header {
+	border-bottom: 0!important
+}
+.marginTop5 {
+	margin-top: 5px;
+}
+.paddingbtm5 {
+	padding-bottom: 5px;
+}
+.border-Btm1 {
+	border-bottom: 1px solid #D8D8D8;
+}
+.pageHeading {
+	background: #818d43 none repeat scroll 0 0;
+	padding: 0px 15px;
+	margin-top: 60px; 
+	z-index: 1030;
+	position: fixed;
+	width: 100%;
+}
+
+.pageHeading0 {                                 /*Added Utkarsh*/
+	background: #818d43 none repeat scroll 0 0;
+	padding: 0px 15px;
+	margin-top: 0px; 
+	z-index: 1030;
+	position: fixed;
+	width: 100%;
+}
+
+.pageHeading0 h4 { /*Updated to .pageHeading0 */
+	font-size: 15px;
+	margin: 0!important;
+	color: #fff;
+	line-height: 30px;
+	font-weight: 600;
+	text-transform: uppercase
+}
+.color-white {
+	color: #fff!important;
+}
+.color-green {
+	color: #818f44!important;
+}
+.btn-black {
+	background-color: #4b4b4b;
+	border-color: #3f3f3f;
+	color: #ffffff;
+}
+.btn-black:hover, .btn-black:focus {
+	background-color: #1B92D0;
+	border-color: #1B92D0;
+	color: #ffffff;
+}
+.font16 {
+	font-size: 1.59em!important;
+}
+.modal-body {
+	padding: 0 10px;
+}
+.well-popup {
+	margin-bottom: 10px;
+	padding: 5px;
+}
+.annotation-modal-header {
+	padding: 5px 10px;
+}
+.form-group {
+	margin-bottom: 7px;
+}
+/********Stylish Search**************/
+
+#imaginary_container {
+	margin: 8px 0!important;
+}
+.stylish-input-group .input-group-addon {
+	background: white !important;
+}
+.stylish-input-group .form-control {
+	border-right: 0;
+	box-shadow: 0 0 0;
+	border-color: #ccc;
+	width: 30%;
+	float: right;
+}
+.stylish-input-group button {
+	border: 0;
+	background: transparent;
+}
+#vertical-slider {
+	height: 150px;
+	margin-left: 30px;
+}
+.navbar-nav > li > a {
+	line-height: 30px;
+}
+.paddTop5 {
+	padding-top: 5px;
+}
+.mrgnBtm5 {
+	margin-bottom: 3px;
+}
+.thumbnail a {
+	color: #303030!important;
+	text-decoration: none;
+}
+.thumbnail a:hover {
+	color: #FFFFFF!important;
+	text-decoration: none!important;
+}
+.thumbnail:hover {
+	background: #8C8C8C!important;
+	border: 1px solid #a2a2a2;
+}
+#inner-anatomyPage .nav-tabs {
+	border-bottom: 1px solid #494949;
+}
+#inner-anatomyPage .nav-tabs li a {
+	color: #fff;
+}
+#inner-anatomyPage .nav-tabs li.active {
+	color: #000;
+}
+#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+	background: #1c92d0;
+	border: 1px solid #1c92d0;
+}
+.main {
+	margin-left: 200px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main.active {
+	margin-left: 0;
+}
+.sidebar {
+	left: 0px;
+	transition: left .3s ease;
+}
+.sidebar.active {
+	left: -200px;
+}
+.main-treeview {
+	margin-left: 290px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main-treeview.active {
+	margin-left: 0;
+}
+.treeview-left {
+	left: 0px;
+	transition: left .3s ease;
+}
+.treeview-left.active {
+	left: -290px;
+}
+/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
+.main2.active{margin-left:0;}
+.tools{left: 0px;transition:left .3s ease;}
+.tools.active{left: -106px;}*/
+.main2 {
+	background: #383838;
+	margin-left: 110px;
+	padding-top: 1px;
+}
+.main2 {
+	margin-left: 110px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 1px;
+}
+.main2.active {
+	margin-left: 0;
+}
+.tools {
+	height: 100vh;
+	background: #222;
+	width: 110px;
+	padding-top: 20px;
+	/*overflow: hidden;*/
+	position: absolute !important;
+	left: 0;
+    /*nk*/
+	/*top: 70px;*/
+	z-index: 1029;
+}
+.tools {
+	left: 0px;
+	transition: left .3s ease;
+}
+.tools.active {
+	left: -100px;
+}
+.navbar-fixed-top, .navbar-fixed-bottom {
+	z-index: 1035;
+}
+.main .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main-treeview .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main2 .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main-full {
+	margin-top: 10px; /*(jsPanel) margin-top: 40px; (jsPanel) //100px; Utkarsh*/
+}
+.main-full .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.toggleHeadingButton {
+	font-size: 20px;
+	color: #fff;
+	cursor: pointer;
+}
+.indicators {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #000000;
+	padding: 5px;
+	z-index: 9999;
+	width: 300px;
+}
+.well-white {
+	background: #fff;
+	height: 100vh;
+	padding: 10px;
+}
+.leftPanel-data {
+	padding: 10px 10px 0 10px;
+}
+.dragger {
+	position: relative;
+}
+.dragger #block-1 {
+	position: absolute;
+	top: 170px;
+	left: 170px;
+	width: 200px;
+	height: 50px;
+	border: 1px solid #333;
+	background: #E8E8E8;
+}
+.dragger .drag-img1 {
+	position: absolute;
+	bottom: 0px;
+	left: 0;
+}
+.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
+	cursor: move;
+}
+.thumbnail .caption p {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	/* width: 150px !important;*/
+	text-align: center;
+}
+.pos-relative {
+	position: relative;
+	float: left;
+}
+.toggle-icon {
+	position: absolute;
+	top: 110px;
+	left: 100px;
+	z-index: 99999;
+	-moz-transition: left 0.5s ease;
+	transition: left 0.5s ease;
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
+	width: 11px;
+	height: 33px;
+}
+.active .toggle-icon {
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
+	width: 11px;
+	height: 33px;
+}
+.toggle-icon-treeview {
+	position: absolute;
+	top: 110px;
+	left: 290px;
+	z-index: 99999;
+	-moz-transition: left 0.5s ease;
+	transition: left 0.5s ease;
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
+	width: 11px;
+	height: 33px;
+}
+.active .toggle-icon-treeview {
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
+	width: 11px;
+	height: 33px;
+}
+.navbar-inverse .navbar-nav > li > a {
+	color: #FFFFFF;
+}
+/*#7904*/
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active {
+	color: #2db0f5;
+}
+
+ul.right0 {
+	right: 0!important;
+	left: auto;
+	min-width: 300px;
+	padding: 10px;
+	transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
+	border-bottom: 4px solid #abafb0;
+	box-shadow: 0 4px 2px -2px #abafb0 inset;
+}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+	background-color: #0095da;
+	color: #ffffff;
+}
+.padd5 {
+	padding: 5px;
+}
+.padded25{ padding:25px;}
+ul.listgrid-view{ list-style:none;}
+ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D;  padding:2px 5px; border-radius:2px;}
+ul.listgrid-view li a{color:#fff!important;}
+ul.listgrid-view li.active, ul.listgrid-view li:active{  background:#0095da!important;}
+.bg-white{ background:#fff;}
+.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
+.paddlftrgt10{ padding:10px 10px;}
+/*.border-black{ border:1px solid #333}*/
+#da-body-nav .dropdown-menu{ padding:0!important;}
+
+
+
+/*Settings popup on TopMenu related css*/
+.cursor-pointer{ cursor:pointer;}
+.paddTopbtm15{ padding-top:15px; padding-bottom:15px;}
+.paddTop15{ padding-top:15px;}
+.padd10{ padding:10px!important;}
+.no-margin-btm{ margin-bottom:0;}
+.marginR0{ margin-right:0!important;}
+.padd-right0{ padding-right:0;}
+.padd-left0{ padding-left:0!important;}
+.marginTop13{ margin-top:13px;}
+.font13{ font-size:13px;}
+.font11{ font-size:11px;}
+.modal-footer{ padding:5px 10px;}
+.paddTop0{ padding-top:0;}
+.no-margin-top{ margin-top:0;}
+
+.scrollable-Y200{ width:auto; height:228px; overflow-y:scroll; border:1px solid #e4e4e4; margin-bottom:0;  z-index:999999; display:block; border-top:none; background:#fff;}
+.modal-header{ cursor:move;}
+.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;}
+select[multiple], select[size].multipleSelect{  height: 100%;}
+
+#setting-modal-dark{ height:441px;}
+#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;}
+#setting-modal-dark > .modal-header{  padding:5px 10px;}
+#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
+#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important}
+#setting-modal-dark .nav > li > a { padding: 5px!important;}
+
+.skinmarginbtm6{
+    margin-bottom:6px !important;
+}
+
+.skindefault{
+    background: #8c8c8c none repeat scroll 0 0 !important;
+}
+
+
+.bolder{ font-weight:bold;}
+.skin-tones{ width:300px; margin:0 auto;}
+.modal-dark > .modal-header{ padding:5px 10px;}
+.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
+.modal-header .close{ margin-top:0}
+#setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;}
+.annotation-modal-header h4{ font-size:15px; font-weight:600;}
+
+.color-picker{ margin-left:25px; margin-top:-3px}
+			.pattern-picker{ margin-left:10px; margin-top:-3px}
+			.marginbtm10{ margin-bottom:10px;}
+			.bodyWrap2{ margin-top:60px;}
+			.toolsss {
+				height: 100vh;
+				width: 110px;
+				padding-top: 10px;
+				/*padding-top: 70px;*/
+				position:absolute;
+				/*overflow: hidden;*/
+				left: 0;
+				top: 0;
+				z-index: 1029;
+				transition: left .3s ease;
+				background:#ebebeb;
+				border-right:1px solid #dedede;
+				
+			}
+			.main3 {
+				background: #383838;
+				margin-left: 95px;
+				position: relative;
+				transition: margin .3s ease;
+				/*margin-top: 60px;*/
+			}
+			.well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto}
+			.color-pallate{ position:absolute; top:15px;}
+			.font18{ font-size:18px;}
+			.bg-grey{ background:#f2f2f2;}
+			textarea {
+			   resize: none;
+			}
+			.font12{ font-size:12px;}
+			.font14{ font-size:14px;}
+			.weight600{ font-weight:600;}
+			.marginbtm5{ margin-bottom:5px;}
+			.marginBtm12{ margin-bottom:12px;}
+			.anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;}
+			.font-16{ font-size:16px;}
+			.width-auto{ width: auto;}
+			
+			/********************************/
+			
+			.print-box{padding: 10px 0;}
+			.print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;}
+			/*.portrait-box { width: 600px; height: 1000px;}
+			.landscape-box { width: 1000px; height: 600px; }*/
+
+            .portrait-box { width: 451px; height: 571px; border: 2px solid #000; border-radius: 5px; padding: 10px; position:relative;} /*width: 600px; height: 1000px; width: 624px; height: 768px;*/
+			.landscape-box { width: 571px; height: 451px; border: 2px solid #000; border-radius: 5px; padding: 10px; position: relative;} /*width: 1000px; height: 600px;  width: 768px; height: 624px;*/
+			
+			/*.portrait-box img{  background: #f9f9f9; padding: 13px; }*/
+			/*.landscape-box img{ background: #f9f9f9; padding: 13px; }*/            
+            /*#dvPortrait {background: #f9f9f9; padding: 13px;}
+            #dvLandscape { background: #f9f9f9; padding: 13px; }*/
+#dvLandscape, #dvPortrait {
+    /*border: 1px solid #4B4B4B; */
+    border-radius: 5px;
+    padding: 0px !important;
+}
+
+    #dvPortrait { margin-top:42%;} /*62%*/
+/*#dvLandscape {margin-top: 7%;}*/
+			.bgnone img{ background: none;}
+			.scan-scenario{ position: absolute; top: 30px; right: 30px}
+
+			
+			/************************************/
+
+
+ @-webkit-keyframes circle {
+0% {
+ opacity: 1;
+}
+ 40% {
+ opacity: 1;
+}
+ 100% {
+ width: 200%;
+ height: 200%;
+ opacity: 0;
+}
+}
+@keyframes circle {
+ 0% {
+ opacity: 1;
+}
+ 40% {
+ opacity: 1;
+}
+ 100% {
+ width: 200%;
+ height: 200%;
+ opacity: 0;
+}
+}
+
+@media (max-width: 480px) {
+.tools i {
+	font-size: inherit;
+}
+.pageHeading0 h4 { /*updated to .pageHeading0*/
+	font-size: 20px;
+}
+}
+
+/** Responsive **/
+@media (max-width: 1199px) {
+/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
+    .main.active{left: 250px;}
+    .sidebar{left: -250px;transition:left .3s ease;}
+    .sidebar.active{left: 0;}*/
+	/*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
+    .main2.active{left: 106px;}
+    .tools{left: -106px;transition:left .3s ease;}
+    .tools.active{left: 0;}*/
+	
+	
+}
+
+@media (max-width: 767px) {
+textarea {
+	height: 120px !important;
+}
+.quesDetail>*, .patDataRow>* {
+	text-align: left !important;
+}
+.table {
+	font-size: .9em;
+}
+.stylish-input-group .form-control {
+	border-right: 0;
+	box-shadow: 0 0 0;
+	border-color: #ccc;
+	width: 100%;
+	float: right;
+}
+
+				.table-responsive > .table > tbody > tr > td
+			{
+					white-space: normal !important;
+			}
+}
+
+@media (max-width: 1023px) {
+/*.nav > li > a{ padding:15px 6px!important;}*/
+
+.main {
+	margin-left: 0;
+	position: relative;
+	transition: left .3s ease;
+	left: 0;
+}
+.main.active {
+	left: 200px;
+}
+.sidebar {
+	left: -200px;
+	transition: left .3s ease;
+}
+.sidebar.active {
+	left: 0;
+}
+.main-treeview {
+	margin-left: 0;
+	position: relative;
+	transition: left .3s ease;
+	left: 0;
+}
+.main-treeview.active {
+	left: 300px;
+}
+.treeview-left {
+	left: -300px;
+	transition: left .3s ease;
+}
+.treeview-left.active {
+	left: 0;
+}
+}
+
+@media (min-width: 768px) and (max-width: 1199px) {
+.hidden-sm {
+	display: none !important;
+}
+.width120 {
+	width: 90%!important;
+}
+				.builder-Guide-left{ min-width:118px; width:9%; padding:0;}
+			.builder-Guide-right{ min-width:485px; width:80%; padding:0;}
+			.color-pallate{ position:absolute; top:5px;}
+/* .toggleBar { margin:20px 10px 0 0}*/
+}
+
+@media (min-width: 768px) {
+.toperMenu-spaceleft {
+	margin-left: 20px;
+}
+}
+
+@media (max-width: 350px) {
+.pageHeading0 h4 {   /*Updated to .pageHeading0*/
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 164px !important;
+}
+}
+
+.spinner {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        margin-left: -50px; / half width of the spinner gif /
+        margin-top: -50px; / half height of the spinner gif /
+        text-align: center;
+        z-index: 1234;
+        overflow: auto;
+        width: 100px; / width of the spinner gif /
+        height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
+    }
+
+/*to make the background fully visible on transparency box draw*/
+.modal-backdrop.in {
+    opacity: 0;
+}
+
+.tButtonActive {
+ background-color: #1B92D0;
+	border-color: #1B92D0;
+	color: #ffffff;
+}
+
+/*28-06-2016*/
+
+.txt-white{ color:#fff;}
+.f11 {font-size:11px;}
+.f15 {font-size:15px; font-weight:600;}
+.pad-lftrgt3 {padding-left:2px; padding-right:2px;}
+.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
+
+.clsstickydiv{padding-left:19px; width:99%}
+
+.clsthead tr,.clstheadca tr {
+    display: block;
+    position: relative;
+}
+.clsthead tr th {
+    min-width: 180px;
+    text-align: left;
+}
+.clstheadca tr th {
+    /*min-width: 255px;*/
+    text-align: left;
+}
+
+.clstbody,.clstbodyca {
+    display: block;
+    height: 200px;
+    width: 100%;
+    overflow:auto;
+}
+
+.clstbody tr td {
+    min-width: 180px;
+    text-align: left;
+}
+
+.clstbodyca tr td {
+    /*max-width: 260px;*/
+    text-align: left;
+    word-wrap:break-word;
+ 
+}
+
+.cur-pot {
+cursor:pointer;
+}
+
+
+@media (min-width: 320px) and (max-width:480px) {
+    .stickey-area {
+        margin-top:24px;
+    }
+}
+
+.enableGender li.active{
+ background-color:#0095DA;
+ color:#ffffff;   
+}
+
+.annotationbar {
+    max-width: 300px;
+    width: 100%;
+}
+
+.LeftButtonsDefaultState
+{
+    background-color: #0095da;
+    border-color: #007ab3;
+    color: #ffffff;
+}
+
+/*disable background css*/
+
+#modelbackground
+ {
+    background-color: black;
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 12000000;
+    opacity: 0.5;
+    display:none;
+    width:100%;
+    height:100%;
+  
+    filter: Alpha(opacity=50); / IE8 and earlier /
+}
+
+	
+.modeleditstyle
+ {
+    display:none;
+}
+ /*#7904*/
+.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;}
+
+
+.annotationtoolbartab
+   {
+    background:#626c34 !important;
+}
+
+.disableMenuannotation
+{ 
+    pointer-events:none;
+    opacity:0.6;   
+    
+}
+.disableMenuoption
+{
+        pointer-events:none;
+    opacity:0.6;   
+    
+}
+
+.blankshapediv
+{
+background-image: url("../../../../../content/images/blank-shapes.png");
+}
+.outlinediv
+{
+     border:1px solid black;
+  width: 72%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 98px;
+ border-radius: 50%;
+ }
+.fullcolordiv
+ 	 {
+ 	  position:relative;
+ 	  width:100%;
+ 	 height:100%;
+  background:#fff;
+ 	  border-radius: 50%;
+ }
+
+.col-sm-4, .col-sm-6, .col-sm-8 {
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+}
+#imgPortrait, #imgLandscape {
+    padding: 10px;
+}
+
+/*@media (min-width: 1200px) {
+	.modeleditstyle				.builder-Guide-left{ min-width:118px; width:9%; padding:0;}
+	 				.builder-Guide-right{ width:auto; padding:0;}
+	    display:none;			}*/
+
+
+#printBoxPor {
+    /*width: 637.5px;
+    height: 825px;*/
+    /*width: 337px;
+    height: 410px;*/
+}
+#printBoxLan {
+    /*width: 825px;
+    height: 637.5px;*/
+}
+@media (min-width: 768px) {
+    .print-footer-port div, .print-footer-land div {
+        width: 50%;
+    }
+}
+#minSpan {
+    margin-top: 6px;
+}
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png b/400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
new file mode 100644
index 0000000..1fc7fbb
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index d566cb4..8780b32 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -38,6 +38,7 @@
     <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
     <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
     <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" />
+    <link href="content/css/print-main.css" rel="stylesheet" />
 
     <!--Annotation Toolbar: Jcanvas-->
     <style>
@@ -47,9 +48,8 @@
 
 
         #termList option:hover {
-           background-color: #3399FF !important;
-           color: #fff !important;
-           
+            background-color: #3399FF !important;
+            color: #fff !important;
         }
 
 
@@ -536,31 +536,31 @@
                                     <div>
                                         <a href="#canvasPaint" data-size="1" data-color="#fff" id="annotationpaintbrushsize" ng-mouseover="mouseMoveToolTip(270, 50, 120, 'Paint')" ng-mouseleave="mouseOutToolTip()" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-brush" role="button" data-placement="top" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></a>
                                         <button type="button" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" ng-click="EraseDrawing()" ng-mouseover="mouseMoveToolTip(270, 70, 120, 'Erase')" ng-mouseleave="mouseOutToolTip()"><i class="fa fa-eraser"></i></button>&nbsp;
-                                            <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;">
-                                                <div style="width: 58px; float: left;" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()">
-                                                    <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)">
-                                                </div>
-                                                <div style="width: 22px; float: left;">
-                                                    <div style="width: 100%; float: left; height: 16px;">
-                                                        <button type="button" id="btnBrushSizeIncrement" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
+                                        <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;">
+                                            <div style="width: 58px; float: left;" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()">
+                                                <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)">
+                                            </div>
+                                            <div style="width: 22px; float: left;">
+                                                <div style="width: 100%; float: left; height: 16px;">
+                                                    <button type="button" id="btnBrushSizeIncrement" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
 
-                                                            <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png">
-                                                        </button>
-                                                    </div>
-                                                    <div style="width: 100%; float: left; height: 16px;">
-                                                        <button type="button" id="btnBrushSizeDecrease" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
-                                                            <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png">
-                                                        </button>
-                                                    </div>
+                                                        <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png">
+                                                    </button>
+                                                </div>
+                                                <div style="width: 100%; float: left; height: 16px;">
+                                                    <button type="button" id="btnBrushSizeDecrease" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
+                                                        <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png">
+                                                    </button>
                                                 </div>
-
                                             </div>
 
-                                            <div class="pull-left" style="width:45%; margin-left:2%;margin-top:5px;">
-                                                <div id="slider-range-min-2" ng-mouseover="mouseMoveToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"></div>
-                                            </div>
-                                            <div class="clearfix"></div>
-</div>
+                                        </div>
+
+                                        <div class="pull-left" style="width:45%; margin-left:2%;margin-top:5px;">
+                                            <div id="slider-range-min-2" ng-mouseover="mouseMoveToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"></div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                    </div>
 
                                 </div>
 
@@ -733,7 +733,7 @@
                                             <select class="form-control" disabled>
                                                 <option value="1" selected="">Entire View</option>
                                             </select>
-                                         </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -928,6 +928,9 @@
         </div>
     </div>
 
+    <!--Print Preview Modal-->
+    <div id="dvPrintPreview" style="display: none;"></div>
+
     <!--<div class="modal fade" id="editshapestyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" style="z-index:1000000000;width:302px;margin-left:auto;margin-right:auto;overflow:hidden;height:460px;">
         <div class="modal-dialog modal-sm" role="document">
             <div class="modal-content">
@@ -1052,7 +1055,7 @@
     </div>-->
 
     <script>
-    
+
         function enableDisableFillOption() {
             //debugger;
             if (document.getElementById('fill-option').checked) {
@@ -1060,7 +1063,7 @@
                 //$('#imgOpacity').css({"background-color"})
                 //$("#filloption1").css({ "pointer-events": "auto" });
                 //$("#filloption12").css({ "pointer-events": "auto" });
-            
+
                 var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color');
                 $("#imgOpacity").css("background-color", x);
                 $("#edit-slider-3").css({ "pointer-events": "auto" });
@@ -1078,7 +1081,7 @@
 
             }
             else {
-                $('#imgOpacity').css("background-color","transparent");
+                $('#imgOpacity').css("background-color", "transparent");
                 //$("#filloption1").css({ "pointer-events": "none" });
                 //$("#filloption2").css({ "pointer-events": "none" });
                 $("#edit-slider-3").css({ "pointer-events": "none" });
@@ -1102,8 +1105,8 @@
             if (document.getElementById('Outline-Option').checked) {
                 var x = $("#outlineColor span.minicolors-swatch-color").css('background-color');
                 $(".marginTopBtm10 div.outlinediv").css("border-color", x);
-             //   var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width');
-               // $("#imgOpacity").css("border-width", borderWidth);
+                //   var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width');
+                // $("#imgOpacity").css("border-width", borderWidth);
 
                 $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
                 $("#outlineColor").css({ "pointer-events": "auto" });
@@ -1473,13 +1476,13 @@
             $("#borderWidthCanvasElement").change(function () {
                 borderWidth = $(this).val();
                 borderColor = $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color");
-             
+
                 if (borderColor != null) {
                     document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
                     //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
                 } else {
 
-                   // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid");
+                    // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid");
                     document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
 
                 }
@@ -1507,7 +1510,7 @@
 
                             borderColor = value;
                             //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
-                           document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
+                            document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
 
 
                         }
@@ -1663,5 +1666,48 @@
             return new Blob([ab], { type: 'image/jpeg' });
         }
     </script>
+    <script>
+        function ResizeImage(sizePercent) {
+            var autoWidth = 427;
+            var autoHeight = 547;
+            var dvAutoSpnFontSize = 12;
+            var imgLogoW = 77;
+            var fullWidth = 620; //$('#canvasDiv').width();
+            var fullHeight = 876; //$('#canvasDiv').height();
+
+            if (sizePercent == 0) {
+                $('#printBoxPor').width(autoWidth).height(autoHeight);//.height(dvPrintBoxPorH * sizePercent);
+                $('#printBoxLan').width(autoHeight).height(autoWidth);
+                $('#dvPortrait').width(autoWidth);
+                $('#dvLandscape').width(autoHeight);
+                $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * .65).toFixed() + 'px');
+                $(".logo-image").attr('width', imgLogoW * .65);
+            }
+
+            else if (sizePercent == 1) {
+                $('#dvPortrait').width(fullWidth * sizePercent);
+                $('#dvLandscape').width(fullHeight * sizePercent);
+                $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
+                $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
+                $('.span-font').attr('style', 'font-size: ' + dvAutoSpnFontSize + 'px');
+                $(".logo-image").attr('width', imgLogoW);
+            }
+
+            else {
+                $('#dvPortrait').width(fullWidth * sizePercent);
+                $('#dvLandscape').width(fullHeight * sizePercent);
+                $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * sizePercent).toFixed() + 'px !important');
+                $(".logo-image").attr('width', (imgLogoW * sizePercent).toFixed());
+                if (sizePercent > 1) {
+                    $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
+                    $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
+                }
+                else {
+                    $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
+                    $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
+                }
+            }
+        }
+    </script>
 </body>
 </html>
\ No newline at end of file