#4411 UI adjustments

7 files changed, 350 insertions, 189 deletions

diff --git a/indra/newview/skins/default/xui/en/floater_directory.xml b/indra/newview/skins/default/xui/en/floater_directory.xml
index 9dd15bfed5..3274474337 100644
--- a/indra/newview/skins/default/xui/en/floater_directory.xml
+++ b/indra/newview/skins/default/xui/en/floater_directory.xml
@@ -2,7 +2,7 @@
 <floater
  can_close="true"
  can_drag_on_left="false"
- can_minimize="true"
+ single_instance="true"
  can_resize="true"
  height="570"
  min_height="570"
@@ -110,7 +110,7 @@
     <panel
      top="70"
      follows="bottom|right|top"
-     height="480"
+     height="482"
      left="345"
      visible="false"
      name="panel_group_info_sidetray"
@@ -120,7 +120,7 @@
     <panel
      top="70"
      follows="bottom|right|top"
-     height="480"
+     height="484"
      left="345"
      visible="false"
      name="panel_places"
@@ -130,7 +130,7 @@
     <panel
      top="70"
      follows="bottom|right|top"
-     height="480"
+     height="481"
      left="345"
      visible="false"
      name="panel_classified_info"
diff --git a/indra/newview/skins/default/xui/en/panel_dir_classified.xml b/indra/newview/skins/default/xui/en/panel_dir_classified.xml
index d56c8a8dfa..f4d3ccf748 100644
--- a/indra/newview/skins/default/xui/en/panel_dir_classified.xml
+++ b/indra/newview/skins/default/xui/en/panel_dir_classified.xml
@@ -35,7 +35,7 @@
     <combo_box
      allow_text_entry="false"
      top_delta="0"
-     left="465"
+     left="525"
      layout="topleft"
      follows="right|top"
      height="18"
@@ -55,46 +55,78 @@
         <combo_item name="Personal" value="9" label="Personal"/>
      </combo_box>
     <check_box
-     left_pad="20"
+     left_pad="5"
      control_name="ShowPGClassifieds"
      follows="right|top"
      layout="topleft"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="PG"
+     label=""
      mouse_opaque="true"
      name="incpg"
-     width="35" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_PG_Dark"
+     tool_tip="General"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_general"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowMatureClassifieds"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="Mature"
+     label=""
      mouse_opaque="true"
      name="incmature"
-     width="56" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_M_Dark"
+     tool_tip="Moderate"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_moderate"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowAdultClassifieds"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="false"
-     label="Adult"
+     label=""
      mouse_opaque="true"
      name="incadult"
-     width="50" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_R_Dark"
+     tool_tip="Adult"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_adult"
+     width="16"/>
     <line_editor
      bevel_style="in"
      border_style="line"
      border_thickness="1"
-     top_pad="2"
+     top_pad="3"
      follows="left|right|top"
      layout="topleft"
      font="SansSerif"
@@ -103,7 +135,7 @@
      max_length="63"
      mouse_opaque="true"
      name="name"
-     width="660" />
+     width="650" />
     <button
      follows="right|top"
      layout="topleft"
@@ -115,7 +147,7 @@
      left_pad="5"
      mouse_opaque="true"
      name="Search"
-     width="95" />
+     width="105" />
     <scroll_list
      background_visible="true"
      layout="topleft"
@@ -151,27 +183,33 @@
      v_pad="0"
      width="80" />
     <button
-     bottom="-533"
+     image_overlay="Arrow_Left_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     hover_glow_amount="0.15"
+     tool_tip="Previous page"
      follows="right|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="Next &gt;"
-     label_selected="Next &gt;"
-     mouse_opaque="true"
-     name="Next &gt;"
-     right="344"
-     width="80" />
+     height="22"
+     right="305"
+     bottom="-533"
+     name="prev_btn"
+     width="32" />
     <button
-     bottom_delta="0"
+     image_overlay="Arrow_Right_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     tool_tip="Next page"
      follows="right|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="&lt; Prev"
-     label_selected="&lt; Prev"
-     mouse_opaque="true"
-     name="&lt; Prev"
-     right="258"
-     width="80" />
+     height="22"
+     layout="topleft"
+     left_pad="5"
+     name="next_btn"
+     top_delta="0"
+     width="32"/>
 </panel>
diff --git a/indra/newview/skins/default/xui/en/panel_dir_events.xml b/indra/newview/skins/default/xui/en/panel_dir_events.xml
index 97636d25bb..ffbbbeb251 100644
--- a/indra/newview/skins/default/xui/en/panel_dir_events.xml
+++ b/indra/newview/skins/default/xui/en/panel_dir_events.xml
@@ -34,7 +34,7 @@
     <combo_box
      allow_text_entry="false"
      top_delta="0"
