diff --git a/config/alfresco/templates/client/summary_panel.ftl b/config/alfresco/templates/client/summary_panel.ftl
index c2d07f87e4..d613819b9d 100644
--- a/config/alfresco/templates/client/summary_panel.ftl
+++ b/config/alfresco/templates/client/summary_panel.ftl
@@ -1,89 +1,91 @@
-<table cellpadding='3' cellspacing='0'>
-   <tr>
-      <td colspan='2' class='mainSubTitle'>
-         <table cellspacing='0' cellpadding='0' width='100%' style='cursor:move' id='dragable'>
-            <tr>
-               <td class='mainSubTitle'>${node.name}</td>
-               <#if node.isDocument>
-                  <#assign navurl="/navigate/showDocDetails/">
-               <#else>
-                  <#assign navurl="/navigate/showSpaceDetails/">
-               </#if>
-               <#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id>
-               <td width=24><center><a href='${absurl(navurl)}'><img src='${absurl("/images/icons/View_details.gif")}' style='cursor:pointer' width=12 height=16 border=0 title="Details" alt="Details"></a></center></td>
-               <td width=14 align=right><img src='${absurl("/images/icons/close_panel.gif")}' onclick="AlfNodeInfoMgr.close('${node.nodeRef}');" style='cursor:pointer' width=14 height=14 border=0 title="Close" alt="Close"></td>
-            </tr>
-         </table>
-      </td>
-   </tr>
-   
-   <tr>
-      <td valign='middle' align='center'>
-         <#assign isImage=node.isDocument && (node.mimetype = "image/gif" || node.mimetype = "image/jpeg" || node.mimetype = "image/png")>
-         <#assign isVideo=node.isDocument && node.mimetype?starts_with("video/")>
-         <#if isImage>
-            <a href="${absurl(node.url)}" target="new"><img src="${absurl(node.url)}" width=120 border=0></a>
-         <#elseif isVideo>
-            <object width="320" height="240" border="0" id="player">
-               <param name="UIMode" value="none" />
-               <param name="URL" value="${absurl(node.url)}" />
-               <param name="autoStart" value="true" />
-               <#--<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" src="${absurl(node.url)}" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0" height="240" width="320"></embed>-->
-               <embed width="320" height="240" src="${absurl(node.url)}" border="0" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0"></embed>
-            </object>
-         <#else>
-            <table cellspacing=0 cellpadding=0 border=0>
-               <tr>
-                  <td>
-                     <div style="border: thin solid #cccccc; padding:4px">
-                        <a href="${absurl(node.url)}" <#if node.isDocument>target="new"</#if>><img src="${absurl(node.icon32)}" width=32 height=32 border=0></a>
-                     </div>
-                  </td>
-                  <td><img src="${absurl('/images/parts/rightSideShadow42.gif')}" width=6 height=42></td>
-               </tr>
-               <tr>
-                  <td colspan=2><img src="${absurl('/images/parts/bottomShadow42.gif')}" width=48 height=5></td>
-               </tr>
-            </table>
-         </#if>
-      </td>
-      
-      <td valign='top'>
-         <table cellpadding='2' cellspacing='0'>
-            <#if node.properties.title?exists>
-               <tr><td>&nbsp;Title:</td><td>${node.properties.title?html}</td></tr>
-            </#if>
-            <#if node.properties.description?exists>
-               <tr><td>&nbsp;Description:</td><td>${node.properties.description?html}</td></tr>
-            </#if>
-            <tr><td>&nbsp;Created:</td><td>${node.properties.created?datetime}</td></tr>
-            <tr><td>&nbsp;Creator:</td><td>${node.properties.creator}</td></tr>
-            <tr><td>&nbsp;Modified:</td><td>${node.properties.modified?datetime}</td></tr>
-            <tr><td>&nbsp;Modifier:</td><td>${node.properties.modifier}</td></tr>
-            <#if node.properties.owner?exists>
-               <tr><td>&nbsp;Owner:</td><td>${node.properties.owner}</td></tr>
-            </#if>
-            <#if node.properties.author?exists>
-               <tr><td>&nbsp;Author:</td><td>${node.properties.author}</td></tr>
-            </#if>
-            <#if node.isDocument>
-               <tr><td>&nbsp;Size:</td><td>${(node.size / 1000)?string("0.##")} KB</td></tr>
-            </#if>
-         </table>
-      </td>
-   </tr>
-   
-   <#if node.isDocument && !isImage && !isVideo>
-      <#assign c=cropContent(node.properties.content, 512)>
-      <#if c?length != 0>
-         <tr>
-            <td colspan='2'>Preview:</td>
-         </tr>
-         <tr>
-            <td colspan='2'>
-               ${c?html?replace('$', '<br>', 'rm')}<#if (c?length >= 512)>...</#if>
-            </td>
-         </tr>
-      </#if>
-   </#if>
-</table>
+<div class="summaryPopupPanel">
+	<table cellpadding='3' cellspacing='0'>
+	   <tr>
+	      <td colspan='2' class='mainSubTitle'>
+	         <table cellspacing='0' cellpadding='0' width='100%' style='cursor:move' id='dragable'>
+	            <tr>
+	               <td class='mainSubTitle'>${node.name}</td>
+	               <#if node.isDocument>
+	                  <#assign navurl="/navigate/showDocDetails/">
+	               <#else>
+	                  <#assign navurl="/navigate/showSpaceDetails/">
+	               </#if>
+	               <#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id>
+	               <td width=24><center><a href='${absurl(navurl)}'><img src='${absurl("/images/icons/View_details.gif")}' style='cursor:pointer' width=12 height=16 border=0 title="Details" alt="Details"></a></center></td>
+	               <td width=14 align=right><img src='${absurl("/images/icons/close_panel.gif")}' onclick="AlfNodeInfoMgr.close('${node.nodeRef}');" style='cursor:pointer' width=14 height=14 border=0 title="Close" alt="Close"></td>
+	            </tr>
+	         </table>
+	      </td>
+	   </tr>
+	   
+	   <tr>
+	      <td valign='middle' align='center'>
+	         <#assign isImage=node.isDocument && (node.mimetype = "image/gif" || node.mimetype = "image/jpeg" || node.mimetype = "image/png")>
+	         <#assign isVideo=node.isDocument && node.mimetype?starts_with("video/")>
+	         <#if isImage>
+	            <a href="${absurl(node.url)}" target="new"><img src="${absurl(node.url)}" width=120 border=0></a>
+	         <#elseif isVideo>
+	            <object width="320" height="240" border="0" id="player">
+	               <param name="UIMode" value="none" />
+	               <param name="URL" value="${absurl(node.url)}" />
+	               <param name="autoStart" value="true" />
+	               <#--<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" src="${absurl(node.url)}" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0" height="240" width="320"></embed>-->
+	               <embed width="320" height="240" src="${absurl(node.url)}" border="0" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0"></embed>
+	            </object>
+	         <#else>
+	            <table cellspacing=0 cellpadding=0 border=0>
+	               <tr>
+	                  <td>
+	                     <div style="border: thin solid #cccccc; padding:4px">
+	                        <a href="${absurl(node.url)}" <#if node.isDocument>target="new"</#if>><img src="${absurl(node.icon32)}" width=32 height=32 border=0></a>
+	                     </div>
+	                  </td>
+	                  <td><img src="${absurl('/images/parts/rightSideShadow42.gif')}" width=6 height=42></td>
+	               </tr>
+	               <tr>
+	                  <td colspan=2><img src="${absurl('/images/parts/bottomShadow42.gif')}" width=48 height=5></td>
+	               </tr>
+	            </table>
+	         </#if>
+	      </td>
+	      
+	      <td valign='top'>
+	         <table cellpadding='2' cellspacing='0'>
+	            <#if node.properties.title?exists>
+	               <tr><td>&nbsp;Title:</td><td>${node.properties.title?html}</td></tr>
+	            </#if>
+	            <#if node.properties.description?exists>
+	               <tr><td>&nbsp;Description:</td><td>${node.properties.description?html}</td></tr>
+	            </#if>
+	            <tr><td>&nbsp;Created:</td><td>${node.properties.created?datetime}</td></tr>
+	            <tr><td>&nbsp;Creator:</td><td>${node.properties.creator}</td></tr>
+	            <tr><td>&nbsp;Modified:</td><td>${node.properties.modified?datetime}</td></tr>
+	            <tr><td>&nbsp;Modifier:</td><td>${node.properties.modifier}</td></tr>
+	            <#if node.properties.owner?exists>
+	               <tr><td>&nbsp;Owner:</td><td>${node.properties.owner}</td></tr>
+	            </#if>
+	            <#if node.properties.author?exists>
+	               <tr><td>&nbsp;Author:</td><td>${node.properties.author}</td></tr>
+	            </#if>
+	            <#if node.isDocument>
+	               <tr><td>&nbsp;Size:</td><td>${(node.size / 1000)?string("0.##")} KB</td></tr>
+	            </#if>
+	         </table>
+	      </td>
+	   </tr>
+	   
+	   <#if node.isDocument && !isImage && !isVideo>
+	      <#assign c=cropContent(node.properties.content, 512)>
+	      <#if c?length != 0>
+	         <tr>
+	            <td colspan='2'>Preview:</td>
+	         </tr>
+	         <tr>
+	            <td colspan='2'>
+	               ${c?html?replace('$', '<br>', 'rm')}<#if (c?length >= 512)>...</#if>
+	            </td>
+	         </tr>
+	      </#if>
+	   </#if>
+	</table>
+</div>
\ No newline at end of file
diff --git a/source/web/css/main.css b/source/web/css/main.css
index 2452686f79..c760c6971e 100644
--- a/source/web/css/main.css
+++ b/source/web/css/main.css
@@ -486,9 +486,10 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
    background-image: url(../images/parts/popup_bg.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
-   border: 1px solid #cacfd3;
+   border: 1px solid #a9b2b9;
    padding: 4px;
    max-width: 700px;
+   margin: 0px 0px 0px 0px;
 }
 
 .popupImage
