[[ PSD FILE ]]
A .PSD type file has been included with the project. This is a photoshop project which you can open using Adobe Photoshop to view and edit the project as well extract/edit any of its parts.

[[ PREVIEW and PANEL_TEXURE_HELPER ]]
Use these two .png images as a reference on how to build the client's overall look and which textures to use as a background to which panel.
It does not matter which kind of background goes behind the gameMapPanel since it is covered by the map panel anyway, but if you insist, my suggestion is to use: texture_bg.png or texture_bg_greyified.png.

[[ Checking Size of Assets ]]:
	If an asset is alone in its frame (not a spritesheet), and you need to check its dimensions, hover your mouse over it in the windows interface and it should tell you the pixel size (width x height) of the element.

[[ FONTS ]]
Fonts used: Verdana, Bold (13px in PS regular font height and spacing).
Coloring:
	* Main Color (e.g. Paragraphs, Window Titles): #c7c0b8
	* Soft Accented (e.g. level digits in skills window sample): #988b76 
	* Soft Highlighted (e.g. Health numbers in Health Info window preview): #d5c3af 

	* In Typing Areas: #d6d0c4
	* Chat Console Normal Message: #d6d0c4
	* Chat Console Private Message: #3fbca9
	* Chat Console Info Message: #e5dede
	* Chat Console Blue Message: #4d7da6
	* Chat Console Warning Message: #ca5e29
	* Chat Console Broadcast/Error Message: #ff3000

	* Window Soft Darkened Content (e.g. Contents of a letter): #897d6f
	* Window Main Content: #beac9c (e.g. Description of who wrote the letter)

	* Dropdown Menu active item: #afa190
	* Dropdown Menu inactive item: #897e70

	* Active Chat Tab Title: #d7c59f
	* Inactive Chat Tab Title: #8e8c88
	(Chat tab titles are recommended to be printed in all-caps, but up to you).

[[ Button ]]
Single crop size is: 75x30 px.
1st button is - Regular
2nd button is - Hovered State
3rd button is - Clicked State.

[[ Checkboxes ]]
Single crop size is: 21x20 px.
I included both orange and green tick version so you can choose what you want to use, but I recommend orange.

[[ Nav Buttons ]]
These are used for navigation as context for various windows, either inside the window or in its top bar.
Single crop size is: 25x20 px.
1st row is - Regular
2nd row is - Hovered State
3rd row is - Clicked State

[[ Sound Control Button ]]
This button is used in the chat console to manage sound levels of your chat output (whisper, say, yell, ...).
Single crop size: 26x24 px.
1st row is - Regular
2nd row is - Hovered State
3rd row is - Clicked State

[[ Top Buttons ]]
These buttons are used in the top navigation menu.
Single crop size is 39x39 px.
1st row is - Regular
2nd row is - Hovered State
3rd row is - Clicked State

[[ Dropdown Menu ]]
These are used for creating the interface for a dropdown menu that can contain numerous items within.
The first 3 rows contain a Regular, Hovered and Clicked version of the menu opener itself, and the 4th row contains the texture for a dropdown menu-item background.
Crop size: 179x25 px.

[[ Console Buttons ]]
These are used in and around the chat console for: Toggling WASD movement, Open New Chat Window, Clean Window, White/Blacklist.
Single crop size is 40x25 px.
1st row is - Regular
2nd row is - Hovered State
3rd row is - Clicked State

[[ Stance Icons ]]
These are used to change stances, set autofollow, and toggle PVP on/off.
Single crop size is 28x28 px.
1st row is - Regular
2nd row is - Hovered State
3rd row is - Toggled On State

[[ Scrollbars ]]
	Horizontal and Vertical slidebar are slightly different in dimensions, so they each have their own measures and files with names specifying if it is a vertical or horizontal oriented version.
	[ Vertical: ]
		- Buttons:
			 Single Crop Size: 21x20 px.
			 Slider Size: 17x38 px.
			 Scrollbar texture: 21x181 px. (Can be programatically altered to your will as long as you keep the end-borders the same).
	[ Horizontal: ]
		- Buttons:
			 Single Crop Size: 20x21 px.
			 Slider Size: 38x17 px.
			 Scrollbar texture: 181x21 px. (Can be programatically altered to your will as long as you keep the end-borders the same).	
			 
[[ Dark Text Container ]]
	This is the box that you see surrounding the text in a letter simulation (See: https://i.imgur.com/87wLu32.png).
	The sprite sheet i sent contains all the corners that you need to build the box + a stretchable middle (for content) that you should surround with those borders.
	Crop size for each part: 5x5 px.

[[ Chat Input Box ]]
	Same thing as above (dark text container), even same sizes, the only difference being - this one is used for the chat input box in the text console.
	
[[ Chat Console ]]
	Same as above.

[[ Progress Bars ]]
	Provided progress bars are monochrome, so you can apply any color you want over it using the OTUI "background" in combination with "background-image" properties.
	They can be used for things such as displaying HP/Mana in health info window, skills and exp progress in Skills window, etc

[[ Chat Channel Change Buttons ]]
	They are used to switch between left and right adjacent open chat tabs.
	Single crop size is 57x29 px.
	1st row is - Regular
	2nd row is - Hovered State
	3rd row is - Toggled On State	