diff --git a/mods/d2k/chrome.yaml b/mods/d2k/chrome.yaml
index 4ae04ffb7b..23faff205f 100644
--- a/mods/d2k/chrome.yaml
+++ b/mods/d2k/chrome.yaml
@@ -176,6 +176,7 @@ flags: buttons.png
 	random: 67,86,23,21
 	spectator: 67,86,23,21
 
+# Used for the menu	
 dialog: dialog.png
 	background: 0,0,480,480
 	border-r: 489,0,9,192
@@ -186,7 +187,8 @@ dialog: dialog.png
 	corner-tr: 200,480,9,9
 	corner-bl: 191,489,9,9
 	corner-br: 200,489,9,9	
-	
+
+# Same as a normal button 		
 dialog2: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -198,6 +200,7 @@ dialog2: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
+# Same as a pressed button 	
 dialog3: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -209,6 +212,7 @@ dialog3: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
+# Same as the half transparent frame used in the Asset Browser	
 dialog4: dialog.png
 	background: 517,392,54,54
 	border-t: 517,387,54,6
@@ -261,7 +265,7 @@ scrollbar: buttons.png
 	up_arrow: 32,112,16,16
 	up_pressed: 32,112,16,16
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 progressbar-bg: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -273,7 +277,7 @@ progressbar-bg: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 progressbar-thumb: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -285,7 +289,7 @@ progressbar-thumb: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 button: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -297,7 +301,6 @@ button: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
 button-hover: dialog.png
 	background: 513,130,126,126
 	border-r: 639,130,1,126
@@ -309,19 +312,7 @@ button-hover: dialog.png
 	corner-bl: 512,256,1,1
 	corner-br: 639,256,1,1
 
-# A copy of dialog2
-button-disabled: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
-
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 button-pressed: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -333,6 +324,19 @@ button-pressed: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
+# A copy of dialog2 (normal button)
+button-disabled: dialog.png
+	background: 513,1,126,126
+	border-r: 639,1,1,126
+	border-l: 512,1,1,126
+	border-b: 513,127,126,1
+	border-t: 513,0,126,1
+	corner-tl: 512,0,1,1
+	corner-tr: 639,0,1,1
+	corner-bl: 512,127,1,1
+	corner-br: 639,127,1,1
+	
+# A copy of dialog2 (normal button)	
 scrollthumb: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -344,31 +348,19 @@ scrollthumb: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of button-hover
 scrollthumb-hover: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+	background: 513,130,126,126
+	border-r: 639,130,1,126
+	border-l: 512,130,1,126
+	border-b: 513,256,126,1
+	border-t: 513,129,126,1
+	corner-tl: 512,129,1,1
+	corner-tr: 639,129,1,1
+	corner-bl: 512,256,1,1
+	corner-br: 639,256,1,1
 
-# A copy of dialog2
-scrollthumb-disabled: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
-
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollthumb-pressed: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -379,8 +371,20 @@ scrollthumb-pressed: dialog.png
 	corner-tr: 767,0,1,1
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
-
-# A copy of dialog3
+	
+# A copy of dialog2 (normal button)
+scrollthumb-disabled: dialog.png
+	background: 513,1,126,126
+	border-r: 639,1,1,126
+	border-l: 512,1,1,126
+	border-b: 513,127,126,1
+	border-t: 513,0,126,1
+	corner-tl: 512,0,1,1
+	corner-tr: 639,0,1,1
+	corner-bl: 512,127,1,1
+	corner-br: 639,127,1,1
+	
+# A copy of dialog3 (pressed button)
 textfield: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -392,7 +396,7 @@ textfield: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-hover: dialog.png
 	background: 641,130,126,126
 	border-r: 767,130,1,126
@@ -404,7 +408,7 @@ textfield-hover: dialog.png
 	corner-bl: 640,256,1,1
 	corner-br: 767,256,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-disabled: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -416,7 +420,7 @@ textfield-disabled: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-focused: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -428,7 +432,7 @@ textfield-focused: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollpanel-bg: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -441,7 +445,7 @@ scrollpanel-bg: dialog.png
 	corner-br: 767,127,1,1
 
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 slider-tick: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -453,19 +457,19 @@ slider-tick: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 slider-track: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
+	background: 513,1,126,126
+	border-r: 639,1,1,126
+	border-l: 512,1,1,126
+	border-b: 513,127,126,1
+	border-t: 513,0,126,1
+	corner-tl: 512,0,1,1
+	corner-tr: 639,0,1,1
+	corner-bl: 512,127,1,1
+	corner-br: 639,127,1,1
 	
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -480,7 +484,7 @@ checkbox: dialog.png
 checkbox-bits: buttons.png
 	checked: 0,112,16,16
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox-hover: dialog.png
 	background: 641,130,126,126
 	border-r: 767,130,1,126
