Experience bar coloration off-center

[s3rial]

I'm modifying Wicked Mouse's Small Mainbar, just trying to compress the experience bar down to fit the bar. Here's where I'm stuck:



There are still little alignment tweaks to work out, I know, but what I can't figure out is the bar's coloration. Why is it darker on the right? I've tried both resizing letterbox_bottom_glass_overlay.tga (the version in the skin's folder is only 610 px wide, and I've removed the dark spot entirely), and in that picture, have it set to 1x1 px to hide it (although it looks to still be showing).

Any idea what's causing this? Halvitur had a thread for a similar issue a few months back, but I don't understand exactly how he fixed it.

Here's my current code if it's of any help:

<?xml version="1.0" encoding="UTF-8"?>
<opt>
		
	<!-- LOTRO Skin by s3rial, modified from Wicked Mouse's Small Main Bar -->
	<!-- Version 1.0 -->
	<!-- http://www.lotrointerface.com -->
		
<SkinName Name="MicroBar"></SkinName>

<!--Main Bar Element Properties-->
<PanelFile ID="ID_UISkin_Toolbar">
	<Element ID="ToolbarField" X="448" Y="1000" Width="1024" Height="200">

		<!-- Main Menu Buttons -->
		<Element ID="ToolBarButton_MainMenu" X="207" Y="138" Width="30" Height="45"> </Element>
		
		<!-- Hide the mess'o'buttons -->
		<Element ID="ToolbarButton_Slot_1" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_Slot_2" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_Slot_3" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_Slot_4" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_Slot_5" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_Slot_6" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_Slot_7" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_1" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_2" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_3" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_4" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_5" X="0" Y="0" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_6" X="1" Y="1" Width="1" Height="1"> </Element>
		<Element ID="ToolbarButton_RightSlot_7" X="1" Y="1" Width="1" Height="1"> </Element>
		
		<Element ID="Toolbar_WebstoreButton" X="752" Y="122" Width="66" Height="69"> </Element>
		<Element ID="ToolbarButton_CustomizeSlots" X="0" Y="0" Width="1" Height="1"> </Element>

		<!-- Define the level meter's frame & text brackets -->
		<Element ID="ToolbarFieldMain_LevelMeter_Left_Cap" X="200" Y="187" Width="17" Height="13"> </Element>
		<Element ID="ToolbarFieldMain_LevelMeter_Mid_Left_Cap" X="406" Y="187" Width="16" Height="13"> </Element>
		<Element ID="ToolbarFieldMain_LevelMeter_Mid_Right_Cap" X="603" Y="187" Width="16" Height="13"> </Element>
		<Element ID="ToolbarFieldMain_LevelMeter_Right_Cap" X="801" Y="187" Width="17" Height="13"> </Element>

		<!-- Compress the level meter -->
		<Element ID="LevelMeter" X="200" Y="181" Width="610" Height="30">
			<Element ID="LevelMeterFill" X="5" Y="7" Width="610" Height="11">
				<Element ID="LevelMeter_BonusMeter" X="0" Y="0" Width="610" Height="11"> </Element>
				<Element ID="meter_fill" X="0" Y="0" Width="305" Height="11">
					<Element ID="meter_fill_image" X="0" Y="0" Width="307" Height="11"> </Element>
				</Element>
			</Element>
			<Element ID="LevelMeterText" X="3" Y="5" Width="610" Height="13"> </Element>
			<Element ID="ToolbarFieldMain_LevelMeter_Glass_Overlay" X="0" Y="7" Width="610" Height="11"> </Element>

		</Element>

	</Element>

</PanelFile>

	<!-- Bottom Bar -->
		<Mapping ArtAssetID="LetterBox_Bottom" FileName="letterbox_bottom.tga"></Mapping>
	</opt>