title: pe:layout: Align tabs to right
body: <p>In the showcase example for <a href="http://fractalsoft.net/primeext-showcase-mojarra/sections/layout/tabbedLayout.jsf" rel="nofollow noreferrer">http://fractalsoft.net/primeext-showcase-mojarra/sections/layout/tabbedLayout.jsf</a></p>
  
  <p>tabs are centered right, I can't figure out how to do it.</p>
  
  <p>I've tried searching and applying ui-tabs styling and I can change size easily but not the tab alignment.</p>
  
  <p>For example this did not work: <a href="https://stackoverflow.com/questions/8323579/jquery-ui-tabs-aligned-and-sharing-bar-with-a-title">jQuery UI tabs aligned and sharing bar with a title</a></p>
  
  <p>This seems to be the relevant css <a href="http://code.google.com/p/primefaces-extensions/source/browse/primefaces-extensions/trunk/src/main/resources/META-INF/resources/primefaces-extensions/layout/layout.css?r=1201" rel="nofollow noreferrer">http://code.google.com/p/primefaces-extensions/source/browse/primefaces-extensions/trunk/src/main/resources/META-INF/resources/primefaces-extensions/layout/layout.css?r=1201</a></p>
  
  <p>and pe-layout-tabbuttons is indeed present when I firebug the code but I can't figure out what to change.</p>
  
  <p>I basically want this:</p>
  
  <p>_________________|tab1|tab2|tab3|</p>
  
  <p>instead of:
  |tab1|tab2|tab3|_________________</p>
  
  <p>cheers</p>