GUI Updates:

* Implemented Jason's new tabs for portraits. Shuffled buttons around a
bit.
* Started on Status Pane elements ... portrait, health and stamina bars,
garrison and supply counters, and descriptive text.

This was SVN commit r3585.

binaries/data/mods/official/entities/template_gaia_flora_bush_berry.xml

@@ -11,7 +11,8 @@
 			<Generic>Berry Bush</Generic>
  			<Specific>Berry Bush</Specific>
 
- 			<Icon>flora_deciduotree</Icon>
+ 			<Icon>PortraitSheetTree</Icon>
+			<Icon_Cell>2</Icon_Cell>			
 
 			<Classes>Resource</Classes>
 

binaries/data/mods/official/entities/template_gaia_flora_tree.xml

@@ -11,7 +11,8 @@
 
 			<Generic>Tree</Generic>
 
- 			<Icon>flora_deciduotree</Icon>
+ 			<Icon>PortraitSheetTree</Icon>
+			<Icon_Cell>0</Icon_Cell>			
 			
 			<Classes>Tree, Resource</Classes>
 

binaries/data/mods/official/entities/template_gaia_geo_mineral.xml

@@ -9,6 +9,9 @@
 			<Internal_Only />
 
 			<Generic>Mineral</Generic>
+			
+ 			<Icon>PortraitSheetRock</Icon>			
+			<Icon_Cell>1</Icon_Cell>			
 
 			<Classes>Mineral</Classes>
 

binaries/data/mods/official/entities/template_gaia_geo_rock.xml

@@ -9,9 +9,11 @@
 			<Internal_Only />
 
 			<Generic>Rock</Generic>
-			
 			<Specific>Rock</Specific>			
 
+ 			<Icon>PortraitSheetRock</Icon>			
+			<Icon_Cell>0</Icon_Cell>			
+
 			<Classes>Rock</Classes>
 
 			<Rollover>A lump of hard common mineral.  It can be mined to provide stone building material.</Rollover>

binaries/data/mods/official/entities/template_structure_gaia_settlement.xml

@@ -9,10 +9,12 @@
 			<Internal_Only />
 
 			<Generic>Gaia Building</Generic>
-			
 			<Specific>Settlement</Specific>
 			
 			<Civ>Gaia</Civ>
+			
+ 			<Icon>PortraitSheetSpecial</Icon>			
+			<Icon_Cell>1</Icon_Cell>			
 
 			<Classes>Building, Gaia, Special, Settlement</Classes>
 

binaries/data/mods/official/entities/template_unit_fauna.xml

@@ -11,6 +11,9 @@
 			<Generic>Fauna</Generic>
 			
 			<Civ>Gaia</Civ>
+			
+ 			<Icon>PortraitSheetAnimal</Icon>			
+			<Icon_Cell>0</Icon_Cell>			
 
 			<Classes>Gaia, Fauna</Classes>
 			

binaries/data/mods/official/gui/test/4_session.xml