@@ -666,3 +667,13 @@ a.sidebarButtonLink, a.sidebarButtonLink:link, a.sidebarButtonLink:visited
    font-weight: bold; 
    padding-bottom: 2px;
 }
+
+.summaryDropShadow 
+{
+   background: url(../images/parts/drop_shadow_alpha.png) no-repeat bottom right !important;
+   background-color: transparent;
+   padding: 0px 11px 11px 0px;
+   
+   _background: url(../images/parts/spacer.gif) no-repeat bottom right !important;
+   _padding: 0px 10px 10px 0px;
+}
diff --git a/source/web/images/parts/drop_shadow_alpha.png b/source/web/images/parts/drop_shadow_alpha.png
new file mode 100644
index 0000000000..1519ea2d19
Binary files /dev/null and b/source/web/images/parts/drop_shadow_alpha.png differ
diff --git a/source/web/scripts/ajax/node-info.js b/source/web/scripts/ajax/node-info.js
index 30670cc8cf..0198d21ecf 100644
--- a/source/web/scripts/ajax/node-info.js
+++ b/source/web/scripts/ajax/node-info.js
@@ -141,9 +141,9 @@ Alfresco.NodeInfoPanel.prototype =
       
       // setup the div with the correct appearance
       div.innerHTML = response.responseText;
-      div.setAttribute("class", "summaryPopupPanel");
+      div.setAttribute("class", "summaryDropShadow");
       // NOTE: use className for IE
-      div.setAttribute("className", "summaryPopupPanel");
+      div.setAttribute("className", "summaryDropShadow");
       div.style.position = "absolute";
       div.style.display = "none";
       div.style.left = 0;