improve combobox and menu design

modules/core_styles/styles/buttons.otui

@@ -30,22 +30,20 @@ TopButton < UIButton
   text-translate: 0 0
   border-image:
     source: /core_styles/images/top_button.png
-    size: 26 26
+    clip: 0 0 26 26
     border: 3
 
   $hover:
     border-image:
       source: /core_styles/images/top_button.png
-      size: 26 26
-      offset: 26 0
+      clip: 26 0 26 26
       border: 3
 
   $pressed:
     text-translate: 1 1
     border-image:
       source: /core_styles/images/top_button.png
-      size: 26 26
-      offset: 52 0
+      clip: 52 0 26 26
       border: 3
 
   $disabled:

modules/core_styles/styles/checkboxes.otui

@@ -12,22 +12,22 @@ CheckBox < UICheckBox
   $!checked:
     image:
       source: /core_styles/images/checkbox.png
-      coords: 0 0 12 12
+      clip: 0 0 12 12
 
   $hover !checked:
     image:
       source: /core_styles/images/checkbox.png
-      coords: 0 12 12 12
+      clip: 0 12 12 12
 
   $checked:
     image:
       source: /core_styles/images/checkbox.png
-      coords: 0 24 12 12
+      clip: 0 24 12 12
 
   $hover checked:
     image:
       source: /core_styles/images/checkbox.png
-      coords: 0 36 12 12
+      clip: 0 36 12 12
 
   $disabled:
     background-color: #ffffff88
@@ -41,12 +41,12 @@ ColorBox < UICheckBox
   $checked:
     image:
       source: /core_styles/images/colorbox.png
-      coords: 16 0 16 16
+      clip: 16 0 16 16
 
   $!checked:
     image:
       source: /core_styles/images/colorbox.png
-      coords: 0 0 16 16
+      clip: 0 0 16 16
 
 ButtonBox < UICheckBox
   font: verdana-11px-antialised

modules/core_styles/styles/comboboxes.otui

@@ -1,6 +1,46 @@
-ComboBoxPopupMenuSeparator < PopupMenuSeparator
-ComboBoxPopupMenuButton < PopupMenuButton
-ComboBoxPopupMenu < PopupMenu
+ComboBoxPopupMenuButton < UIButton
+  font: verdana-11px-antialised
+  background-color: alpha
+  color: #aaaaaa
+  height: 18
+  margin-left: 1
+  margin-right: 1
+  margin-top: 0
+  margin-bottom: 0
+
+  image:
+    source: /core_styles/images/empty_rect.png
+    repeated: true
+
+  $hover:
+    color: #ffffff
+    background-color: #ffffff44
+
+  $disabled:
+    color: #555555
+
+  $first:
+    margin-top: 1
+
+  $last:
+    margin-bottom: 1
+
+ComboBoxPopupMenuSeparator < UIWidget
+  margin-left: 1
+  margin-right: 1
+  image:
+    source: /core_styles/images/combobox.png
+    repeated: true
+    clip: 1 59 89 1
+  height: 1
+  phantom: true
+
+ComboBoxPopupMenu < UIPopupMenu
+  border-image:
+    source: /core_styles/images/combobox.png
+    clip: 0 60 89 20
+    border: 1
+    border.top: 0
 
 ComboBox < UIComboBox
   font: verdana-11px-antialised
@@ -12,3 +52,18 @@ ComboBox < UIComboBox
     source: /core_styles/images/combobox.png
     border: 1
     border.right: 17
+    size: 89 20
+
+  $hover:
+    border-image:
+      source: /core_styles/images/combobox.png
+      border: 1
+      border.right: 17
+      clip: 0 20 89 20
+
+  $on:
+    border-image:
+      source: /core_styles/images/combobox.png
+      border: 1
+      border.right: 17
+      clip: 0 40 89 20

modules/core_styles/styles/popupmenus.otui

@@ -5,6 +5,8 @@ PopupMenuButton < UIButton
   height: 18
   margin-left: 3
   margin-right: 3
+  margin-top: 0
+  margin-bottom: 0
 
   image:
     source: /core_styles/images/empty_rect.png
@@ -26,11 +28,12 @@ PopupMenuButton < UIButton
 PopupMenuSeparator < UIWidget
   margin-left: 2
   margin-right: 2
-  image:
+  border-image:
     source: /core_styles/images/menubox.png
-    repeated: true
-    coords: 3 0 26 3
-  height: 3
+    border.left: 1
+    border.right: 1
+    clip: 0 0 32 2
+  height: 2
   phantom: true
 
 PopupMenu < UIPopupMenu