@@ -233,7 +233,7 @@
 					hotkey="selection.snap"
 				>
 					<action on="Load"><![CDATA[
-						addCrd (this.name, rb, 0, 0, 5, 5, 
+						addCrd (this.name, rb, 0, 0, 7, 11, 
 							snConst.Portrait.Lrg.Width, snConst.Portrait.Lrg.Height);
 						addCrd (this.name, lb, 100, 100);	
 						addCrd (this.name, lt, 100, 0);
@@ -245,6 +245,105 @@
 							setCameraTarget(selection[0].position); 
 					]]></action>
 				</object>
+				
+				<object	name="snStatusPaneRank"
+					style="snObject"
+					type="text"
+					sprite="snIconSheetRank"
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPanePortrait");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x,
+								currCrd.coord[rb].y, 25, 25);					
+					]]></action>
+				</object>				
+				
+				<object	name="snStatusPaneHealthBar"
+					style="snGreenBar"
+					type="progressbar"
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPanePortrait");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x+2,
+								currCrd.coord[rb].y+currCrd.coord[rb].height+4, 46, 8);					
+					]]></action>
+				</object>				
+				
+				<object	name="snStatusPaneStaminaBar"
+					style="snBlueBar"
+					type="progressbar"
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPaneHealthBar");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x,
+								currCrd.coord[rb].y+currCrd.coord[rb].height, 46, 8);					
+					]]></action>
+				</object>				
+				
+				<object	name="snStatusPaneText"
+					style="snObject"
+					type="text"
+					buffer_zone="5"
+					text_align="left"
+					textcolor="white"
+					text_valign="top"					
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPanePortrait");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x+currCrd.coord[rb].width+3,
+								currCrd.coord[rb].y-1, 190, currCrd.coord[rb].height);					
+					]]></action>
+				</object>	
+				
+				<object	name="snStatusPaneSupplyIcon"
+					style="snObject"
+					type="text"
+					cell_id="0"					
+					sprite="snIconSheetResource"					
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPaneText");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x,
+								currCrd.coord[rb].y+currCrd.coord[rb].height+2, 20, 20);					
+					]]></action>
+				</object>				
+				
+				<object	name="snStatusPaneSupply"
+					style="snObject"
+					type="text"
+					sprite="bkDarkGrayBorderBlack"
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPaneSupplyIcon");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x+currCrd.coord[rb].width,
+								currCrd.coord[rb].y, 64, currCrd.coord[rb].height);					
+					]]></action>
+				</object>				
+				
+				<object	name="snStatusPaneGarrisonIcon"
+					style="snObject"
+					type="text"
+					cell_id="0"					
+					sprite="snIconSheetGarrison"					
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPaneSupply");
+						addCrds (this.name, 0, 0, currCrd.coord[rb].x+currCrd.coord[rb].width,
+								currCrd.coord[rb].y, getCrd ("snStatusPaneSupplyIcon").coord[rb].width, getCrd ("snStatusPaneSupply").coord[rb].height);					
+					]]></action>
+				</object>
+
+				<object	name="snStatusPaneGarrison"
+					style="snObject"
+					type="text"
+					sprite="bkDarkGrayBorderBlack"
+				>
+					<action on="Load"><![CDATA[
+						currCrd = getCrd ("snStatusPaneSupply");
+						addCrds (this.name, 0, 0, getCrd("snStatusPaneGarrisonIcon").coord[rb].x+getCrd("snStatusPaneGarrisonIcon").coord[rb].width, getCrd("snStatusPaneGarrisonIcon").coord[rb].y, currCrd.coord[rb].width, currCrd.coord[rb].height);					
+					]]></action>
+				</object>				
+				
 			</object>
 
 			<!-- COMMAND BUTTONS (arc the Status Pane) -->

binaries/data/mods/official/gui/test/functions_page_session.js

@@ -172,7 +172,11 @@ function initCellReference()
 		addCell (groupName, "structciv", "Construct Civic Buildings");		
 		addCell (groupName, "structmil", "Construct Military Buildings");		
 		addCell (groupName, "train", "Train");		
-		addCell (groupName, "research", "Research");		
+		addCell (groupName, "research", "Research");
+		addCell (groupName, "barter", "Barter");
+		addCell (groupName, "allegiance", "Allegiance");
+		addCell (groupName, "selection", "Selection");		
+		addCell (groupName, "garrison", "Garrison");		
 		addCell (groupName, "command", "Command");		
 		
 		// Define the cells in this icon sheet.

binaries/data/mods/official/gui/test/functions_page_session_status_commands.js

