<?xml version="1.0" encoding="utf-8" standalone="no"?>
<asul>
<style><![CDATA[
	button.element button{anchors:10,10,pw-10,ph-10}
	button.element button.box{anchors:0,0,pw,ph}
	button.element button box.over{background:color(0x330000FF)}
	button.element button box.down{background:color(0x330000FF)}
	button.element button.selected{background:color(0x7F0000FF)}
	box.pagelink{background:gradient(linear-vertical,0x7fFAFAFA,0x7fFDFDFD)}
]]>
</style>


<box anchors="0,ph-180,pw,ph" id="container" mouseenabled="true" style="container" clipchildren="false">

	<box anchors="8,0,pw,ph" name="elements" center="true">

	</box>
	<box anchors="0,ph-30,pw,ph" name="pagecontainer" center="true">
	</box>
	
	<button anchors="pw-w-8,-h-2" width="24" height="24" name="btn_close" title="localize(LNG_CLOSE, Close)" background="image(files/assets/skin/close2.png)"/>
</box>


<button width="120" height="150" id="page_button" style="element">
	<box anchors="0,5,pw-5,ph-5" name="if_even" style="pagelink"/>
	<box anchors="5,5,pw,ph-5" name="if_odd" style="pagelink"/>
	<box anchors="10,10,pw-10,ph-10" name="thumb"/>
	<box anchors="10,10,pw-10,ph-10" background="color(0x666666)" blendmode="hardlight">
	<text align="center" anchors="0,(ph-h)/2,pw" bold="true" color="0x999999" font="Verdana" height="55" name="number" size="40"/>
	</box><button name="$btn_normal$"/>
</button>

<togglebutton width="9" height="9" id="btnpage">
	<button name="$btn_normal$" anchors="0,0,pw,ph">
      <box name="$up$" anchors="0,0,pw,ph" background="image(files/assets/skin/btnpage_up.png)"/>
      <box name="$over$" anchors="0,0,pw,ph" background="image(files/assets/skin/btnpage_hot.png)"/>
      <box name="$down$" anchors="0,0,pw,ph" background="image(files/assets/skin/btnpage_hot.png)"/>
  </button>
  <button name="$btn_toggled$" anchors="0,0,pw,ph">
      <box anchors="0,0,pw,ph" background="image(files/assets/skin/btnpage_hot.png)"/>
  </button>
</togglebutton>

</asul>