title: PrimeFaces 2.2.1 looks different locally than in showcase
body: <p>I've seen similar questions asked <a href="https://stackoverflow.com/questions/5226837/primefaces-themes-broken">here</a> and <a href="https://stackoverflow.com/questions/4583397/primefaces-style-doenst-work-correctly">here</a>.  Neither of these answered my question.  I've also searched the <a href="http://forum.primefaces.org/" rel="nofollow noreferrer">PrimeFaces forum</a>.</p>
  
  <p>Setting up a vanilla JSF 2.0 project in NetBeans, I've added the Showcase code for <a href="http://www.primefaces.org/showcase/ui/dialog.jsf" rel="nofollow noreferrer">Simple Dialog</a>.</p>
  
  <p><strong>Code (index.xhtml) minus the xml declaration and DOCTYPE (XHTML 1.0 Transitional):</strong></p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.prime.com.tr/ui"&gt;
  &lt;h:head&gt;
      &lt;title&gt;PrimeFaces&lt;/title&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
      &lt;h:panelGrid columns="1" cellpadding="5"&gt;
          &lt;p:commandButton value="Basic" onclick="dlg1.show();" type="button"/&gt;
  
          &lt;p:commandButton value="Modal" onclick="dlg2.show();" type="button"/&gt;
  
          &lt;p:commandButton value="Effects" onclick="dlg3.show();" type="button"/&gt;
      &lt;/h:panelGrid&gt;
  
      &lt;p:dialog header="Basic Dialog" widgetVar="dlg1"&gt;
          &lt;h:outputText value="Resistance to PrimeFaces is futile!" /&gt;
      &lt;/p:dialog&gt; 
  
      &lt;p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="200"&gt;
          &lt;h:outputText value="This is a Modal Dialog." /&gt;
      &lt;/p:dialog&gt; 
  
      &lt;p:dialog header="Effect Dialog" widgetVar="dlg3" showEffect="bounce" hideEffect="explode" height="200"&gt;
          &lt;h:outputText value="This dialog has cool effects." /&gt;
      &lt;/p:dialog&gt;
  &lt;/h:body&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've added the <code>aristo</code> theme to my <code>Libraries</code> (NetBeans way of adding to the classpath) and added the following to <code>web.xml</code></p>
  
  <p><strong>web.xml (partial):</strong></p>
  
  <pre><code>&lt;context-param&gt;
      &lt;param-name&gt;primefaces.THEME&lt;/param-name&gt;
      &lt;param-value&gt;aristo&lt;/param-value&gt;
  &lt;/context-param&gt;
  </code></pre>
  
  <p>No other changes were made, although I quickly installed/uninstalled another theme (dark-hive) just to make certain that the theme was being registered properly.  The results are as follows:</p>
  
  <p><strong>Local (Chrome 15.0.874.92):</strong></p>
  
  <p><img src="https://i.stack.imgur.com/xA47S.png" alt="Screenshot of locally created site"></p>
  
  <p><strong>Showcase: (from <a href="http://www.primefaces.org/showcase/ui/dialog.jsf" rel="nofollow noreferrer">PrimeFaces Showcase</a>)</strong></p>
  
  <p><img src="https://i.stack.imgur.com/I3FrO.png" alt="enter image description here"></p>
  
  <p><strong>Stack:</strong><br>
  PrimeFaces 2.2.1<br>
  JSF 2.0<br>
  Glassfish 3.1.1<br>
  Java 1.6.0_18<br>
  Windows 7 x64<br>
  (Generated by NetBeans 7.0.1)</p>
  
  <p><strong>Edit:</strong> This was also tested on FireFox 7.0.1 and IE 9</p>