@@ -492,7 +496,7 @@ checkbox-hover: dialog.png
 	corner-bl: 640,256,1,1
 	corner-br: 767,256,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox-disabled: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -504,7 +508,7 @@ checkbox-disabled: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollitem-selected: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -516,7 +520,7 @@ scrollitem-selected: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 scrollitem-hover: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -528,7 +532,7 @@ scrollitem-hover: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollheader-selected: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
diff --git a/mods/ra/chrome.yaml b/mods/ra/chrome.yaml
index b3615d8cd0..6fadf9b293 100644
--- a/mods/ra/chrome.yaml
+++ b/mods/ra/chrome.yaml
@@ -120,6 +120,7 @@ tabs-normal: tabs.png
 	soviet-Helicopter: 54,160,27,41
 	soviet-Ship: 134,200,27,41
 
+# Used for the menu	
 dialog: dialog.png
 	background: 0,0,480,480
 	border-r: 489,0,9,192
@@ -130,7 +131,8 @@ dialog: dialog.png
 	corner-tr: 200,480,9,9
 	corner-bl: 191,489,9,9
 	corner-br: 200,489,9,9	
-	
+
+# Same as a normal button 	
 dialog2: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -142,6 +144,7 @@ dialog2: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
+# Same as a pressed button 	
 dialog3: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -153,6 +156,7 @@ dialog3: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
+# Same as the half transparent frame used in the Asset Browser
 dialog4: dialog.png
 	background: 517,392,54,54
 	border-t: 517,387,54,6
@@ -211,7 +215,7 @@ scrollbar: buttons.png
 	up_arrow: 32,112,16,16
 	up_pressed: 32,112,16,16
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 progressbar-bg: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -223,7 +227,7 @@ progressbar-bg: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 progressbar-thumb: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -235,7 +239,7 @@ progressbar-thumb: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 button: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -247,18 +251,6 @@ button: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-button-highlighted: dialog.png
-	background: 513,259,126,126
-	border-r: 639,259,1,126
-	border-l: 512,259,1,126
-	border-b: 513,385,126,1
-	border-t: 513,258,126,1
-	corner-tl: 512,258,1,1
-	corner-tr: 639,258,1,1
-	corner-bl: 512,385,1,1
-	corner-br: 639,385,1,1
-
-# A copy of dialog2
 button-hover: dialog.png
 	background: 513,130,126,126
 	border-r: 639,130,1,126
@@ -268,20 +260,21 @@ button-hover: dialog.png
 	corner-tl: 512,129,1,1
 	corner-tr: 639,129,1,1
 	corner-bl: 512,256,1,1
-	corner-br: 639,256,1,1
-
-button-highlighted-hover: dialog.png
-	background: 513,259,126,126
-	border-r: 639,259,1,126
-	border-l: 512,259,1,126
-	border-b: 513,385,126,1
-	border-t: 513,258,126,1
-	corner-tl: 512,258,1,1
-	corner-tr: 639,258,1,1
-	corner-bl: 512,385,1,1
-	corner-br: 639,385,1,1
-
-# A copy of dialog2
+	corner-br: 639,256,1,1	
+	
+# A copy of dialog3 (pressed button)
+button-pressed: dialog.png
+	background: 641,1,126,126
+	border-r: 767,1,1,126
+	border-l: 640,1,1,126
+	border-b: 641,127,126,1
+	border-t: 641,0,126,1
+	corner-tl: 640,0,1,1
+	corner-tr: 767,0,1,1
+	corner-bl: 640,127,1,1
+	corner-br: 767,127,1,1
+	
+# A copy of dialog2 (normal button)
 button-disabled: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -293,6 +286,42 @@ button-disabled: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
