title: PrimeFaces panel style contents CSS
body: <p>I am tyring to style a ui-panel-content without success, here is the CSS I am applying</p>
  
  <pre><code>.loginPanel.ui-panel-content {
          border: 0;
          background: red;
          padding: 0.5em 1em;
  </code></pre>
  
  <p>Also tried:</p>
  
  <pre><code>.loginPanel.ui-panel, .loginPanel.ui-panel-content {
      border: 0;
      background: red;
      padding: 0.5em 1em;
  </code></pre>
  
  <p>But this turns the whole panel Red</p>
  
  <p>Here is the outputted HTML I am trying to target:</p>
  
  <pre><code>&lt;div id="j_idt9:loginPanel" class="ui-panel ui-widget ui-widget-content ui-corner-all loginPanel"&gt;
      &lt;div id="j_idt9:loginPanel_header" class="ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all"&gt;
          &lt;span class="ui-panel-title"&gt;Login&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div id="j_idt9:loginPanel_content" class="ui-panel-content ui-widget-content"&gt;
  
          &lt;table id="j_idt9:loginPanelGrid" class="ui-panelgrid ui-widget loginPanelGrid" role="grid"&gt;
              &lt;tbody&gt;
                  &lt;tr class="ui-widget-content" role="row"&gt;
                      &lt;td role="gridcell"&gt;Username&lt;/td&gt;
                      &lt;td role="gridcell"&gt;
                          &lt;input id="j_idt9:username" name="j_idt9:username" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr class="ui-widget-content" role="row"&gt;
                      &lt;td role="gridcell"&gt;Password&lt;/td&gt;
                      &lt;td role="gridcell"&gt;
                          &lt;input id="j_idt9:password" name="j_idt9:password" type="password" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr class="ui-widget-content" role="row"&gt;
                      &lt;td role="gridcell"&gt;
                          &lt;button id="j_idt9:j_idt14" name="j_idt9:j_idt14" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="statusDialog.show();PrimeFaces.ab({source:'j_idt9:j_idt14',update:'j_idt9:growlID',oncomplete:function(xhr,status,args){statusDialog.hide();}});return false;" type="submit" role="button" aria-disabled="false"&gt;
                              &lt;span class="ui-button-text"&gt;Submeter&lt;/span&gt;
                          &lt;/button&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  
      &lt;div id="j_idt9:loginPanel_footer" class="ui-panel-footer ui-widget-content"&gt;V.1.0&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas how to set that </p>
  
  <p>Update: Here is the source</p>
  
  <pre><code>&lt;div class="loginFromContainer"&gt;
      &lt;h:form&gt;
          &lt;p:growl id="growlID"&gt;
  
          &lt;/p:growl&gt;
          &lt;p:panel id="loginPanel" styleClass="loginPanel" header="Login SRB Armazem" footer="V.1.0"&gt;
              &lt;p:panelGrid id="loginPanelGrid" columns="1" styleClass="loginPanelGrid"&gt;
                  &lt;h:outputText value="Username" /&gt;
                  &lt;p:inputText id="username" value="#{loginController.userName}" /&gt;
                  &lt;h:outputText value="Password" /&gt;
                  &lt;p:password id="password" value="#{loginController.passWord}" /&gt;
                  &lt;p:commandButton value="Submeter" update="growlID" onclick="statusDialog.show()" oncomplete="statusDialog.hide()" actionListener="#{loginController.verifyLogin(event)}" action="#{loginController.decideRedireccionar()}" /&gt;
              &lt;/p:panelGrid&gt;
          &lt;/p:panel&gt;
      &lt;/h:form&gt;
  </code></pre>