Updated main menu pages

- Added a home server button.
- Added a HUD Options panel.
- Updated the source schema.
- Updated the backpack, trade, stats, workshop

1 files changed, 215 insertions, 143 deletions

diff --git a/resource/ui/statsummary_embedded.res b/resource/ui/statsummary_embedded.res
index 351b6c7..a6a5f12 100644
--- a/resource/ui/statsummary_embedded.res
+++ b/resource/ui/statsummary_embedded.res
@@ -196,14 +196,14 @@
 			"ControlName"	"EditablePanel"
 			"fieldName"		"AveragesBG"
 			"xpos"			"c-295"
-			"ypos"			"165"
+			"ypos"			"180"
 			"wide"			"600"
-			"tall"			"300"
+			"tall"			"280"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
-			"bgcolor_override"	"TransparentBlack"
+			"bgcolor_override"	"DarkerGrey"
 			"PaintBackgroundType"	"2"
 		}
 		"AveragesLabel"
@@ -243,8 +243,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG1B"
-			"xpos"			"c+30"
-			"ypos"			"230"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -255,6 +255,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG1A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar1A"
 		{
@@ -263,7 +267,7 @@
 			"xpos"			"c-282"
 			"ypos"			"232"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -280,7 +284,7 @@
 			"xpos"			"c-127"
 			"ypos"			"232"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -298,10 +302,10 @@
 			"labelText"		"%classbarlabel1A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"228"
+			"ypos"			"232"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -315,10 +319,10 @@
 			"labelText"		"%classbarlabel1B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"228"
+			"ypos"			"232"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -330,16 +334,20 @@
 			"fieldName"		"ClassLabel1"
 			"font"			"Cerbetica12"
 			"labelText"		"%class1%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"228"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG1B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG2A"
 		{
@@ -362,8 +370,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG2B"
-			"xpos"			"c+30"
-			"ypos"			"248"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -374,6 +382,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG2A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar2A"
 		{
@@ -382,7 +394,7 @@
 			"xpos"			"c-282"
 			"ypos"			"250"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -399,7 +411,7 @@
 			"xpos"			"c-127"
 			"ypos"			"250"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -417,10 +429,10 @@
 			"labelText"		"%classbarlabel2A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"246"
+			"ypos"			"250"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -434,10 +446,10 @@
 			"labelText"		"%classbarlabel2B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"246"
+			"ypos"			"250"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -449,16 +461,20 @@
 			"fieldName"		"ClassLabel2"
 			"font"			"Cerbetica12"
 			"labelText"		"%class2%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"246"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG2B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG3A"
 		{
@@ -481,8 +497,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG3B"
-			"xpos"			"c+30"
-			"ypos"			"266"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -493,6 +509,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG3A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar3A"
 		{
@@ -501,7 +521,7 @@
 			"xpos"			"c-282"
 			"ypos"			"268"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -518,7 +538,7 @@
 			"xpos"			"c-127"
 			"ypos"			"268"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -536,10 +556,10 @@
 			"labelText"		"%classbarlabel3A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"264"
+			"ypos"			"268"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -553,10 +573,10 @@
 			"labelText"		"%classbarlabel3B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"264"
+			"ypos"			"268"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -568,16 +588,20 @@
 			"fieldName"		"ClassLabel3"
 			"font"			"Cerbetica12"
 			"labelText"		"%class3%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"264"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG3B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG4A"
 		{
@@ -600,8 +624,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG4B"
-			"xpos"			"c+30"
-			"ypos"			"284"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -612,6 +636,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG4A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar4A"
 		{
@@ -620,7 +648,7 @@
 			"xpos"			"c-282"
 			"ypos"			"286"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -637,7 +665,7 @@
 			"xpos"			"c-127"
 			"ypos"			"286"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -655,10 +683,10 @@
 			"labelText"		"%classbarlabel4A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"282"
+			"ypos"			"286"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -672,10 +700,10 @@
 			"labelText"		"%classbarlabel4B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"282"
+			"ypos"			"286"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -687,16 +715,20 @@
 			"fieldName"		"ClassLabel4"
 			"font"			"Cerbetica12"
 			"labelText"		"%class4%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"282"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG4B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG5A"
 		{
@@ -719,8 +751,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG5B"
-			"xpos"			"c+30"
-			"ypos"			"302"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -731,6 +763,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG5A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar5A"
 		{
@@ -739,7 +775,7 @@
 			"xpos"			"c-282"
 			"ypos"			"304"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -756,7 +792,7 @@
 			"xpos"			"c-127"
 			"ypos"			"304"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -774,10 +810,10 @@
 			"labelText"		"%classbarlabel5A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"300"
+			"ypos"			"304"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -791,10 +827,10 @@
 			"labelText"		"%classbarlabel5B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"300"
+			"ypos"			"304"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -806,16 +842,20 @@
 			"fieldName"		"ClassLabel5"
 			"font"			"Cerbetica12"
 			"labelText"		"%class5%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"300"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"282"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG5B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG6A"
 		{
@@ -838,8 +878,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG6B"
-			"xpos"			"c+30"
-			"ypos"			"320"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -850,6 +890,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG6A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar6A"
 		{
@@ -858,7 +902,7 @@
 			"xpos"			"c-282"
 			"ypos"			"322"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -875,7 +919,7 @@
 			"xpos"			"c-127"
 			"ypos"			"322"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -893,10 +937,10 @@
 			"labelText"		"%classbarlabel6A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"318"
+			"ypos"			"322"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -910,10 +954,10 @@
 			"labelText"		"%classbarlabel6B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"318"
+			"ypos"			"322"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -925,16 +969,20 @@
 			"fieldName"		"ClassLabel6"
 			"font"			"Cerbetica12"
 			"labelText"		"%class6%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"318"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG6B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG7A"
 		{
@@ -957,8 +1005,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG7B"
-			"xpos"			"c+30"
-			"ypos"			"338"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -969,6 +1017,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG7A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar7A"
 		{
@@ -977,7 +1029,7 @@
 			"xpos"			"c-282"
 			"ypos"			"340"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -994,7 +1046,7 @@
 			"xpos"			"c-127"
 			"ypos"			"340"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -1012,10 +1064,10 @@
 			"labelText"		"%classbarlabel7A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"336"
+			"ypos"			"340"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -1029,10 +1081,10 @@
 			"labelText"		"%classbarlabel7B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"336"
+			"ypos"			"340"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -1044,16 +1096,20 @@
 			"fieldName"		"ClassLabel7"
 			"font"			"Cerbetica12"
 			"labelText"		"%class7%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"336"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG7B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG8A"
 		{
@@ -1076,8 +1132,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG8B"
-			"xpos"			"c+30"
-			"ypos"			"356"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -1088,6 +1144,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG8A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar8A"
 		{
@@ -1096,7 +1156,7 @@
 			"xpos"			"c-282"
 			"ypos"			"358"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -1113,7 +1173,7 @@
 			"xpos"			"c-127"
 			"ypos"			"358"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -1131,10 +1191,10 @@
 			"labelText"		"%classbarlabel8A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"354"
+			"ypos"			"358"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -1148,10 +1208,10 @@
 			"labelText"		"%classbarlabel8B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"354"
+			"ypos"			"358"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -1163,16 +1223,20 @@
 			"fieldName"		"ClassLabel8"
 			"font"			"Cerbetica12"
 			"labelText"		"%class8%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"354"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG8B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"ClassBarBG9A"
 		{
@@ -1195,8 +1259,8 @@
 		{
 			"ControlName"	"ImagePanel"
 			"fieldName"		"ClassBarBG9B"
-			"xpos"			"c+30"
-			"ypos"			"374"
+			"xpos"			"5"
+			"ypos"			"0"
 			"zpos"			"2"
 			"wide"			"70"
 			"tall"			"16"
@@ -1207,6 +1271,10 @@
 			"tabPosition"	"0"
 			"fillcolor"		"0 0 0 80"
 			"PaintBackgroundType"	"0"
+
+			"pin_to_sibling"		"ClassBarBG9A"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPRIGHT"
 		}
 		"ClassBar9A"
 		{
@@ -1215,7 +1283,7 @@
 			"xpos"			"c-282"
 			"ypos"			"376"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -1232,7 +1300,7 @@
 			"xpos"			"c-127"
 			"ypos"			"376"
 			"zpos"			"3"
-			"wide"			"151"
+			"wide"			"150"
 			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
@@ -1250,10 +1318,10 @@
 			"labelText"		"%classbarlabel9A%"
 			"textAlignment"	"west"
 			"xpos"			"c-282"
-			"ypos"			"372"
+			"ypos"			"376"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -1267,10 +1335,10 @@
 			"labelText"		"%classbarlabel9B%"
 			"textAlignment"	"west"
 			"xpos"			"c-127"
-			"ypos"			"372"
+			"ypos"			"376"
 			"zpos"			"6"
-			"wide"			"100"
-			"tall"			"20"
+			"wide"			"150"
+			"tall"			"12"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
@@ -1282,30 +1350,34 @@
 			"fieldName"		"ClassLabel9"
 			"font"			"Cerbetica12"
 			"labelText"		"%class9%"
-			"textAlignment"	"west"
-			"xpos"			"c+34"
-			"ypos"			"372"
+			"textAlignment"	"center"
+			"xpos"			"0"
+			"ypos"			"0"
 			"zpos"			"5"
-			"wide"			"300"
-			"tall"			"20"
+			"wide"			"70"
+			"tall"			"16"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
+
+			"pin_to_sibling"		"ClassBarBG9B"
+			"pin_corner_to_sibling"	"PIN_TOPLEFT"
+			"pin_to_sibling_corner"	"PIN_TOPLEFT"
 		}
 		"RecordsBG"
 		{
 			"ControlName"	"EditablePanel"
 			"fieldName"		"RecordsBG"
 			"xpos"			"9999"
-			"ypos"			"9999"
+			"ypos"			"0"
 			"wide"			"200"
 			"tall"			"260"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
-			"bgcolor_override"	"15 15 15 255"
+			"bgcolor_override"	"DarkerGrey"
 		}
 		"RecordsLabel1"
 		{
@@ -1331,13 +1403,13 @@
 			"ypos"			"230"
 			"zpos"			"2"
 			"wide"			"167"
-			"tall"			"160"
+			"tall"			"0"
 			"autoResize"	"0"
 			"pinCorner"		"0"
 			"visible"		"1"
 			"enabled"		"1"
 			"tabPosition"	"0"
-			"fillcolor"		"0 0 0 80"
+			"fillcolor"		"DarkerGrey"
 			"PaintBackgroundType"	"0"
 		}
 		"RecordsLabel"
@@ -1873,7 +1945,7 @@
 	{
 		"ControlName"	"CTFImagePanel"
 		"fieldName"		"TipImage"
-		"xpos"			"c-285"
+		"xpos"			"c-283"
 		"ypos"			"270"
 		"zpos"			"12"
 		"wide"			"35"