+# A yellow (normal) button	
+button-highlighted: dialog.png
+	background: 513,259,126,126
+	border-r: 639,259,1,126
+	border-l: 512,259,1,126
+	border-b: 513,385,126,1
+	border-t: 513,258,126,1
+	corner-tl: 512,258,1,1
+	corner-tr: 639,258,1,1
+	corner-bl: 512,385,1,1
+	corner-br: 639,385,1,1
+
+# A copy of button-highlighted
+button-highlighted-hover: dialog.png
+	background: 513,259,126,126
+	border-r: 639,259,1,126
+	border-l: 512,259,1,126
+	border-b: 513,385,126,1
+	border-t: 513,258,126,1
+	corner-tl: 512,258,1,1
+	corner-tr: 639,258,1,1
+	corner-bl: 512,385,1,1
+	corner-br: 639,385,1,1
+	
+button-highlighted-pressed: dialog.png
+	background: 641,259,126,126
+	border-r: 767,259,1,126
+	border-l: 640,259,1,126
+	border-b: 641,385,126,1
+	border-t: 641,258,126,1
+	corner-tl: 640,258,1,1
+	corner-tr: 767,258,1,1
+	corner-bl: 640,385,1,1
+	corner-br: 767,385,1,1
+
+# A copy of	button-highlighted
 button-highlighted-disabled: dialog.png
 	background: 513,259,126,126
 	border-r: 639,259,1,126
@@ -304,29 +333,7 @@ button-highlighted-disabled: dialog.png
 	corner-bl: 512,385,1,1
 	corner-br: 639,385,1,1
 
-# A copy of dialog3
-button-pressed: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
-
-button-highlighted-pressed: dialog.png
-	background: 641,145,126,126
-	border-r: 767,145,1,126
-	border-l: 640,145,1,126
-	border-b: 641,271,126,1
-	border-t: 641,144,126,1
-	corner-tl: 640,144,1,1
-	corner-tr: 767,144,1,1
-	corner-bl: 640,271,1,1
-	corner-br: 767,271,1,1
-
+# A copy of dialog2 (normal button)
 scrollthumb: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -338,31 +345,19 @@ scrollthumb: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of button-hover
 scrollthumb-hover: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
-
-# A copy of dialog2
-scrollthumb-disabled: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
-
-# A copy of dialog3
+	background: 513,130,126,126
+	border-r: 639,130,1,126
+	border-l: 512,130,1,126
+	border-b: 513,256,126,1
+	border-t: 513,129,126,1
+	corner-tl: 512,129,1,1
+	corner-tr: 639,129,1,1
+	corner-bl: 512,256,1,1
+	corner-br: 639,256,1,1
+	
+# A copy of dialog3 (pressed button)
 scrollthumb-pressed: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -373,8 +368,20 @@ scrollthumb-pressed: dialog.png
 	corner-tr: 767,0,1,1
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
-
-# A copy of dialog3
+	
+# A copy of dialog2 (normal button)
+scrollthumb-disabled: dialog.png
+	background: 513,1,126,126
+	border-r: 639,1,1,126
+	border-l: 512,1,1,126
+	border-b: 513,127,126,1
+	border-t: 513,0,126,1
+	corner-tl: 512,0,1,1
+	corner-tr: 639,0,1,1
+	corner-bl: 512,127,1,1
+	corner-br: 639,127,1,1
+	
+# A copy of dialog3 (pressed button)
 textfield: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -398,7 +405,7 @@ textfield-hover: dialog.png
 	corner-bl: 640,256,1,1
 	corner-br: 767,256,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-disabled: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -410,7 +417,7 @@ textfield-disabled: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-focused: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -422,7 +429,7 @@ textfield-focused: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollpanel-bg: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -434,8 +441,7 @@ scrollpanel-bg: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 slider-tick: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -447,7 +453,7 @@ slider-tick: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 slider-track: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -459,7 +465,7 @@ slider-track: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 	
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -474,7 +480,6 @@ checkbox: dialog.png
 checkbox-bits: buttons.png
 	checked: 0,112,16,16
 
-
 checkbox-hover: dialog.png
 	background: 641,130,126,126
 	border-r: 767,130,1,126
@@ -486,7 +491,7 @@ checkbox-hover: dialog.png
 	corner-bl: 640,256,1,1
 	corner-br: 767,256,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox-disabled: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -498,7 +503,7 @@ checkbox-disabled: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollitem-selected: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -510,7 +515,7 @@ scrollitem-selected: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 scrollitem-hover: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -522,7 +527,7 @@ scrollitem-hover: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 scrollheader-selected: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
diff --git a/mods/ts/chrome.yaml b/mods/ts/chrome.yaml
index 80ed0ad74f..a398570389 100644
--- a/mods/ts/chrome.yaml
+++ b/mods/ts/chrome.yaml
@@ -114,7 +114,7 @@ tabs-normal: tabs.png
 	nod-Air: 134,160,27,41
 	nod-Ship: 134,200,27,41
 