-     left="465"
+     left="525"
      layout="topleft"
      follows="right|top"
      height="18"
@@ -57,46 +57,78 @@
         <combo_item name="Miscellaneous" value="29" label="Miscellaneous"/>
     </combo_box>
     <check_box
-     left_pad="20"
+     left_pad="5"
      control_name="ShowPGEvents"
      follows="right|top"
      layout="topleft"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="PG"
+     label=""
      mouse_opaque="true"
      name="incpg"
-     width="35" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_PG_Dark"
+     tool_tip="General"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_general"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowMatureEvents"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="Mature"
+     label=""
      mouse_opaque="true"
      name="incmature"
-     width="56" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_M_Dark"
+     tool_tip="Moderate"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_moderate"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowAdultEvents"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="false"
-     label="Adult"
+     label=""
      mouse_opaque="true"
      name="incadult"
-     width="50" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_R_Dark"
+     tool_tip="Adult"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_adult"
+     width="16"/>
     <line_editor
      bevel_style="in"
      border_style="line"
      border_thickness="1"
-     top_pad="2"
+     top_pad="3"
      follows="left|right|top"
      layout="topleft"
      font="SansSerif"
@@ -105,7 +137,7 @@
      max_length="63"
      mouse_opaque="true"
      name="event_search_text"
-     width="660" />
+     width="650" />
     <button
      follows="right|top"
      layout="topleft"
@@ -117,7 +149,7 @@
      left_pad="5"
      mouse_opaque="true"
      name="Search"
-     width="95" />
+     width="105" />
     <scroll_list
      background_visible="true"
      layout="topleft"
@@ -156,36 +188,42 @@
      v_pad="0"
      width="80" />
     <button
-     bottom="-533"
+     image_overlay="Arrow_Left_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     hover_glow_amount="0.15"
+     tool_tip="Previous page"
      follows="right|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="Next &gt;"
-     label_selected="Next &gt;"
-     mouse_opaque="true"
-     name="Next &gt;"
-     right="344"
-     width="80" />
+     height="22"
+     right="305"
+     bottom="-533"
+     name="prev_btn"
+     width="32" />
     <button
-     bottom_delta="0"
+     image_overlay="Arrow_Right_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     tool_tip="Next page"
      follows="right|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="&lt; Prev"
-     label_selected="&lt; Prev"
-     mouse_opaque="true"
-     name="&lt; Prev"
-     right="258"
-     width="80" />
+     height="22"
+     layout="topleft"
+     left_pad="5"
+     name="next_btn"
+     top_delta="0"
+     width="32"/>
     <radio_group
      top="5"
      draw_border="false"
      follows="top|left"
      layout="topleft"
      height="16"
-     left="128"
+     left="160"
      mouse_opaque="true"
      name="date_mode"
      initial_value="current"
diff --git a/indra/newview/skins/default/xui/en/panel_dir_groups.xml b/indra/newview/skins/default/xui/en/panel_dir_groups.xml
index 10c90b2964..ed3f709005 100644
--- a/indra/newview/skins/default/xui/en/panel_dir_groups.xml
+++ b/indra/newview/skins/default/xui/en/panel_dir_groups.xml
@@ -9,28 +9,35 @@
  name="panel_dir_groups"
  width="778">
     <button
+     image_overlay="Arrow_Left_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     hover_glow_amount="0.15"
+     tool_tip="Previous page"
+     follows="right|bottom"
+     height="22"
+     right="305"
      bottom="-533"
-     follows="left|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="Next &gt;"
-     label_selected="Next &gt;"
-     right="344"
-     mouse_opaque="true"
-     name="Next &gt;"
-     width="80" />
+     name="prev_btn"
+     width="32" />
     <button
-     bottom_delta="0"
-     follows="left|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="&lt; Prev"
-     right="258"
-     mouse_opaque="true"
-     name="&lt; Prev"
-     width="80" />
+     image_overlay="Arrow_Right_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     tool_tip="Next page"
+     follows="right|bottom"
+     height="22"
+     layout="topleft"
+     left_pad="5"
+     name="next_btn"
+     top_delta="0"
+     width="32"/>
     <text
      bg_visible="false"
      border_visible="false"
@@ -51,13 +58,13 @@
     <check_box
      top_delta="0"
      control_name="ShowMatureGroups"
-     follows="left|top"
+     follows="right|top"
      layout="topleft"
      font="SansSerifSmall"
      height="16"
      initial_value="false"
      label="Include Mature groups"
-     left="465"
+     left="510"
      mouse_opaque="true"
      name="incmature"
      width="100" />
@@ -73,7 +80,7 @@
      max_length="63"
      mouse_opaque="true"
      name="name"
-     width="660" />
+     width="650" />
     <button
      follows="right|top"
      layout="topleft"
