title: Change a style border of LightBox Primefaces
body: <p>I use PrimeFaces 1.1 with JSF 1.2.
  I need to change the style of PrimeFaces <code>&lt;p:lightBox&gt;</code> overlay that has a black border to blue, but the <code>style</code> attribute of the component don't change the overlay, but only the link from which the lightbox is been called.</p>
  
  <pre><code>&lt;p:lightBox width="50%" height="25%" 
      style="border: 5px; border-style: solid; border-color: blue;"&gt;
      &lt;h:outputLink value="#" title="Leo Messi" &gt;
          &lt;h:outputText value="The Messiah"/&gt;
      &lt;/h:outputLink&gt;
  
      &lt;f:facet name="inline"&gt;
          &lt;h:panelGrid columns="2"&gt;
              &lt;p:graphicImage value="/images/barca/messi.jpg" /&gt;
              &lt;h:outputText style="color:#FFFFFF"
                  value="Messi is an unusual player. He is highly creative, and has the skills to take on defenders with ease. He is a versatile left-footed player who can play either in the middle or on either wing, or even as a centre forward.
                  Although he is quite short, he is so fast and physically strong that he can cope with larger opponents. He is incredibly powerful, and a specialist in such dead ball situations as corners, free kicks and penalties.
                  Leo Messi is cool-headed and able to assume several responsibilities in times of need. He is a player who is destined to have a very successful career in football."&gt;&lt;/h:outputText&gt;
          &lt;/h:panelGrid&gt;
      &lt;/f:facet&gt;
  &lt;/p:lightBox&gt;
  </code></pre>