-	
+# Used for the menu
 dialog: dialog.png
 	background: 0,0,480,480
 	border-r: 483,0,9,153
@@ -125,7 +125,8 @@ dialog: dialog.png
 	corner-tr: 415,481,21,21
 	corner-bl: 437,481,21,21
 	corner-br: 459,481,21,21
-	
+
+# Same as a normal button 
 dialog2: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -137,6 +138,7 @@ dialog2: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
+# Same as a pressed button 
 dialog3: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -148,6 +150,7 @@ dialog3: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
+# Same as the half transparent frame used in the Asset Browser
 dialog4: dialog.png
 	background: 517,392,54,54
 	border-t: 517,387,54,6
@@ -206,7 +209,7 @@ scrollbar: buttons.png
 	up_arrow: 32,112,16,16
 	up_pressed: 32,112,16,16
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 progressbar-bg: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -218,7 +221,7 @@ progressbar-bg: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 progressbar-thumb: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -230,7 +233,7 @@ progressbar-thumb: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 button: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -242,6 +245,42 @@ button: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
+button-hover: dialog.png
+	background: 513,130,126,126
+	border-r: 639,130,1,126
+	border-l: 512,130,1,126
+	border-b: 513,256,126,1
+	border-t: 513,129,126,1
+	corner-tl: 512,129,1,1
+	corner-tr: 639,129,1,1
+	corner-bl: 512,256,1,1
+	corner-br: 639,256,1,1	
+	
+# A copy of dialog3 (pressed button)
+button-pressed: dialog.png
+	background: 641,1,126,126
+	border-r: 767,1,1,126
+	border-l: 640,1,1,126
+	border-b: 641,127,126,1
+	border-t: 641,0,126,1
+	corner-tl: 640,0,1,1
+	corner-tr: 767,0,1,1
+	corner-bl: 640,127,1,1
+	corner-br: 767,127,1,1	
+	
+# A copy of dialog2 (normal button)
+button-disabled: dialog.png
+	background: 513,1,126,126
+	border-r: 639,1,1,126
+	border-l: 512,1,1,126
+	border-b: 513,127,126,1
+	border-t: 513,0,126,1
+	corner-tl: 512,0,1,1
+	corner-tr: 639,0,1,1
+	corner-bl: 512,127,1,1
+	corner-br: 639,127,1,1	
+	
+# No artwork yet in dialog.png
 button-highlighted: dialog.png
 	background: 513,259,126,126
 	border-r: 639,259,1,126
@@ -253,18 +292,8 @@ button-highlighted: dialog.png
 	corner-bl: 512,385,1,1
 	corner-br: 639,385,1,1
 
-# A copy of dialog2
-button-hover: dialog.png
-	background: 513,130,126,126
-	border-r: 639,130,1,126
-	border-l: 512,130,1,126
-	border-b: 513,256,126,1
-	border-t: 513,129,126,1
-	corner-tl: 512,129,1,1
-	corner-tr: 639,129,1,1
-	corner-bl: 512,256,1,1
-	corner-br: 639,256,1,1
-	
+# No artwork yet in dialog.png	
+# A copy of button-highlighted
 button-highlighted-hover: dialog.png
 	background: 513,259,126,126
 	border-r: 639,259,1,126
@@ -276,18 +305,20 @@ button-highlighted-hover: dialog.png
 	corner-bl: 512,385,1,1
 	corner-br: 639,385,1,1
 
-# A copy of dialog2
-button-disabled: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+# No artwork yet in dialog.png
+button-highlighted-pressed: dialog.png
+	background: 641,145,126,126
+	border-r: 767,145,1,126
+	border-l: 640,145,1,126
+	border-b: 641,271,126,1
+	border-t: 641,144,126,1
+	corner-tl: 640,144,1,1
+	corner-tr: 767,144,1,1
+	corner-bl: 640,271,1,1
+	corner-br: 767,271,1,1	
 
+# No artwork yet in dialog.png	
+# A copy of	button-highlighted
 button-highlighted-disabled: dialog.png
 	background: 513,259,126,126
 	border-r: 639,259,1,126
@@ -299,29 +330,7 @@ button-highlighted-disabled: dialog.png
 	corner-bl: 512,385,1,1
 	corner-br: 639,385,1,1
 