@@ -85,7 +92,7 @@
      left_pad="5"
      mouse_opaque="true"
      name="Search"
-     width="95" />
+     width="105" />
     <scroll_list
      background_visible="true"
      layout="topleft"
diff --git a/indra/newview/skins/default/xui/en/panel_dir_land.xml b/indra/newview/skins/default/xui/en/panel_dir_land.xml
index 673b9493bb..61629f3033 100644
--- a/indra/newview/skins/default/xui/en/panel_dir_land.xml
+++ b/indra/newview/skins/default/xui/en/panel_dir_land.xml
@@ -7,10 +7,6 @@
     <string name="not_found_text">
         None Found.
     </string>
-    <string name="land_help_text">
-        Land can be bought direct for Linden Dollars (L$) or at auction for either L$ or US$.
-        To buy direct, visit the land and click on the place name in the title bar.
-    </string>
     <text
      bg_visible="false"
      border_visible="false"
@@ -33,7 +29,7 @@
      layout="topleft"
      height="18"
      top_delta="0"
-     left="465"
+     left="525"
      max_chars="20"
      mouse_opaque="true"
      name="type"
@@ -44,43 +40,75 @@
         <combo_item name="EstateSales" value="Estate Sales" label="For Sale - Estate"/>
     </combo_box>
     <check_box
-     left_pad="20"
+     left_pad="5"
      control_name="ShowPGLand"
      follows="right|top"
      layout="topleft"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="PG"
+     label=""
      mouse_opaque="true"
      name="incpg"
-     width="35" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_PG_Dark"
+     tool_tip="General"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_general"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowMatureLand"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="Mature"
+     label=""
      mouse_opaque="true"
      name="incmature"
-     width="56" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_M_Dark"
+     tool_tip="Moderate"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_moderate"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowAdultLand"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="false"
-     label="Adult"
+     label=""
      mouse_opaque="true"
      name="incadult"
-     width="50" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_R_Dark"
+     tool_tip="Adult"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_adult"
+     width="16"/>
     <check_box
-     top_pad="2"
+     top_pad="3"
      layout="topleft"
      control_name="FindLandPrice"
      follows="left|top"
@@ -166,10 +194,10 @@
      height="20"
      label="Search"
      top_delta="0"
-     left_pad="15"
+     left="660"
      mouse_opaque="true"
      name="Search"
-     width="95" />
+     width="105" />
     <scroll_list
      background_visible="true"
      layout="topleft"
@@ -186,7 +214,6 @@
      search_column="2"
      width="336">
         <column label="" name="icon" width="24" />
-        <column label="" name="type" width="-1" />
         <column dynamicwidth="true" label="Name" name="name" />
         <column label="Type" name="landtype" width="50" />
         <column label="L$ Price" name="price" width="65" />
@@ -209,27 +236,33 @@
      v_pad="0"
      width="328" />
     <button
-     bottom="-533"
+     image_overlay="Arrow_Left_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     hover_glow_amount="0.15"
+     tool_tip="Previous page"
      follows="right|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="Next &gt;"
-     label_selected="Next &gt;"
-     mouse_opaque="true"
-     name="Next &gt;"
-     right="344"
-     width="80" />
+     height="22"
+     right="305"
+     bottom="-533"
+     name="prev_btn"
+     width="32" />
     <button
-     bottom_delta="0"
+     image_overlay="Arrow_Right_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     tool_tip="Next page"
      follows="right|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="&lt; Prev"
-     label_selected="&lt; Prev"
-     mouse_opaque="true"
-     name="&lt; Prev"
-     right="258"
-     width="80" />
+     height="22"
+     layout="topleft"
+     left_pad="5"
+     name="next_btn"
+     top_delta="0"
+     width="32"/>
 </panel>
diff --git a/indra/newview/skins/default/xui/en/panel_dir_people.xml b/indra/newview/skins/default/xui/en/panel_dir_people.xml
index 5b9fc68f33..fe1a7e9d94 100644
--- a/indra/newview/skins/default/xui/en/panel_dir_people.xml
+++ b/indra/newview/skins/default/xui/en/panel_dir_people.xml
@@ -42,7 +42,7 @@
      max_length="63"
      mouse_opaque="true"
      name="name"
-     width="660" />
+     width="650" />
     <button
      follows="right|top"
      layout="topleft"
@@ -53,7 +53,7 @@
      label="Search"
      mouse_opaque="true"
      name="Search"
-     width="95" />
+     width="105" />
     <scroll_list
      background_visible="true"
      layout="topleft"
@@ -88,27 +88,33 @@
      v_pad="0"
      width="328" />
     <button
+     image_overlay="Arrow_Left_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     hover_glow_amount="0.15"
+     tool_tip="Previous page"
+     follows="right|bottom"
+     height="22"
+     right="305"
      bottom="-533"
