Added drop shadow to popup panel (Firefox only)

git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5495 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261

config/alfresco/templates/client/summary_panel.ftl

@@ -1,4 +1,5 @@
-<table cellpadding='3' cellspacing='0'>
+<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'>
@@ -86,4 +87,5 @@
 	         </tr>
 	      </#if>
 	   </#if>
-</table>
+	</table>
+</div>

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;
+}

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;