-# A copy of dialog3
-button-pressed: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
-
-button-highlighted-pressed: dialog.png
-	background: 641,145,126,126
-	border-r: 767,145,1,126
-	border-l: 640,145,1,126
-	border-b: 641,271,126,1
-	border-t: 641,144,126,1
-	corner-tl: 640,144,1,1
-	corner-tr: 767,144,1,1
-	corner-bl: 640,271,1,1
-	corner-br: 767,271,1,1
-
+# A copy of dialog2 (normal button)
 scrollthumb: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -333,19 +342,31 @@ scrollthumb: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog2
+# A copy of button-hover
 scrollthumb-hover: dialog.png
-	background: 513,1,126,126
-	border-r: 639,1,1,126
-	border-l: 512,1,1,126
-	border-b: 513,127,126,1
-	border-t: 513,0,126,1
-	corner-tl: 512,0,1,1
-	corner-tr: 639,0,1,1
-	corner-bl: 512,127,1,1
-	corner-br: 639,127,1,1
+	background: 513,130,126,126
+	border-r: 639,130,1,126
+	border-l: 512,130,1,126
+	border-b: 513,256,126,1
+	border-t: 513,129,126,1
+	corner-tl: 512,129,1,1
+	corner-tr: 639,129,1,1
+	corner-bl: 512,256,1,1
+	corner-br: 639,256,1,1
 
-# A copy of dialog2
+# A copy of dialog3 (pressed button)
+scrollthumb-pressed: dialog.png
+	background: 641,1,126,126
+	border-r: 767,1,1,126
+	border-l: 640,1,1,126
+	border-b: 641,127,126,1
+	border-t: 641,0,126,1
+	corner-tl: 640,0,1,1
+	corner-tr: 767,0,1,1
+	corner-bl: 640,127,1,1
+	corner-br: 767,127,1,1
+	
+# A copy of dialog2 (normal button)
 scrollthumb-disabled: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -357,19 +378,7 @@ scrollthumb-disabled: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog3
-scrollthumb-pressed: dialog.png
-	background: 641,1,126,126
-	border-r: 767,1,1,126
-	border-l: 640,1,1,126
-	border-b: 641,127,126,1
-	border-t: 641,0,126,1
-	corner-tl: 640,0,1,1
-	corner-tr: 767,0,1,1
-	corner-bl: 640,127,1,1
-	corner-br: 767,127,1,1
-
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -381,7 +390,7 @@ textfield: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of checkbox-hover 
 textfield-hover: dialog.png
 	background: 641,130,126,126
 	border-r: 767,130,1,126
@@ -393,7 +402,7 @@ textfield-hover: dialog.png
 	corner-bl: 640,256,1,1
 	corner-br: 767,256,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-disabled: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -405,7 +414,7 @@ textfield-disabled: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 textfield-focused: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -417,7 +426,7 @@ textfield-focused: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollpanel-bg: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -430,7 +439,7 @@ scrollpanel-bg: dialog.png
 	corner-br: 767,127,1,1
 
 
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 slider-tick: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -442,7 +451,7 @@ slider-tick: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 slider-track: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -454,7 +463,7 @@ slider-track: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -469,7 +478,6 @@ checkbox: dialog.png
 checkbox-bits: buttons.png
 	checked: 0,112,16,16
 
-
 checkbox-hover: dialog.png
 	background: 641,130,126,126
 	border-r: 767,130,1,126
@@ -481,7 +489,7 @@ checkbox-hover: dialog.png
 	corner-bl: 640,256,1,1
 	corner-br: 767,256,1,1
 
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 checkbox-disabled: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -493,7 +501,7 @@ checkbox-disabled: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog3
+# A copy of dialog3 (pressed button)
 scrollitem-selected: dialog.png
 	background: 641,1,126,126
 	border-r: 767,1,1,126
@@ -505,7 +513,7 @@ scrollitem-selected: dialog.png
 	corner-bl: 640,127,1,1
 	corner-br: 767,127,1,1
 	
-# A copy of dialog2
+# A copy of dialog2 (normal button)
 scrollitem-hover: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -517,7 +525,7 @@ scrollitem-hover: dialog.png
 	corner-bl: 512,127,1,1
 	corner-br: 639,127,1,1
 
-# A copy of dialog3
+# A copy of dialog2 (normal button)
 scrollheader-selected: dialog.png
 	background: 513,1,126,126
 	border-r: 639,1,1,126
@@ -532,6 +540,7 @@ scrollheader-selected: dialog.png
 logos: loadscreen.png
 	logo: 0,0,256,256
 
+# No artwork yet in dialog.png		
 mainmenu-border: dialog.png
 	background: 688,427,40,40
 	border-r: 728,427,40,40