/* if this code is not in the jnj css, it should be added - takes away image outlines when link is clicked */
a:active, a:focus { outline:none; }  

/* share button */
#share-container { height:29px; margin-bottom:20px; position:relative; width:100%;  z-index:9500;  } 
html>body #share-container { height:29px; margin-bottom:20px; position:relative; width:100%; }

#share-button { position:absolute; right:5px; top:1px; width:145px; } 
#share-button a { background:url(/wps/wcm/jsp/images/ShareButton/share-button.gif) no-repeat top; display:block; height:29px; width:145px; }
#share-button a:hover { background:url(/wps/wcm/jsp/images/ShareButton/share-button.gif) no-repeat bottom; height:29px; width:145px; }

/* share pop-up */
#share { font-family:Arial, Helvetica, sans-serif; width:263px; }
#share-links { display:none; position:absolute; right:0; width:263px;  z-index:9999; }
#share-mask { background:url(/wps/wcm/jsp/images/ShareButton/blank.gif); display:none; position:absolute; z-index:9000; }

#share .top { background:url(/wps/wcm/jsp/images/ShareButton/share-top.png) no-repeat; color:#fff; font-size:11px; height:29px; }
#share .top span { color:#fff; font-size:11px; } 
#share .middle { background:url(/wps/wcm/jsp/images/ShareButton/share-middle.png) repeat-y; padding:10px 0; margin:0; width:263px; }
#share .bottom { background:url(/wps/wcm/jsp/images/ShareButton/share-bottom.png) no-repeat; height:10px; }
#midcontainer #share ul { list-style-type:none; margin:0 auto; padding:0; width:240px; }
#midcontainer #share ul li { float:left; font-size:11px; height:18px; list-style-type:none; margin:0 0 10px ; padding-left:24px; width:95px; } 
#share p.exit { color:#666; font-size:10px; padding:10px 10px 0; }
#share p.message { margin:0; padding:0; }

#share a { color:#669999; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
#share .top a { background:url(/wps/wcm/jsp/images/ShareButton/share-close.gif) no-repeat right; color:#fff; cursor:pointer; display:block; height:29px; float:right; font-size:11px; line-height:29px; margin-right:18px; padding-right:22px; text-align:right; width:45px; }
#share .top span { height:29px; line-height:29px; margin:0 0 0 35px; width:100px; }

/* share links - individual icons */
#share .email { background:url(/wps/wcm/jsp/images/ShareButton/icon-email.gif) no-repeat left; }
#share .delicious { background:url(/wps/wcm/jsp/images/ShareButton/icon-delicious.gif) no-repeat left; }
#share .digg { background:url(/wps/wcm/jsp/images/ShareButton/icon-digg.gif) no-repeat left; }
#share .diigo { background:url(/wps/wcm/jsp/images/ShareButton/icon-diigo.gif) no-repeat left; }
#share .facebook { background:url(/wps/wcm/jsp/images/ShareButton/icon-facebook.gif) no-repeat left; }
#share .linkedin { background:url(/wps/wcm/jsp/images/ShareButton/icon-linkedin.gif) no-repeat left; }
#share .mixx { background:url(/wps/wcm/jsp/images/ShareButton/icon-mixx.gif) no-repeat left; }
#share .myspace { background:url(/wps/wcm/jsp/images/ShareButton/icon-myspace.gif) no-repeat left; }
#share .twitter { background:url(/wps/wcm/jsp/images/ShareButton/icon-twitter.gif) no-repeat left; }
#share .yahoo { background:url(/wps/wcm/jsp/images/ShareButton/icon-yahoo.gif) no-repeat left; }