diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html b/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
index e9d3cb0..78c1fdd 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
@@ -70,13 +70,13 @@
     <!--</div>-->
     <div class="tools pull-left" style="top:44px;">
         <div class="toggle-icon toggleBar toggleHeadingButton" id="sideBarToggle" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
-        <div class="">
-            <div class="col-sm-6"><button onclick="hidePins(event)" id="hidePinBtn" class="btn btn-black btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Hide Pins"> <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt=""></button> </div>
-            <div class="col-sm-6"><button class="btn btn-black btn-sm pull-right tooltip-custom" id="selectedPin" onclick="showSelectedPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show Selected Pins"><img src="../../../content/images/aa/LeftMenu/draw-pin.png" alt=""></button></div>
-            <div class="col-sm-6"><button class="btn btn-primary btn-sm marginTop5 tooltip-custom" id="allPinBtn" onclick="showAllPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show All Pins in System(s)"><img src="../../../content/images/aa/LeftMenu/all-pin.png" alt=""></button></div>
+        <div class="sprit-icon">
+            <div class="col-sm-6"><button onclick="hidePins(event)" id="hidePinBtn" class="btn btn-black btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Hide Pins"></button> </div>
+            <div class="col-sm-6"><button class="btn btn-black btn-sm pull-right tooltip-custom" id="selectedPin" onclick="showSelectedPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show Selected Pins"></button></div>
+            <div class="col-sm-6"><button class="btn btn-primary btn-sm marginTop5 tooltip-custom" id="allPinBtn" onclick="showAllPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show All Pins in System(s)"></button></div>
             <div class="col-sm-6">
                 <div class="custom-tooltip">Select System</div>
-                  <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="../../../content/images/aa/LeftMenu/icon-highlight.png" alt="" ></button>
+                <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"></button>
                 <ul class="dropdown-menu" aria-labelledby="dropdownMenu221" id="bodySystemList">
                     <li><a id="0" href="#" title="Current Structure" onclick="showSelectedSystemPins(event)">All</a></li>
                     <li role="separator" class="divider"></li>
@@ -93,9 +93,8 @@
                     <li class="disabledSelectedSystem"><a id="11" href="#" title="Skeletal" onclick="showSelectedSystemPins(event)">Skeletal</a></li>
                     <li class="disabledSelectedSystem"><a id="12" href="#" title="Urinary" onclick="showSelectedSystemPins(event)">Urinary</a></li>
                 </ul>
-
-            </div>
-            <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button onclick="showHideAnnotation(event)" class="btn btn-black btn-sm marginTop5 btn-block"> <img src="../../../content/images/aa/LeftMenu/comment-box.png" alt=""></button> </div>
+               </div>
+            <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button onclick="showHideAnnotation(event)" class="btn btn-black btn-sm marginTop5 btn-block" id="comment-box"></button> </div>
         </div>
         <div class="pips-slider" style="margin-top:125px">
             <h3>Zoom <i class="fa fa-search-plus"></i></h3>
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/images/aa/LeftMenu/icon-sprit.png b/400-SOURCECODE/AIAHTML5.Web/content/images/aa/LeftMenu/icon-sprit.png
new file mode 100644
index 0000000..9e8c4f5
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/content/images/aa/LeftMenu/icon-sprit.png
diff --git a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
index 2074aa7..78792ea 100644
--- a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
+++ b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -517,7 +517,7 @@ pointer-events: auto;
 	position: absolute;
 	top: 110px;
 	left: 100px;
-	z-index: 99999;
+	z-index: 9;
 	-moz-transition: left 0.5s ease;
 	transition: left 0.5s ease;
 	background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
@@ -1070,4 +1070,14 @@ color:#ffffff !important;
     pointer-events:none;
 }
 
-.pl-12{padding-left:12px;}
\ No newline at end of file
+.pl-12{padding-left:12px;}
+
+
+/*sprit images*/
+.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
+.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png");  background-repeat:no-repeat; width:38px; height:32px;}
+#hidePinBtn{background-position:10px 5px;}
+#selectedPin{background-position:15px -24px;}
+#allPinBtn{background-position:12px -105px;}
+#dropdownMenu221{background-position:10px -49px;}
+#comment-box{background-position:28px -73px; width:80px;}
\ No newline at end of file