-     follows="left|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="Next &gt;"
-     label_selected="Next &gt;"
-     mouse_opaque="true"
-     name="Next &gt;"
-     right="330"
-     width="80" />
+     name="prev_btn"
+     width="32" />
     <button
-     bottom_delta="0"
-     follows="left|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="&lt; Prev"
-     label_selected="&lt; Prev"
-     mouse_opaque="true"
-     name="&lt; Prev"
-     right="244"
-     width="80" />
+     image_overlay="Arrow_Right_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     tool_tip="Next page"
+     follows="right|bottom"
+     height="22"
+     layout="topleft"
+     left_pad="5"
+     name="next_btn"
+     top_delta="0"
+     width="32"/>
 </panel>
diff --git a/indra/newview/skins/default/xui/en/panel_dir_places.xml b/indra/newview/skins/default/xui/en/panel_dir_places.xml
index 4640ef361e..d337f3addf 100644
--- a/indra/newview/skins/default/xui/en/panel_dir_places.xml
+++ b/indra/newview/skins/default/xui/en/panel_dir_places.xml
@@ -36,7 +36,7 @@
      layout="topleft"
      height="18"
      top_delta="0"
-     left="465"
+     left="525"
      max_chars="20"
      mouse_opaque="true"
      name="Category"
@@ -56,46 +56,78 @@
         <combo_item name="Other" value="other" label="Other"/>
     </combo_box>
     <check_box
-     left_pad="20"
+     left_pad="5"
      control_name="ShowPGSims"
      follows="right|top"
      layout="topleft"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="PG"
+     label=""
      mouse_opaque="true"
      name="incpg"
-     width="35" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_PG_Dark"
+     tool_tip="General"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_general"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowMatureSims"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="true"
-     label="Mature"
+     label=""
      mouse_opaque="true"
      name="incmature"
-     width="56" />
+     width="15" />
+     <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_M_Dark"
+     tool_tip="Moderate"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_moderate"
+     width="16"/>
     <check_box
-     left_pad="5"
+     left_pad="4"
+     top_delta="1"
      layout="topleft"
      control_name="ShowAdultSims"
      follows="right|top"
      font="SansSerifSmall"
      height="16"
      initial_value="false"
-     label="Adult"
+     label=""
      mouse_opaque="true"
      name="incadult"
-     width="50" />
+     width="15" />
+    <icon
+     follows="right|top"
+     height="16"
+     top_delta="-1"
+     image_name="Parcel_R_Dark"
+     tool_tip="Adult"
+     layout="topleft"
+     left_pad="2"
+     name="rating_icon_adult"
+     width="16"/>
     <line_editor
      bevel_style="in"
      border_style="line"
      border_thickness="1"
-     top_pad="2"
+     top_pad="3"
      follows="left|right|top"
      layout="topleft"
      font="SansSerif"
@@ -104,7 +136,7 @@
      max_length="63"
      mouse_opaque="true"
      name="name"
-     width="660" />
+     width="650" />
     <button
      follows="right|top"
      layout="topleft"
@@ -116,7 +148,7 @@
      left_pad="5"
      mouse_opaque="true"
      name="Search"
-     width="95" />
+     width="105" />
     <scroll_list
      background_visible="true"
      layout="topleft"
@@ -133,7 +165,6 @@
      search_column="2"
      width="336">
         <column label="" name="icon" width="24" />
-        <column label="" name="type" width="-1" />
         <column dynamicwidth="true" label="Name" name="name" />
         <column label="Traffic" name="dwell" width="75" />
     </scroll_list>
@@ -152,25 +183,33 @@
      v_pad="0"
      width="328" />
     <button
+     image_overlay="Arrow_Left_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     hover_glow_amount="0.15"
+     tool_tip="Previous page"
+     follows="right|bottom"
+     height="22"
+     right="305"
      bottom="-533"
-     follows="left|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="Next &gt;"
-     mouse_opaque="true"
-     name="Next &gt;"
-     right="344"
-     width="80" />
+     name="prev_btn"
+     width="32" />
     <button
-     bottom_delta="0"
-     follows="left|bottom"
-     font="SansSerif"
-     halign="center"
-     height="20"
-     label="&lt; Prev"
-     mouse_opaque="true"
-     name="&lt; Prev"
-     right="258"
-     width="80" />
+     image_overlay="Arrow_Right_Off"
+     image_disabled="PushButton_Disabled"
+     image_disabled_selected="PushButton_Disabled"
+     image_selected="PushButton_Selected"
+     image_unselected="PushButton_Off"
+     chrome="true"
+     tool_tip="Next page"
+     follows="right|bottom"
+     height="22"
+     layout="topleft"
+     left_pad="5"
+     name="next_btn"
+     top_delta="0"
+     width="32"/>
 </panel>