Ok lets see what we can do.
We can assume the UI is in the proper directory structure since you can see it in game.
As for the code, as per the directions in the SkinDefinition.xml file.
Not knowing what your resolution is here are a two widescreen and two normal screen resolutions as examples.
If one of these is not yours just substitute your numbers for X and Y.
If you're resolution is 1600 x 900 (Widescreen).
X = "x-value"
X = "(1600 - 612) / 2 = 494"
X = "494"
Y = "y-value"
Y = "900 - 85 = 815"
Y = "815"
If you're resolution is 1680 x 1050 (Widescreen).
X = "x-value"
X = "(1680- 612) / 2 = 534"
X = "534"
Y = "y-value"
Y = "1050 - 85 = 965"
Y = "965"
If you're resolution is 1280 x 1024.
X = "x-value"
X = "(1280 - 612) / 2 = 334"
X = "334"
Y = "y-value"
Y = "1024 - 85 = 939"
Y = "939"
If you're resolution is 1280 x 768.
X = "x-value"
X = "(1280 - 612) / 2 = 334"
X = "334"
Y = "y-value"
Y = "768 - 85 = 683"
Y = "683"
Now input the numbers that work with your resolution into the code:
1680 x 1050 (Widescreen) used in example below.
<PanelFile ID="toolbar">
<Element ID="ToolbarField" X="534" Y="965" Width="612" Height="85" Detach="1">
Now load the game select the UI accept it and then quit the game and log back in.
If the UI does not look right after this then I differ to the more knowledgable people here to help.