@@ -47,7 +47,7 @@ function defineCommandButtons(command)
 			{
 				if (listLoop == 1)
 				{
-					var x = currCrd.coord[rb].x+currCrd.coord[rb].width;
+					var x = currCrd.coord[rb].x+currCrd.coord[rb].width-14;
 	
 					if (tabLoop == snStatusPaneCommand.split && listLoop == 1)
 						var y = currCrd.coord[rb].y; 
@@ -70,9 +70,9 @@ function defineCommandButtons(command)
 						var x = currCrd.coord[rb].x; 
 					else
 						var x = Crd[Crd.last].coord[rb].x+Crd[Crd.last].coord[rb].width
-							+snStatusPaneCommand.span;;
+							+snStatusPaneCommand.span;
 
-					var y = currCrd.coord[rb].y+currCrd.coord[rb].height; 
+					var y = currCrd.coord[rb].y+currCrd.coord[rb].height-7; 
 				}
 				else
 				{
@@ -352,11 +352,11 @@ console.write ("2nd: " + tabCounter + " " + tab + " " + type + " " + cellSheet +
 
 function refreshCommandButtons()
 {
-	if ( selection[0].actions && shouldUpdateStat ( "actions" ) )
+	// Reset button counter.
+	tabCounter = 1;
+
+	if ( selectionChanged && selection[0].actions && shouldUpdateStat ("actions") )
 	{
-		// Reset button counter.
-		tabCounter = 1;
-		
 		// Update production lists (both types of Construction, Train). (Tab button, persistent buttons, click them to do things.)
 		listRoot = selection[0].actions.create.list;
 		for (listTab in listRoot)
@@ -394,8 +394,15 @@ function refreshCommandButtons()
 		// End of commands. Store end position.
 		commandCounter = tabCounter;
 	}
+	else
+	{
+		console.write ("No buttons");
+		// Ensure tabs should be cleanable.
+		listCounter		= 1;
+		commandCounter 	= snStatusPaneCommand.split-1;
+	}
 
-	if (listCounter > 0 && commandCounter > 0)
+	if ( selectionChanged )
 	{
 		// Clear remaining buttons between the lists and commands.
 		for (commandClearLoop = listCounter; commandClearLoop <= snStatusPaneCommand.split-1; commandClearLoop++)

binaries/data/mods/official/gui/test/functions_page_session_status_pane.js

@@ -14,7 +14,124 @@ function refreshStatusPane()
 			setPortrait ("snStatusPanePortrait", selection[0].traits.id.icon,
 				toTitleCase(selection[0].traits.id.civ_code), selection[0].traits.id.icon_cell);
 	}
+	
+	// Update portrait tooltip.
+	if ( shouldUpdateStat ( "traits.id.generic" ) )
+	{
+		getGUIObjectByName ("snStatusPanePortrait").tooltip = selection[0].traits.id.generic;
+	}
+	
+	// Update hitpoint bar.
+	if ( (shouldUpdateStat ( "traits.health.max" ) || shouldUpdateStat ( "traits.health.curr" )) )
+	{
+		guiObject = getGUIObjectByName ("snStatusPaneHealthBar");
+		if (selection[0].traits.health.max && selection[0].traits.health.max != 0)
+		{
+			guiObject.caption = (selection[0].traits.health.curr * 100) / selection[0].traits.health.max;
+			guiObject.hidden = false;
+		}
+		else
+		{
+			guiObject.hidden = true;		
+		}
+console.write ("Updated hitpoints");			
+	}
+	
+	// Update stamina bar.
+	if ( (shouldUpdateStat ( "traits.stamina.max" ) || shouldUpdateStat ( "traits.stamina.curr" ))  )
+	{
+		guiObject = getGUIObjectByName ("snStatusPaneStaminaBar");
+		if (selection[0].traits.stamina.max && selection[0].traits.stamina.max != 0)
+		{
+			guiObject.caption = (selection[0].traits.stamina.curr * 100) / selection[0].traits.stamina.max;
+			guiObject.hidden = false;
+		}
+		else
+		{
+			guiObject.hidden = true;		
+		}
+console.write ("Updated stamina");			
+	}	
+	
+	// Update unit text panel.
+	if ( shouldUpdateStat ("player") || shouldUpdateStat ( "traits.id.civ" ) || shouldUpdateStat ( "traits.id.generic" ) || shouldUpdateStat ( "traits.id.specific" ) )
+	{
+		textCaption = "";
+		// (Is there some way to grab the player colour RGB values? It'd be good if we could put the player name in player colour.)
+		textCaption += "[font=verdana10][color=white]" + getCurrItemValue ("pgProfileName") + "[/color][/font]\n";
+		textCaption += "[font=verdana10][color=white]" + selection[0].traits.id.civ + "[/color][/font]\n";
+		textCaption += "[font=verdana10][color=white]" + selection[0].traits.id.specific + "[/color][/font]\n";
+		textCaption += "[font=optimus12][color=gold]" + selection[0].traits.id.generic + "[/color][/font]\n";
 
+		getGUIObjectByName ("snStatusPaneText").caption = textCaption;
+	}
+	
+	// Update rank icon.
+	if ( shouldUpdateStat ( "traits.promotion" ) )
+	{
+		rankObject = getGUIObjectByName ("snStatusPaneRank");
+
+		// Don't show a rank icon for Basic or unranked units.
+		if (selection[0].traits.promotion.rank > 1)
+		{
+			rankObject.cell_id = selection[0].traits.promotion.rank-2;
+			rankObject.tooltip = "Next Promotion: " + selection[0].traits.promotion.curr + "/" + selection[0].traits.promotion.req;
+			rankObject.hidden = false;
+		}
+		else
+			rankObject.hidden = true;
+	}
+	
+	// Update garrison capacity.
+	if( shouldUpdateStat( "traits.garrison" ) )
+	{
+		// Update Supply/Garrison
+		guiObject = getGUIObjectByName("snStatusPaneGarrison");
+		guiObject.caption = '';
+
+		if (selection[0].traits.garrison)
+		{
+			if (selection[0].traits.garrison.curr && selection[0].traits.garrison.max)
+			{
+				guiObject.caption += '[color="blue"]' + selection[0].traits.garrison.curr + '/' + selection[0].traits.garrison.max + '[/color] ';
+			}
+			guiObject.hidden = false;
+			getGUIObjectByName ("snStatusPaneGarrisonIcon").hidden = false;
+		}
+		else
+		{
+			guiObject.hidden = true;
+			getGUIObjectByName ("snStatusPaneGarrisonIcon").hidden = true;
+		}
+	}
+	if( shouldUpdateStat( "traits.supply" ) )
+	{
+		guiObject = getGUIObjectByName("snStatusPaneSupply");
+		guiObject.caption = '';
+
+		if (selection[0].traits.supply)
+		{
+			if (selection[0].traits.supply.curr && selection[0].traits.supply.max && selection[0].traits.supply.type)
+			{
+				// Set resource icon.
+				getGUIObjectByName ("snStatusPaneSupplyIcon").cell_id = cellGroup["Resource"][selection[0].traits.supply.type];
+				// Special case for infinity.
+				if (selection[0].traits.supply.curr == "0" && selection[0].traits.supply.max == "0")
+					guiObject.caption += '[color="brown"] [icon="iconInfinity"] [/color] ';
+				else
+					guiObject.caption += '[color="brown"]' + selection[0].traits.supply.curr + '/' + selection[0].traits.supply.max + '[/color] ';
+			}
+			guiObject.hidden = false;
+			getGUIObjectByName ("snStatusPaneSupplyIcon").hidden = false;
+		}
+		else
+		{
+			guiObject.hidden = true;
+			getGUIObjectByName ("snStatusPaneSupplyIcon").hidden = true;
+		}
+	}	
+
+	// Refresh command buttons.
 	if( shouldUpdateStat( "actions" ) )
 		refreshCommandButtons();
 }

binaries/data/mods/official/gui/test/setup.xml

@@ -87,8 +87,102 @@
 				cell_id="4"
 				size="30 30" 
 		/>
+		
+		<!--
+		==========================================
+		- SETUP - ICONS - STATISTICS
+		==========================================
+		-->		
 	
+		<icon 	name="iconGarrisonCapacity"
+				sprite="snIconSheetGarrison"
+				cell_id="0"
+				size="30 30" 
+		/>
+		
+		<!--
+		==========================================
+		- SETUP - TOOLTIPS
+		==========================================
+		-->
 
+		<tooltip	name="pgToolTip"
+				use_object="pgToolTip"
+				delay="0"
+				hide_object="true"
+		/>
+		
+		<tooltip	name="pgSessionSetupToolTip"
+				use_object="pgSessionSetupToolTip"
+				delay="0"
+				hide_object="true"
+		/>	
+		
+		<tooltip 	name="pgFloatingToolTip"
+				anchor="top"
+				buffer_zone="4"
+				delay="500"
+				font="tahoma12"
+				maxwidth="300"
+				offset="16 32"
+				sprite="bkWhiteBorderBlack"
+				textcolor="0 0 0"
+		/>
+
+		<tooltip 	name="snToolTip"
+				anchor="top"
+				buffer_zone="4"
+				delay="500"
+				font="tahoma12"
+				maxwidth="300"
+				offset="16 32"
+				sprite="bkWhiteBorderBlack"
+				textcolor="0 0 0"
+		/>
+		
+		<!--
+		==========================================
+		- SETUP - COLORS
+		==========================================
+		-->
+
+		<color		name="black"
+		>0 0 0
+		</color>
+
+		<color		name="gold"
+		>237 227 167
+		</color>
+
+		<color		name="white"
+		>255 255 255
+		</color>
+
+		<color		name="gray"
+		>243 242 240
+		</color>
+		
+		<color		name="darkgray"
+		>43 42 40
+		</color>		
+
+		<color		name="blue"
+		>0 0 255
+		</color>	
+		
+		<color		name="green"
+		>0 200 0
+		</color>	
+		
+		<color		name="mustard"
+		>191 191 2
+		</color>	
+		
+		<color		name="brown"
+		>159 98 24
+		</color>		
+		
+		
         <!--
 NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
 NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
@@ -254,76 +348,4 @@ NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET
 			size="20 20" 
 		/>
         
-	<!--
-	==========================================
-	- SETUP - TOOLTIPS
-	==========================================
-	-->
-
-	<tooltip	name="pgToolTip"
-			use_object="pgToolTip"
-			delay="0"
-			hide_object="true"
-	/>
-	
-	<tooltip	name="pgSessionSetupToolTip"
-			use_object="pgSessionSetupToolTip"
-			delay="0"
-			hide_object="true"
-	/>	
-	
-	<tooltip 	name="pgFloatingToolTip"
-			anchor="top"
-			buffer_zone="4"
-			delay="500"
-			font="tahoma12"
-			maxwidth="300"
-			offset="16 32"
-			sprite="bkWhiteBorderBlack"
-			textcolor="0 0 0"
-	/>
-
-	<tooltip 	name="snToolTip"
-			anchor="top"
-			buffer_zone="4"
-			delay="500"
-			font="tahoma12"
-			maxwidth="300"
-			offset="16 32"
-			sprite="bkWhiteBorderBlack"
-			textcolor="0 0 0"
-	/>
-
-
-        <!--
-NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
-NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
-	-->
-
-	<!--
-	==========================================
-	- SETUP - COLORS
-	==========================================
-	-->
-
-	<color		name="black"
-	>0 0 0
-	</color>
-
-	<color		name="gold"
-	>237 227 167
-	</color>
-
-	<color		name="white"
-	>255 255 255
-	</color>
-
-	<color		name="gray"
-	>243 242 240
-	</color>
-
-	<color		name="blue"
-	>0 0 255
-	</color>
-
 </setup>

binaries/data/mods/official/gui/test/sprite1.xml

@@ -2,16 +2,8 @@
 
 <!DOCTYPE sprites SYSTEM "../gui.dtd">
 
-<!-- testing an update -->
-
 <sprites>
 
-	<!--
-	==========================================
-	GENERIC - BACKCOLOR SPRITES
-	==========================================
-	-->
-
 	<!-- Notes:
 		* Can we make size = 0 0 100% 100% by default? It's seems to be the most common value ("stretched sprite").
 		While we're here:
@@ -25,6 +17,12 @@
 		* Bug: If you nest an icon into a caption [icon=""], it's no longer possible to vertically center that control's text.
 	-->
 
+	<!--
+	==========================================
+	GENERIC - BACKCOLOR SPRITES
+	==========================================
+	-->
+
 	<sprite name="bkTranslucent">
 		<image 	backcolor="0 0 0 85"
 			size="0 0 100% 100%"
@@ -46,6 +44,14 @@
 			bordercolor="black"
 		/>
         </sprite>
+		
+        <sprite name="bkDarkGrayBorderBlack">
+			<image 	backcolor="darkgray"
+					size="0 0 100% 100%"
+					border="true"
+					bordercolor="black"
+		/>
+        </sprite>		
 
         <sprite name="bkBlueBorderBlack">
                 <image 	backcolor="blue"
@@ -87,6 +93,60 @@
 			size="0 0 100% 100%" 
 		/>
 	</sprite>
+	
+	<!--
+	==========================================
+	GENERIC - PROGRESS BARS
+	==========================================
+	-->	
+	
+	<sprite name="bkGreenBar">
+		<image 	backcolor="green"
+				size="0 0 100% 100%" 
+		/>	
+		<image	backcolor="255 255 255"
+				size="0 1 1 100%-1"
+		/>
+		<image 	backcolor="255 255 255"
+				size="0 0 100%-1 1" 
+		/>
+		<image 	backcolor="64 64 64"
+				size="100%-1 0 100% 100%"
+		/>
+		<image 	backcolor="64 64 64"
+				size="0 100%-1 100%-1 100%" 
+		/>
+		<image 	backcolor="128 128 128"
+				size="100%-2 1 100%-1 100%-1" 
+		/>
+		<image	backcolor="128 128 128"
+				size="1 100%-2 100%-1 100%-1" 
+		/>
+	</sprite>	
+	
+	<sprite name="bkBlueBar">
+		<image 	backcolor="blue"
+				size="0 0 100% 100%" 
+		/>
+		<image	backcolor="255 255 255"
+				size="0 1 1 100%-1"
+		/>
+		<image 	backcolor="255 255 255"
+				size="0 0 100%-1 1" 
+		/>
+		<image 	backcolor="64 64 64"
+				size="100%-1 0 100% 100%"
+		/>
+		<image 	backcolor="64 64 64"
+				size="0 100%-1 100%-1 100%" 
+		/>
+		<image 	backcolor="128 128 128"
+				size="100%-2 1 100%-1 100%-1" 
+		/>
+		<image	backcolor="128 128 128"
+				size="1 100%-2 100%-1 100%-1" 
+		/>
+	</sprite>	
 
 	<!--
 	==========================================
@@ -654,19 +714,19 @@
 			
 			<!-- Portrait (Disabled square). -->
 			<sprite	name="snIconPortrait">
-				<image	texture="session/icons/bkg/portrait.dds"
+				<image	texture="session/icons/bkg/portrait_black.dds"
 						size="0 0 100% 100%" 
 				/>
 			</sprite>
 			<sprite	name="snIconPortraitOver">
 				<effect	add_color="42 42 42 0"/>
-				<image	texture="session/icons/bkg/portrait.dds"
+				<image	texture="session/icons/bkg/portrait_black.dds"
 						size="0 0 100% 100%" 
 				/>
 			</sprite>
 			<sprite	name="snIconPortraitDisabled">
 				<effect	grayscale=""/>
-				<image	texture="session/icons/bkg/portrait.dds"
+				<image	texture="session/icons/bkg/portrait_black.dds"
 						size="0 0 100% 100%" 
 				/>
 			</sprite>			
@@ -716,72 +776,33 @@
 		-->
 
 			<sprite	name="snPortraitSheetCart">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/cart.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
 			</sprite>
 			<sprite	name="snPortraitSheetCartOver">
 				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/cart.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
 			</sprite>			
 			<sprite name="snPortraitSheetCartDisabled">
 				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/cart.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
 			</sprite>
 
 		<!--
@@ -791,71 +812,32 @@
 		-->
 
 			<sprite	name="snPortraitSheetCelt">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/celt.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
 			</sprite>
 			<sprite	name="snPortraitSheetCeltOver">
 				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/celt.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
 			</sprite>
 			<sprite name="snPortraitSheetCeltDisabled">
 				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/celt.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>			
 			
@@ -866,71 +848,32 @@
 		-->
 
 			<sprite	name="snPortraitSheetHele">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/hele.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
 			</sprite>
 			<sprite	name="snPortraitSheetHeleOver">
 				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/hele.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>
 			<sprite name="snPortraitSheetHeleDisabled">
 				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/hele.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>
 			
@@ -941,71 +884,32 @@
 		-->
 
 			<sprite	name="snPortraitSheetIber">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/iber.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
+						size="2 2 100%-2 100%-2" 
+				/>			
 			</sprite>
 			<sprite	name="snPortraitSheetIberOver">
 				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/iber.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
+						size="2 2 100%-2 100%-2" 
+				/>			
 			</sprite>
 			<sprite name="snPortraitSheetIberDisabled">
 				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/iber.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>	
 
@@ -1016,71 +920,32 @@
 		-->
 
 			<sprite	name="snPortraitSheetPers">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/pers.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
+						size="2 2 100%-2 100%-2" 
+				/>			
 			</sprite>
 			<sprite	name="snPortraitSheetPersOver">
 				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/pers.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>
 			<sprite name="snPortraitSheetPersDisabled">
 				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/pers.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>	
 			
@@ -1091,73 +956,214 @@
 		-->
 
 			<sprite	name="snPortraitSheetRome">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/rome.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
+						size="2 2 100%-2 100%-2" 
+				/>			
 			</sprite>
 			<sprite	name="snPortraitSheetRomeOver">
 				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/rome.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
-				/>				
+						size="2 2 100%-2 100%-2" 
+				/>			
 			</sprite>
 			<sprite name="snPortraitSheetRomeDisabled">
 				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
 				<image	texture="session/portraits/sheets/rome.dds"
 						cell_size="64 64"
-						size="1 1 100%-1 100%-1" 
-				/>
-				<!-- Top border -->
-				<image	backcolor="220 223 228"
-						size="0 0 100%-1 1" 
-				/>
-				<!-- Right border -->
-				<image 	backcolor="109 122 146"
-						size="100%-1 0 100% 100%" 
-				/>
-				<!-- Bottom border -->
-				<image 	backcolor="109 122 146"
-						size="0 100%-1 100% 100%" 
-				/>
-				<!-- Left border -->
-				<image 	backcolor="220 223 228"
-						size="0 0 1 100%-1" 
+						size="2 2 100%-2 100%-2" 
+				/>			
+			</sprite>	
+			
+		<!--
+		==========================================
+		SESSION GUI - PORTRAIT SHEETS - GAIA ANIMALS
+		==========================================
+		-->
+
+			<sprite	name="snPortraitSheetAnimalGaia">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_animal.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>			
+			</sprite>
+			<sprite	name="snPortraitSheetAnimalGaiaOver">
+				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_animal.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>
+			<sprite name="snPortraitSheetAnimalGaiaDisabled">
+				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_animal.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>			
+			
+		<!--
+		==========================================
+		SESSION GUI - PORTRAIT SHEETS - GAIA ROCKS
+		==========================================
+		-->
+
+			<sprite	name="snPortraitSheetRockGaia">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_rock.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>			
+			</sprite>
+			<sprite	name="snPortraitSheetRockGaiaOver">
+				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_rock.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>
+			<sprite name="snPortraitSheetRockGaiaDisabled">
+				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_rock.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>		
+
+					<!--
+		==========================================
+		SESSION GUI - PORTRAIT SHEETS - GAIA SPECIALS
+		==========================================
+		-->
+
+			<sprite	name="snPortraitSheetSpecialGaia">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_special.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>			
+			</sprite>
+			<sprite	name="snPortraitSheetSpecialGaiaOver">
+				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_special.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>
+			<sprite name="snPortraitSheetSpecialGaiaDisabled">
+				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_special.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
 				/>				
 			</sprite>	
+			
+		<!--
+		==========================================
+		SESSION GUI - PORTRAIT SHEETS - GAIA TREE
+		==========================================
+		-->
+
+			<sprite	name="snPortraitSheetTreeGaia">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_tree.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>			
+			</sprite>
+			<sprite	name="snPortraitSheetTreeGaiaOver">
+				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_tree.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>
+			<sprite name="snPortraitSheetTreeGaiaDisabled">
+				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/gaia_tree.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>	
+
+		<!--
+		==========================================
+		SESSION GUI - PORTRAIT SHEETS - GENERIC TECHS
+		==========================================
+		-->
+
+			<sprite	name="snPortraitSheetTech">
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/tech.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>			
+			</sprite>
+			<sprite	name="snPortraitSheetTechOver">
+				<effect	add_color="42 42 42 0"/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/tech.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>
+			<sprite name="snPortraitSheetTechDisabled">
+				<effect	grayscale=""/>
+				<image	texture="session/icons/bkg/portrait_black.dds"
+						size="-2 -2 100%+2 100%+2"
+				/>			
+				<image	texture="session/portraits/sheets/tech.dds"
+						cell_size="64 64"
+						size="2 2 100%-2 100%-2" 
+				/>				
+			</sprite>				
 
 		<!--
 		==========================================
@@ -1679,21 +1685,21 @@
 		-->
 		
 		<sprite	name="snIconSheetRank">
-				<image	texture="session/icons/sheets/Rank.dds"
+				<image	texture="session/icons/sheets/rank.dds"
 						cell_size="64 64"
 						size="0 0 100% 100%"
 				/>
 		</sprite>
 		<sprite	name="snIconSheetRankOver">
 				<effect	add_color="42 42 42 0"/>
-				<image	texture="session/icons/sheets/Rank.dds"
+				<image	texture="session/icons/sheets/rank.dds"
 						cell_size="64 64"
 						size="0 0 100% 100%"
 				/>
 		</sprite>
 		<sprite	name="snIconSheetRankDisabled">
 				<effect	grayscale=""/>
-				<image	texture="session/icons/sheets/Rank.dds"
+				<image	texture="session/icons/sheets/rank.dds"
 						cell_size="64 64"
 						size="0 0 100% 100%"
 				/>
@@ -1703,7 +1709,7 @@
 				<image	texture="session/icons/bkg/command.dds"
 						size="0 0 100% 100%" 
 				/>		
-				<image	texture="session/icons/sheets/Rank.dds"
+				<image	texture="session/icons/sheets/rank.dds"
 						cell_size="64 64"
 						size="0 0 100% 100%"
 				/>
@@ -1713,7 +1719,7 @@
 				<image	texture="session/icons/bkg/command.dds"
 						size="0 0 100% 100%" 
 				/>				
-				<image	texture="session/icons/sheets/Rank.dds"
+				<image	texture="session/icons/sheets/rank.dds"
 						cell_size="64 64"
 						size="0 0 100% 100%"
 				/>
@@ -1723,7 +1729,7 @@
 				<image	texture="session/icons/bkg/command.dds"
 						size="0 0 100% 100%" 
 				/>				
-				<image	texture="session/icons/sheets/Rank.dds"
+				<image	texture="session/icons/sheets/rank.dds"
 						cell_size="64 64"
 						size="0 0 100% 100%"
 				/>

binaries/data/mods/official/gui/test/styles.xml

@@ -501,6 +501,22 @@
 				text_align="left"
 				text_valign="top"
 		/>		
+		
+		<style name="snGreenBar"
+			sprite_background=""
+			sprite_bar="bkGreenBar"
+			ghost="true"
+			tooltip_style="snToolTip"
+			tooltip="(TBA)"
+		/>		
+		
+		<style name="snBlueBar"
+			sprite_background=""
+			sprite_bar="bkBlueBar"
+			ghost="true"
+			tooltip_style="snToolTip"
+			tooltip="(TBA)"
+		/>		
 
         <!--
 NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED