SiiNunit
{
ui::text_template : txt.editor0 {
	name: "Editor small"
	text: "<align hstyle=center vstyle=center><font face=/font/editor.font>%0</font></align>"
}
ui::text_template : txt.editor1 {
	name: "Editor small left"
	text: "<align vstyle=center><font face=/font/editor.font>%0</font></align>"
}


################
# Normal font styles
################
ui::text_template : txt.normal.left {
	name: "Normal Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.normal.black.left_t {
	name: "Normal Black Left"
	text: "<align hstyle=left vstyle=top><font face=/font/normal.font><color value=FF000000>%0</font></align>"
}
ui::text_template : txt.normal.color.left {
	name: "Normal Coloured Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font><color value=%0>%1</font></align>"
}
ui::text_template : txt.normal.left.top {
	name: "Normal Left Top"
	text: "<align hstyle=left vstyle=top><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.normal.left.bottom {
	name: "Normal Left Bottom"
	text: "<align hstyle=left vstyle=bottom><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.normal.center {
	name: "Normal Center Aligned"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.country {
	name: "Normal Center Aligned country name"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_txt_d@@>%0</font></align>"
}
ui::text_template : txt.country2map {
	name: "Normal Center Aligned country name (multilanguage)"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_txt_d@@>%0</font><br><font face=/font/normal.font xscale=0.7 yscale=0.7>%1</font></align>"
}
ui::text_template : txt.normal.white.center {
	name: "Normal Centered White"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_white@@>%0</font></align>"
}

ui::text_template : txt.normal.color.center {
	name: "Normal Coloured Center Aligned"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=%0>%1</font></align>"
}
ui::text_template : txt.normal.center.top {
	name: "Normal Center Top"
	text: "<align hstyle=center vstyle=top><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.normal.right {
	name: "Normal Right Aligned"
	text: "<align hstyle=right vstyle=center><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.normal.color.right {
	name: "Normal Coloured Right Aligned"
	text: "<align hstyle=right vstyle=center><font face=/font/normal.font><color value=%0>%1</font></align>"
}
ui::text_template : txt.normal.right.top {
	name: "Normal Right Top"
	text: "<align hstyle=right vstyle=top><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.normal.bcg {
	name: "Normal on Dark Background"
	text: "<color value=8C090909><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=-1><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><ret>
<align vstyle=center left=20><color value=@@clr_txt@@><font face=/font/normal.font>%0</font></align>"
}
ui::text_template : txt.normal.bcg_offset {
	name: "Normal on Dark Background with offset"
	text: "<color value=8C090909><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=-1><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><ret>
<align vstyle=center><offset hshift=%0><color value=@@clr_txt@@><font face=/font/normal.font>%1</font></align>"
}
ui::text_template : txt.normal.bcg.clr {
	name: "Normal on Dark Background colored"
	text: "<color value=8C090909><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=-1><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><ret>
<align vstyle=center><offset hshift=20><color value=%1><font face=/font/normal.font>%0</font></align>"
}
ui::text_template : txt.normal.bcg.lgt {
	name: "Normal on Light Background"
	text: "<color value=8C323232><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=-1><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><ret>
<align vstyle=center><offset hshift=20><color value=@@clr_txt@@><font face=/font/normal.font>%0</font></align>"
}



################
# Thin font styles
################
ui::text_template : txt.thin {
	name: "Thin Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.thin.left {
	name: "Thin Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.thin.right {
	name: "Thin Right Aligned"
	text: "<align hstyle=right vstyle=center><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.thin.right.top {
	name: "Thin Right Top"
	text: "<align hstyle=right vstyle=top><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.thin.top {
	name: "Thin Top Center Aligned"
	text: "<align hstyle=center><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%0</font></align>"
}

################
# Small font styles
################
ui::text_template : txt.small.center {
	name: "Small Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/small.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.small.center_g {
	name: "Small Centered Gray"
	text: "<align hstyle=center vstyle=center><font face=/font/small.font><color value=FF919191>%0</font></align>"
}
ui::text_template : txt.small.left {
	name: "Small Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/small.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.thin.left.top {
	name: "Small Top Left Aligned"
	text: "<align hstyle=left vstyle=top><font face=/font/small.font><color value=@@clr_txt@@>%0</font></align>"
}
ui::text_template : txt.small.right {
	name: "Small Right Aligned"
	text: "<align hstyle=right vstyle=center><font face=/font/small.font><color value=@@clr_txt@@>%0</font></align>"
}

################
# Big font styles
################
ui::text_template : txt.big.center {
	name: "Big Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/big.font><color value=@@clr_txt@@>%0</font></align>"
}

ui::text_template : txt.big.left.top {
	name: "Big Left Top"
	text: "<align hstyle=left vstyle=top><font face=/font/big.font><color value=@@clr_txt@@>%0</font></align>"
}

ui::text_template : txt.big.left {
	name: "Big Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/big.font><color value=@@clr_txt@@>%0</font></align>"
}

ui::text_template : txt.big.orange.left {
	name: "Big Orange Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/big.font><color value=@@clr_sel@@>%0</font></align>"
}

ui::text_template : txt.big.white.center {
	name: "Big White Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/big.font><color value=@@clr_white@@>%0</font></align>"
}

ui::text_template : txt.big.color.center {
	name: "Big Coloured Center Aligned"
	text: "<align hstyle=center vstyle=center><font face=/font/big.font><color value=%0>%1</font></align>"
}

ui::text_template : txt.big.angle {
	name: "Big Centered Angle"
	text: "<color value=@@clr_txt@@><align hstyle=center vstyle=center><font face=/font/big.font>%0°</font></align>"
}

################
# Emphasized font styles
################
ui::text_template : txt.emph {
	name: "Emphasized Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0</font></align>"
}
ui::text_template : txt.emph.left {
	name: "Emphasized Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0</font></align>"
}
ui::text_template : txt.emph.left.top {
	name: "Emphasized Left Top"
	text: "<align hstyle=left vstyle=top><font face=/font/normal.font><color value=@@clr_sel@@>%0</font></align>"
}
ui::text_template : txt.emph.right {
	name: "Emphasized Right Aligned"
	text: "<align hstyle=right vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0</font></align>"
}
ui::text_template : txt.emph.big.left {
	name: "Emphasized Big Left Aligned"
	text: "<align hstyle=left vstyle=center><font face=/font/big.font><color value=@@clr_sel@@>%0</font></align>"
}
ui::text_template : txt.emph.big.center {
	name: "Emphasized Big Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/big.font><color value=@@clr_sel@@>%0</font></align>"
}
ui::text_template : txt.emph.small.left.top {
	name: "Emphasized Small Left Top"
	text: "<align hstyle=left vstyle=top><font face=/font/small.font><color value=@@clr_sel@@>%0</font></align>"
}

################
# Help font styles
################
ui::text_template : txt.help {
	name: "Help Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align>"
}

ui::text_template : txt.help.left.top {
	name: "Help Left Top"
	text: "<align hstyle=left vstyle=top><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align>"
}

ui::text_template : txt.help.left.center {
	name: "Help Left Center"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align>"
}

ui::text_template : txt.help.center.top {
	name: "Help Center Top"
	text: "<align hstyle=center vstyle=top><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align>"
}

ui::text_template : txt.help.big.center {
	name: "Help Big Centered"
	text: "<align hstyle=center vstyle=center><font face=/font/big.font><color value=@@clr_help@@>%0</font></align>"
}



################
# Title font styles
################

ui::text_template : txt.title.center {
	name: "Title Center Aligned"
	text: "<offset vshift=2><align hstyle=center vstyle=center><font face=/font/title.font>%0</font></align>"
}


ui::text_template : txt.mirrors {
	name: "HUD Mirrors"
	text: "<img src=/material/environment/%0_mirror_reflection.mat xscale=stretch yscale=stretch top=0.85 bottom=0.15>"
}


################
# Frames and windows
################

ui::text_template : txt.frame {
    name: "Frame"
    text: "<img src=/material/ui/white.mat xscale=stretch yscale=stretch color=FF101010>"
}

ui::text_template : txt.frame.bcg {
	name: "Text background"
	text: "<img src=/material/ui/text_bgr.mat right=p1><img src=/material/ui/text_bgr.mat right=p1 left=p1 width=-1><img src=/material/ui/text_bgr.mat left=p506 right=p507>"
}

ui::text_template : txt.window.bcg {
    name: "Window, Background"
    text: "<img src=/material/ui/window/window_bcg.mat left=p50 top=p7 bottom=p760><img src=/material/ui/window/window_bcg.mat right=p50 left=p1024 top=p7 bottom=p760>"
}



ui::text_template : txt.window.dyn_bcg0 {
	name: "Window dyn. background (line)"
	text: "<img src=/material/ui/window/bcg2.mat left=p54 top=p78 right=p70>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p70 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p256><img src=/material/ui/window/bcg2.mat left=p256 top=p78 right=p70>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p70 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p54><br>
<img src=/material/ui/window/bcg2.mat left=p54 top=p100 right=p70 bottom=p101 height=-67>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p70 bottom=p101 height=-67 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p70 bottom=p101 height=-67 width=372>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p70 bottom=p101 height=-67 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p54 bottom=p101 height=-67>
<img src=/material/ui/window/bcg0.mat left=p54 bottom=p70 right=p70>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p70 width=%0>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p256><img src=/material/ui/window/bcg0.mat left=p256 bottom=p70 right=p70>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p70 width=%0>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p54>"
}

ui::text_template : txt.window.dyn_bcg.nl {
	name: "Window dyn. background (no line)"
	text: "<img src=/material/ui/window/bcg2.mat left=p54 top=p78 right=p70>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p70 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p256><img src=/material/ui/window/bcg2.mat left=p256 top=p78 right=p70>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p70 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p78 right=p54><br>
<img src=/material/ui/window/bcg2.mat left=p54 top=p100 right=p70 bottom=p101 height=-64>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p70 bottom=p101 height=-64 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p70 bottom=p101 height=-64 width=372>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p70 bottom=p101 height=-64 width=%0>
<img src=/material/ui/window/bcg2.mat left=p70 top=p100 right=p54 bottom=p101 height=-64>
<img src=/material/ui/window/bcg0.mat left=p54 bottom=p70 right=p70>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p70 width=%0>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p256><img src=/material/ui/window/bcg0.mat left=p256 bottom=p70 right=p70>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p70 width=%0>
<img src=/material/ui/window/bcg0.mat left=p70 bottom=p70 right=p54>"
}

ui::text_template : txt.window.dyn_bcg.dark {
	name: "Window dyn. background (dark inside)"
	text: "<img src=/material/ui/window/bcg3.mat left=p54 top=p6 right=p76>
<img src=/material/ui/window/bcg3.mat left=p76 top=p6 right=p76 width=%0>
<img src=/material/ui/window/bcg3.mat left=p76 top=p6 right=p256><img src=/material/ui/window/bcg3.mat left=p256 top=p6 right=p76>
<img src=/material/ui/window/bcg3.mat left=p76 top=p6 right=p76 width=%0>
<img src=/material/ui/window/bcg3.mat left=p76 top=p6 right=p54><br>
<img src=/material/ui/window/bcg3.mat left=p54 top=p96 right=p76 height=-64>
<img src=/material/ui/window/bcg3.mat left=p76 top=p96 right=p76 height=-64 width=%0>
<img src=/material/ui/window/bcg3.mat left=p76 top=p96 right=p256 height=-64><img src=/material/ui/window/bcg3.mat left=p256 top=p96 right=p76 height=-64>
<img src=/material/ui/window/bcg3.mat left=p76 top=p96 right=p76 height=-64 width=%0>
<img src=/material/ui/window/bcg3.mat left=p76 top=p96 right=p54 height=-64>
<img src=/material/ui/window/bcg1.mat left=p54 bottom=p70 right=p76>
<img src=/material/ui/window/bcg1.mat left=p76 bottom=p70 right=p76 width=%0>
<img src=/material/ui/window/bcg1.mat left=p76 bottom=p70 right=p256><img src=/material/ui/window/bcg1.mat left=p256 bottom=p70 right=p76>
<img src=/material/ui/window/bcg1.mat left=p76 bottom=p70 right=p76 width=%0>
<img src=/material/ui/window/bcg1.mat left=p76 bottom=p70 right=p54>"
}

ui::text_template : txt.window.thin_static {
	name: "Window thin static"
	text: "<img src=/material/ui/mod_manager/right_top_window.mat left=p72 top=p2>
<img src=/material/ui/mod_manager/right_top_window.mat left=1 right=p72 top=p2>
<img src=/material/ui/mod_manager/right_top_window.mat left=p72 right=p256 top=p400 bottom=p410 height=-379>
<img src=/material/ui/mod_manager/right_top_window.mat left=p256 right=p72 top=p400 bottom=p410 height=-125>
<img src=/material/ui/mod_manager/right_bottom_window.mat left=p72 top=p2>
<img src=/material/ui/mod_manager/right_bottom_window.mat left=1 right=p72 top=p2>"
}

ui::text_template : txt.window.thick_static.tool {
	name: "Window thick dyn. toolbar"
	text: "<img src=/material/ui/mod_manager/left_top_window.mat left=p23 top=p2 height=256><img src=/material/ui/mod_manager/left_top_window.mat right=p23 left=1 top=p2 height=256>
<img src=/material/ui/mod_manager/left_top_window.mat top=p220 bottom=p221 height=-383 left=p23 right=p512>
<img src=/material/ui/mod_manager/left_top_window.mat top=p220 buttom=p221 height=-127 right=p23 left=p512><img src=/material/ui/mod_manager/left_bottom_window.mat left=p23 right=p512>
<img src=/material/ui/mod_manager/left_bottom_window.mat right=p23 left=p512>"
}

ui::text_template : txt.window.money {
	name: "Money in title bar"
	text: "<align hstyle=right vstyle=center><font face=/font/normal.font><color value=@@clr_txt@@>@@your_money@@  <color value=@@clr_sel@@>%0</font></align>"
}

################
# News (profile selector)
################
ui::text_template : txt.news.image.wait {
	name: "News - image - wait cursor"
	text: "<align hstyle=center vstyle=center><img src=/material/ui/wait.mat></align>"
}

ui::text_template : txt.news.image {
	name: "News - image"
	text: "<img src=%0>"
}

# DLC Browser template

ui::text_template : txt.dlc_browser.info {
	name: "DLC Browser info"
	text: "	<ret><align hstyle=left vstyle=bottom><img src=/material/ui/button/%0.mat width=32 height=32>
			<ret><offset hshift=42 vshift=0><font face=/font/normal.font><color value=@@clr_white@@>%3</font>
			<ret><offset hshift=42 vshift=16><font face=/font/normal.font><color value=%1>%2</font></align>"
}

################
# Misc styles
################
ui::text_template : txt.ttip_simple.up {
	name: "Tooltip simple UP"
	text: "<align hstyle=center><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-10 height=-25><img src=/material/ui/tooltip/corner_s.mat left=p6 height=-25><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0><br><img src=/material/ui/tooltip/arrow_s_h.mat top=1 bottom=0></align><ret><offset vshift=-10><align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
}

ui::text_template : txt.ttip_simple.up_shift {
	name: "Tooltip simple UP, shifted"
	text: "<align hstyle=left><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-10 height=-25><img src=/material/ui/tooltip/corner_s.mat left=p6 height=-25><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0><br><offset hshift=%0><img src=/material/ui/tooltip/arrow_s_h.mat top=1 bottom=0></align><ret><offset vshift=-10><margin left=%1 right=-%1><align hstyle=center vstyle=center><font face=/font/normal.font>%2</font></align></margin>"
}

ui::text_template : txt.ttip_simple.down {
	name: "Tooltip simple DOWN"
	text: "<offset vshift=-8><align hstyle=center><img src=/material/ui/tooltip/arrow_s_h.mat><br><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-10 height=-16><img src=/material/ui/tooltip/corner_s.mat left=p6 height=-16><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0></align><ret><offset vshift=10><align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
}

ui::text_template : txt.ttip_simple.down.arrow.left {
	name: "Tooltip simple DOWN ARROW LEFT"
	text: "<offset vshift=-8><offset hshift=10><align hstyle=left><img src=/material/ui/tooltip/arrow_s_h.mat><br><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-10 height=-16><img src=/material/ui/tooltip/corner_s.mat left=p6 height=-16><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0></align><ret><offset vshift=10><align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
}

ui::text_template : txt.ttip_simple.down.arrow.right {
	name: "Tooltip simple DOWN ARROW RIGHT"
	text: "<offset vshift=-8><align hstyle=right right=-10><img src=/material/ui/tooltip/arrow_s_h.mat><br><align hstyle=left right=0><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-10 height=-16><img src=/material/ui/tooltip/corner_s.mat left=p6 height=-16><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0></align></align><ret><offset vshift=10><align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
}

ui::text_template : txt.ttip_simple.right {
	name: "Tooltip simple RIGHT"
	text: "<align vstyle=center><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-24><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-8 height=-16><offset vshift=4><img src=/material/ui/tooltip/arrow_s_v.mat><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-24><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0></align><ret><offset hshift=-10><align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
}

ui::text_template : txt.ttip_simple.left {
	name: "Tooltip simple LEFT"
	text: "<offset vshift=17><img src=/material/ui/tooltip/arrow_s_v.mat left=1 right=0><ret>
<offset hshift=7><align hstyle=right><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-17><img src=/material/ui/tooltip/corner_s.mat right=0 left=1><br><offset hshift=7><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-1 height=-16><br><offset hshift=7><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 rightp8 width=-17><img src=/material/ui/tooltip/corner_s.mat right=0 left=1 top=1 bottom=0></align><ret><align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
}

ui::text_template : txt.ttip_fixed.up {
	name: "Tooltip fixed UP"
 	text: "<align hstyle=right right=-3><img src=/material/ui/tooltip/corner.mat bottom=0 top=1><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=p32 right=p32 width=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 right=0><br><img src=/material/ui/tooltip/corner.mat bottom=p0 top=p10 height=45><img src=/material/ui/tooltip/corner.mat bottom=p0 top=p10 left=p32 right=p32 width=-32 height=45><img src=/material/ui/tooltip/corner.mat bottom=p0 top=p10 left=1 right=0 height=45><br><img src=/material/ui/tooltip/corner.mat bottom=1 top=0><img src=/material/ui/tooltip/corner.mat bottom=1 top=0 left=p32 right=p32 width=85><img src=/material/ui/tooltip/arrow_v.mat right=p31><img src=/material/ui/tooltip/corner.mat bottom=1 top=0 left=p114 right=p00></align><ret><align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}

ui::text_template : txt.ttip_framed.right {
	name: "Tooltip RIGHT"
 	text: "<img src=/material/ui/tooltip/corner.mat bottom=0 top=1><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 width=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 right=0><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 height=-64><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 right=p36 left=p34 width=-35 height=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 right=0 left=p35 height=-32><img src=/material/ui/tooltip/corner.mat><img src=/material/ui/tooltip/corner.mat left=1 width=-32><img src=/material/ui/tooltip/corner.mat left=1 right=0>
<ret>
<align hstyle=left vstyle=center>
<img src=/material/ui/tooltip/arrow_h.mat right=p15 top=p7 bottom=p24 height=17>
</align>
<ret>
<align hstyle=center vstyle=center>
<font face=/font/normal.font><color value=@@clr_txt@@>%0</font>
</align>"
}

ui::text_template : txt.ttip_framed.down {
	name: "Tooltip DOWN"
 	text: "<img src=/material/ui/tooltip/corner.mat left=p10 top=p22 bottom=0><img src=/material/ui/tooltip/corner.mat left=p30 right=p30 top=p22 bottom=0 width=-23><img src=/material/ui/tooltip/corner.mat right=p10 left=p32 top=p22 bottom=0>
<img src=/material/ui/tooltip/corner.mat left=p10 bottom=p10 top=p10 height=-44><img src=/material/ui/tooltip/corner.mat left=p30 right=p32 top=p10 bottom=p10 width=-23 height=-22><img src=/material/ui/tooltip/corner.mat right=p10 left=p32 bottom=p10 top=p10 height=-22>
<img src=/material/ui/tooltip/corner.mat left=p10 top=0 bottom=p22><img src=/material/ui/tooltip/corner.mat left=p30 right=p30 top=0 bottom=p22 width=-23><img src=/material/ui/tooltip/corner.mat right=p10 left=p32 top=0 bottom=p22>
<ret>
<margin left=15 right=-15>
<align hstyle=center vstyle=center>
<font face=/font/normal.font><color value=@@clr_txt@@>%0</font>
</align>
</margin>"
}

ui::text_template : txt.ttip_help.up {
	name: "Tooltip help UP"
	text: "<color value=CFFFFFFF><img src=/material/ui/tooltip/help_corner.mat><img src=/material/ui/tooltip/help_corner.mat left=1 width=-16><img src=/material/ui/tooltip/help_corner.mat left=1 right=0><br>
<img src=/material/ui/tooltip/help_corner.mat top=1 height=-32><img src=/material/ui/tooltip/help_corner.mat top=1 left=0.99 width=-16 height=-32><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 height=-32><br>
<img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0 left=1 width=%0><img src=/material/ui/tooltip/help_arrow_down.mat><img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0 left=1 width=-16><img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0 left=1 right=0>
<ret>
<margin left=20 right=-20><align hstyle=center vstyle=center bottom=-16><font face=/font/normal.font><color value=@@clr_help@@>%1</font></align></margin>"
}

ui::text_template : txt.ttip_help.right {
	name: "Tooltip help RIGHT"
	text: "<color value=CFFFFFFF><img src=/material/ui/tooltip/help_corner_big.mat><img src=/material/ui/tooltip/help_corner_big.mat left=1 width=-32><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0><hbr><offset vshift=16>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 height=%0><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-32 height=%0><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0 top=1 height=%0><hbr><offset vshift=%0>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 height=32><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-32 height=32><img src=/material/ui/tooltip/help_arrow_right.mat><hbr><offset vshift=32>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 height=%0><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-32 height=%0><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0 top=1 height=%0><hbr><offset vshift=%0>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 width=-32><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 right=0>"
}


ui::text_template : txt.ttip_help.left {
	name: "Tooltip help LEFT"
	text: "<color value=CFFFFFFF><offset hshift=16><img src=/material/ui/tooltip/help_corner_big.mat><img src=/material/ui/tooltip/help_corner_big.mat left=1 width=-16><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0><hbr><offset vshift=16 hshift=16><img src=/material/ui/tooltip/help_corner_big.mat top=1 height=%0><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-16 height=%0><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0 top=1 height=%0><hbr><offset vshift=%0><img src=/material/ui/tooltip/help_arrow_right.mat left=1 right=0><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-16 height=32><img src=/material/ui/tooltip/help_corner_big.mat top=1 height=32 left=1 right=0><hbr><offset hshift=16 vshift=32><img src=/material/ui/tooltip/help_corner_big.mat top=1 height=%0><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-16 height=%0><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0 top=1 height=%0><hbr><offset vshift=%0>
<offset hshift=16><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 width=-16><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 right=0>"
}

ui::text_template : txt.help_bg {
	name: "Help background"
	text: "<img src=/material/ui/tooltip/help_corner_new.mat><img src=/material/ui/tooltip/help_corner_new.mat left=1 width=-32><img src=/material/ui/tooltip/help_corner_new.mat left=1 right=0><br>
<img src=/material/ui/tooltip/help_corner_new.mat top=1 height=-32><img src=/material/ui/tooltip/help_corner_new.mat top=1 left=0.99 width=-32 height=-32><img src=/material/ui/tooltip/help_corner_new.mat left=1 right=0 top=1 height=-32><br>
<img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0 left=1 width=-32><img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0 left=1 right=0>
<ret>
<offset vshift=48>
<margin left=20 right=-30><align hstyle=left vstyle=top><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align></margin>"
}

ui::text_template : txt.bubble_help.left {
	name: "Help bubble left"
	text: "<img src=/material/ui/tooltip/help_corner_new.mat><img src=/material/ui/tooltip/help_corner_new.mat left=1 width=-42><img src=/material/ui/tooltip/help_corner_new.mat left=1 right=0><br>
<img src=/material/ui/tooltip/help_corner_new.mat top=1 height=-32><img src=/material/ui/tooltip/help_corner_new.mat top=1 left=0.99 width=-42 height=-32><img src=/material/ui/tooltip/help_corner_new.mat left=1 right=0 top=1 height=-32><br>
<img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0 left=1 width=-42><img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0 left=1 right=0>
<ret>
<align hstyle=right vstyle=center><img src=/material/ui/tooltip/help_sarr_right.mat></align>
<ret>
<offset vshift=48>
<margin left=20 right=-30><align hstyle=left vstyle=top><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align></margin>"
}

ui::text_template : txt.bubble_help.up {
	name: "Help bubble up"
	text: "<img src=/material/ui/tooltip/help_corner_new.mat><img src=/material/ui/tooltip/help_corner_new.mat left=1 width=-32><img src=/material/ui/tooltip/help_corner_new.mat left=1 right=0><br>
<img src=/material/ui/tooltip/help_corner_new.mat top=1 height=-50><img src=/material/ui/tooltip/help_corner_new.mat top=1 left=0.99 width=-32 height=-50><img src=/material/ui/tooltip/help_corner_new.mat left=1 right=0 top=1 height=-50><br>
<img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0 left=1 width=-32><img src=/material/ui/tooltip/help_corner_new.mat top=1 bottom=0 left=1 right=0>
<br>
<offset vshift=-6>
<align hstyle=center><img src=/material/ui/tooltip/help_sarr_down.mat></align>
<ret>
<margin left=30 right=-35><align hstyle=center vstyle=center bottom=-15><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align></margin>"
}

ui::text_template : txt.cutsc_msg {
	name: "Cutscene message bubble"
	text: "<color value=CFFFFFFF><img src=/material/ui/tooltip/help_corner_big.mat><img src=/material/ui/tooltip/help_corner_big.mat left=1 width=-16><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0><br>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 height=-16><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-16 height=-16><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0 top=1 height=-16><br>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 width=-16><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 right=0>
<ret>
<offset vshift=40>
<margin left=26 right=-26><align hstyle=center vstyle=center bottom=-60><font face=/font/normal.font><color value=@@clr_help@@>%0</font></align></margin>"
}

ui::text_template : txt.tut_msg {
	name: "Tutorial message"
	text: "<img src=/material/ui/tooltip/help_corner_big.mat><img src=/material/ui/tooltip/help_corner_big.mat left=1 width=-16><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0><br>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 height=-16><img src=/material/ui/tooltip/help_corner_big.mat top=1 left=0.99 width=-16 height=-16><img src=/material/ui/tooltip/help_corner_big.mat left=1 right=0 top=1 height=-16><br>
<img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 width=-16><img src=/material/ui/tooltip/help_corner_big.mat top=1 bottom=0 left=1 right=0>"
}

ui::text_template : txt.hhint_up {
	name: "Overlay hint UP"
	text: "<color value=CFFFFFFF><offset vshift=1><img src=/material/ui/tooltip/hint_num_bcg.mat><offset vshift=-1 hshift=-11><img src=/material/ui/tooltip/help_corner.mat><img src=/material/ui/tooltip/help_corner.mat left=1 width=-16><img src=/material/ui/tooltip/help_corner.mat left=1 right=0><ret>
<offset vshift=16 hshift=53><img src=/material/ui/tooltip/help_corner.mat top=1 height=26><img src=/material/ui/tooltip/help_corner.mat left=0.99 top=1 width=-16 height=26><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 height=26><ret>
<offset vshift=42 hshift=53><img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner.mat left=1 top=1 bottom=0 width=-16><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 bottom=0><ret>
<offset vshift=53 hshift=13><img src=/material/ui/tooltip/help_sarr_down.mat><ret>
<offset vshift=13 hshift=13><img src=/material/ui/tooltip/hint_%0.mat><ret>
<margin left=78 right=-24><align vstyle=center bottom=-14><font face=/font/normal.font><color value=@@clr_help@@>%1</font></align></margin>"

	height: 70
}

ui::text_template : txt.hhint_down {
	name: "Overlay hint DOWN"
	text: "<color value=CFFFFFFF><offset hshift=13><img src=/material/ui/tooltip/help_sarr_down.mat top=1 bottom=0><ret>
<offset vshift=12><img src=/material/ui/tooltip/hint_num_bcg.mat><offset vshift=-1 hshift=-11><img src=/material/ui/tooltip/help_corner.mat><img src=/material/ui/tooltip/help_corner.mat left=1 width=-16><img src=/material/ui/tooltip/help_corner.mat left=1 right=0><ret>
<offset vshift=27 hshift=53><img src=/material/ui/tooltip/help_corner.mat top=1 height=26><img src=/material/ui/tooltip/help_corner.mat left=0.99 top=1 width=-16 height=26><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 height=26><ret>
<offset vshift=53 hshift=53><img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner.mat left=1 top=1 bottom=0 width=-16><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 bottom=0><ret>
<offset vshift=24 hshift=13><img src=/material/ui/tooltip/hint_%0.mat><ret>
<offset vshift=11><margin left=78 right=-24><align vstyle=center><font face=/font/normal.font><color value=@@clr_help@@>%1</font></align></margin>"

	height: 70
}

ui::text_template : txt.hhint_left {
	name: "Overlay hint LEFT"
	text: "<color value=CFFFFFFF><offset vshift=1><img src=/material/ui/tooltip/hint_num_bcg.mat><offset vshift=-1 hshift=-11><img src=/material/ui/tooltip/help_corner.mat><img src=/material/ui/tooltip/help_corner.mat left=1 width=-27><img src=/material/ui/tooltip/help_corner.mat left=1 right=0><ret>
<offset vshift=16 hshift=53><img src=/material/ui/tooltip/help_corner.mat top=1 height=26><img src=/material/ui/tooltip/help_corner.mat left=0.99 top=1 width=-27 height=26><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 height=26><ret>
<offset vshift=42 hshift=53><img src=/material/ui/tooltip/help_corner.mat top=1 bottom=0><img src=/material/ui/tooltip/help_corner.mat left=1 top=1 bottom=0 width=-27><img src=/material/ui/tooltip/help_corner.mat left=1 right=0 top=1 bottom=0><ret>
<align vstyle=center hstyle=right><img src=/material/ui/tooltip/help_sarr_right.mat></align><ret>
<offset vshift=13 hshift=13><img src=/material/ui/tooltip/hint_%0.mat><ret>
<margin left=78 right=-24><align vstyle=center><font face=/font/normal.font><color value=@@clr_help@@>%1</font></align></margin>"

	height: 60
}


ui::text_template : txt.brand.logo {
	name: "Brand logo"
	text: "<align hstyle=center><img src=/material/ui/brand_logo/%0.mat top=p2></align>"
}

ui::text_template : txt.ttip_truck {
	name: "Tooltip truck"
	text: "<align hstyle=center><img src=/material/ui/brand_logo/%0.mat top=p2><br><color value=FFC2C2C2><font face=/font/normal.font xscale=0.9 yscale=0.9>%1</font></align>"
}

ui::text_template : txt.radio.volume {
	name: "Radio volume"
	text: "<img src=/material/ui/radio/sld_volume1.mat><ret><img src=/material/ui/radio/sld_volume2.mat right=p%0>"
	width: 152
	height: 26
}

ui::text_template : txt.delivery {
	name: "Delivery medal"
	text: "<img src=/material/ui/%0.mat><ret><align hstyle=center><font face=/font/title.font><offset vshift=52>%1</font></align>"
	width: 256
	height: 128
}

ui::text_template : txt.hud.overlay {
	name: "HUD Overlay"
	text: "<img src=/material/ui/white.mat xscale=stretch_full yscale=stretch color=%0>"
}


ui::text_template : txt.widget.body {
	name: "Widget Body"
	text: "<align vstyle=top><font face=/font/normal.font>%0</font><br offset=8><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%1<br offset=4>%2<br offset=4>%3<br offset=4>%4</font></align>"
}

ui::text_template : txt.widget.body.company {
	name: "Company Widget Body"
	text: "<align vstyle=top><font face=/font/normal.font>%0</font><br offset=8><font face=/font/normal.font xscale=0.9><color value=@@clr_txt@@>%1<br offset=2>%2<br offset=2>%3<br offset=2>%4<br offset=2>%5</font></align>"
}

ui::text_template : txt.widget.simple {
	name: "Simple widget background"
	text: "<img src=/material/ui/window/widget_simple_corner.mat><img src=/material/ui/window/widget_simple_corner.mat left=1 width=-16><img src=/material/ui/window/widget_simple_corner.mat left=1 right=0><br>
<img src=/material/ui/window/widget_simple_corner.mat top=1 height=-16><img src=/material/ui/window/widget_simple_corner.mat top=1 left=0.99 width=-16 height=-16><img src=/material/ui/window/widget_simple_corner.mat top=1 left=1 right=0 height=-16><br>
<img src=/material/ui/window/widget_simple_corner.mat top=1 bottom=0><img src=/material/ui/window/widget_simple_corner.mat top=1 bottom=0 left=1 width=-16><img src=/material/ui/window/widget_simple_corner.mat top=1 bottom=0 left=1 right=0>"
}

ui::text_template : txt.widget.simple_notra {
	name: "Simple widget background (not transp.)"
	text: "<img src=/material/ui/window/widget_simple_corner_no_transp.mat><img src=/material/ui/window/widget_simple_corner_no_transp.mat left=1 width=-16><img src=/material/ui/window/widget_simple_corner_no_transp.mat left=1 right=0><br>
<img src=/material/ui/window/widget_simple_corner_no_transp.mat top=1 height=-16><img src=/material/ui/window/widget_simple_corner_no_transp.mat top=1 left=0.99 width=-16 height=-16><img src=/material/ui/window/widget_simple_corner_no_transp.mat top=1 left=1 right=0 height=-16><br>
<img src=/material/ui/window/widget_simple_corner_no_transp.mat top=1 bottom=0><img src=/material/ui/window/widget_simple_corner_no_transp.mat top=1 bottom=0 left=1 width=-16><img src=/material/ui/window/widget_simple_corner_no_transp.mat top=1 bottom=0 left=1 right=0>"
}


ui::text_template : txt.widget.time {
	name: "Time Widget"
	text: "<img src=/material/ui/window/widget_simple_corner.mat width=16 bottom=p12><img src=/material/ui/window/widget_simple_corner.mat left=1 width=-16 bottom=p12><img src=/material/ui/window/widget_simple_corner.mat left=1 right=0 bottom=p12><br><img src=/material/ui/window/widget_simple_corner.mat top=1 height=-12><img src=/material/ui/window/widget_simple_corner.mat top=1 left=0.99 width=-16 height=-12><img src=/material/ui/window/widget_simple_corner.mat top=1 left=1 right=0 height=-12><br><img src=/material/ui/window/widget_simple_corner.mat top=1 bottom=0 top=p12><img src=/material/ui/window/widget_simple_corner.mat top=1 bottom=0 left=1 width=-16 top=p12><img src=/material/ui/window/widget_simple_corner.mat top=1 bottom=0 left=1 right=0 top=p12><ret><align vstyle=center hstyle=left><offset hshift=12><img src=/material/ui/icon/clock.mat color=FFFFFFFF><offset hshift=8><font face=/font/normal.font><color value=@@clr_txt@@>@@game_time@@: <color value=@@clr_sel@@>%0</font></align>"
}


ui::text_template : txt.window.bcg_rect {
	name: "Background round rectangle"
	text: "<color value=%0><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=-1><offset vshift=1><img src=/material/ui/white.mat width=1 height=-1>"
}

ui::text_template : txt.window.bcg_rect8 {
	name: "Background rect 8px corners"
	text: "<color value=%0><img src=/material/ui/corner_8px.mat><img src=/material/ui/corner_8px.mat left=1 xscale=stretch width=-8><img src=/material/ui/corner_8px.mat left=1 right=0 xscale=stretch>
<img src=/material/ui/white.mat xscale=stretch yscale=stretch height=-8>
<img src=/material/ui/corner_8px.mat top=1 bottom=0><img src=/material/ui/corner_8px.mat top=1 bottom=0 left=1 xscale=stretch width=-8><img src=/material/ui/corner_8px.mat top=1 bottom=0 left=1 right=0>"
}

ui::text_template : txt.window.bcg_rect_adv {
	name: "Adviser light background"
	text: "<img src=/material/ui/adviser/light_corner.mat><img src=/material/ui/adviser/light_corner.mat left=1 xscale=stretch width=-16><img src=/material/ui/adviser/light_corner.mat left=1 right=0 xscale=stretch>
<img src=/material/ui/adviser/light_corner.mat left=1 bottom=1 xscale=stretch yscale=stretch height=-16>
<img src=/material/ui/adviser/light_corner.mat top=1 bottom=0><img src=/material/ui/adviser/light_corner.mat top=1 bottom=0 left=1 xscale=stretch width=-16><img src=/material/ui/adviser/light_corner.mat top=1 bottom=0 left=1 right=0>"
}

ui::text_template : txt.window.bcg_rect_frm {
	name: "Background rectangle a la tooltip"
	text: "<color value=%0><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p8><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p31 right=p32 width=-24><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p32 right=p8><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p0 left=p8 height=-48><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p1 left=p31 right=p32 width=-24 height=-24><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p0 left=p32 right=p10 height=-24><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p8><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p31 right=p32 width=-24><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p32 right=p8>"
}

ui::text_template : txt.acc_conflict {
	name:"Accessory conflict"
	text:"<img src=/material/ui/acc_conflict.mat color=%0FFFFFF xscale=stretch yscale=stretch>"
}

ui::text_template : txt.table.head {
	name:"Table heading"
	text:"<img src=/material/ui/button/btn_dark.mat left=1 right=0><img src=/material/ui/button/btn_dark.mat right=0 width=-8><img src=/material/ui/button/btn_dark.mat>"
	height: 32
}

ui::text_table_template : txt.table.singlecell {
	name: "Table background - single cell"
	leftmost_cell_pml: "<color value=%0><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height-2}><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=${width-1} height=${height}><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height-2}>"
	middle_cell_pml: ""
	rightmost_cell_pml: ""
}

ui::text_table_template : txt.table.singlecell.interl {
	name: "Table background - single cell interleaved"
	leftmost_cell_pml: "<color value=%0><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height/2-3}><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=${width-1} height=${height/2-1}><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height/2-3}>
<hbr><color value=%1><offset vshift=${height/2+1}><img src=/material/ui/white.mat width=1 height=${height/2-3}><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=${width-1} height=${height/2-1}><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height/2-3}>"
	middle_cell_pml: ""
	rightmost_cell_pml: ""
}

ui::text_table_template : txt.table.stats {
	name: "Table background - statistics"
	leftmost_cell_pml: "<color value=%0><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height/2-2}><offset vshift=-1><img src=/material/ui/white.mat yscale=stretch width=${width-1} height=${height/2}><offset vshift=1><img src=/material/ui/white.mat width=1 height=${height/2-2}>"
	middle_cell_pml: ""
	rightmost_cell_pml: ""
}

ui::text_table_template : txt.table.log_bcg {
	name: "Delivery log - chart background"
	leftmost_cell_pml: ""
	middle_cell_pml: "<color value=%0><img src=/material/ui/white.mat width=${width} height=${height/2}><color value=%1><offset vshift=${height/2} hshift=${-width}><img src=/material/ui/white.mat width=${width} height=${height/2}>"
	rightmost_cell_pml: ""
}

ui::text_table_template : txt.table.log_days {
	name: "Delivery log - chart days"
	leftmost_cell_pml: "<color value=FF6E6E6E><font face=/font/normal.font>"
	middle_cell_pml: "<align vstyle=center hstyle=center right=${right}>%#</align>"
	rightmost_cell_pml: "</font>"
}

ui::text_template : txt.driver.plate {
	name: "Driver plate"
	text: "<nowrap><color value=FF430100><offset vshift=54><align hstyle=center><font face=/font/license_plate/california.font xscale=1.4 yscale=1.4>%0</font></align></nowrap>"
}
ui::text_template : txt.license_pl.txt {
	name: "License plate text"
	text: "<nowrap><align hstyle=center vstyle=center><color value=FF430100><font face=/font/license_plate/%0.font>%1</font></align></nowrap>"
}
ui::text_template : txt.license_pl.bcg {
	name: "License plate background"
	text: "<img src=/material/ui/lp/%0/%1.mat xscale=stretch yscale=stretch>"
}

ui::text_template : text.joy.axis.gauge {
	name: "Joy Axis Gauge Unidirectional"
	text: "<img src=/material/ui/white.mat width=%0 yscale=stretch color=@@clr_sel@@>"
}

ui::text_template : text.joy.axis.gauge.center {
	name: "Joy Axis Gauge Centered"
	text: "<offset hshift=%1><img src=/material/ui/white.mat width=%0 yscale=stretch color=%2>"
}

ui::text_template : text.comp_logo {
	name: "Company logo"
	text: "<img src=/material/ui/player_logo/%0.mat>"

	width: 128
	height: 128
}

ui::text_template : txt.map.routing {
	name: "Map routing notification"
	text: "<color value=C0000000><offset vshift=1><img src=/material/ui/white.mat width=1 height=-2><offset vshift=-1><img src=/material/ui/white.mat width=-1 yscale=stretch><offset vshift=1><img src=/material/ui/white.mat width=1 height=-2><ret><color value=FFFFFFFF><align hstyle=center vstyle=center><img src=/video/busy.mat right=p32 bottom=p32 ka=left><font face=/font/normal.font><color value=@@clr_txt@@><offset vshift=8 hshift=20>@@calculating_route@@</font></align>"
}


ui::text_template : txt.eye.sens {
	name: "Eye sensitivity background"
	text: "<img src=/material/ui/white.mat xscale=stretch yscale=stretch color=FF%0%0%0>"
}

ui::text_template : txt.blending.notification {
	name: "Blending notification"
	text: "<align hstyle=center vstyle=center><img src=/material/ui/tooltip/corner_s.mat><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0><br><img src=/material/ui/tooltip/corner_s.mat left=p6 width=-10 height=-25><img src=/material/ui/tooltip/corner_s.mat left=p6 height=-25><br><img src=/material/ui/tooltip/corner_s.mat top=1 bottom=0><img src=/material/ui/tooltip/corner_s.mat left=p4 right=p8 width=-16><img src=/material/ui/tooltip/corner_s.mat left=1 right=0 top=1 bottom=0></align><ret><offset vshift=-2><align hstyle=center vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0</font></align>"
}

ui::text_template : txt.viewpoint.cutscene {
	name: "Viewpoint cutscene text"
	text: "<align hstyle=center vstyle=center><font face=/font/big.font><color value=@@clr_sel@@>%0</font></align>"
}

################
# HUD/Adviser
################
ui::text_template : txt.adv_speed {
	name: "Adviser speed"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
	height: 22
}

ui::text_template : txt.adv_gear {
	name: "Adviser gear"
	text: "<align hstyle=center vstyle=center><img src=/material/ui/adviser/gear.mat><font face=/font/normal.font><color value=@@clr_sel@@>%0</font></align>"
	height: 22
}

ui::text_template : txt.adv_fuel {
	name: "Adviser fuel"
    text: "<align vstyle=center><img src=/material/ui/white.mat width=5 height=16 color=FF969696></align><ret><align vstyle=bottom><img src=/material/ui/white.mat width=5 height=%0 color=@@clr_sel@@></align>"
	height: 14
}

ui::text_template : txt.adv_icon {
	name: "Adviser icon"
    text: "<img src=/material/ui/adviser/%0.mat color=FF969696><ret><align vstyle=bottom><img src=/material/ui/adviser/%0.mat top=p%1 color=%2></align>"
    height: 16
}

ui::text_template : txt.adv_time {
	name: "Adviser time"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font>%0</font></align>"
	height: 22
}

ui::text_template : txt.adv_title {
	name: "Adviser page title"
	text: "<margin left=10><align hstyle=left vstyle=center><font face=/font/normal.font>%0</font></align></margin>"
	height: 21
}

ui::text_template : txt.adv_money {
	name: "Adviser money"
	text: "<align vstyle=center hstyle=right><font face=/font/normal.font xscale=0.9 yscale=0.9><color value=@@clr_sel@@>%0</font></align>"
	height: 21
}

ui::text_template : txt.adv_line {
	name: "Adviser text line"
	text: "<margin left=10 right=-10><align vstyle=center><font face=/font/normal.font><color value=FFC8C8C8>%0</font></align><ret><align hstyle=right vstyle=center><font face=/font/normal.font><color value=FFFFFFFF>%1</font></align></margin>"
}

ui::text_template : txt.adv_line.gray {
	name: "Adviser text line (gray)"
	text: "<img src=/material/ui/white.mat color=60373737 xscale=stretch yscale=stretch><ret><margin left=10 right=-10><align vstyle=center><font face=/font/normal.font><color value=FFC8C8C8>%0</font></align><ret><align hstyle=right vstyle=center><font face=/font/normal.font><color value=FFFFFFFF>%1</font></align></margin>"
	height: 20
}

ui::text_template : txt.adv_info {
	name: "Adviser info"
	text: "<align hstyle=center><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
}

// icon (truck or trailer) | white pixels
ui::text_template : txt.adv_damage {
	name: "Adviser damage icon"
	text: "<img src=/material/ui/adviser/%0 bottom=p44><ret><align vstyle=bottom><img src=/material/ui/adviser/%0 top=p%1 bottom=p44 color=FF0000FF></align>"
	height: 44
}

ui::text_template : txt.adv_drvmsg {
	name: "Adviser driver message"
	text: "<align vstyle=center><color value=FFF5EB97><font face=/font/small.font>%0</font></align>"
}

ui::text_template : txt.adv_navi_eta {
	name: "Adviser navigation ETA"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font xscale=0.9 yscale=0.9><color value=@@clr_white@@>%2, %0, %1</font></align>"
}

ui::text_template : txt.adv_navi_spd {
	name: "Adviser navigation speed limit"
	text: "<img src=/material/ui/adviser/limit_sign.mat xscale=stretch yscale=stretch><ret><align hstyle=center vstyle=center><font face=/font/normal.font xscale=1.1 yscale=1.1><color value=FF000000>%0</font></align>"
}

ui::text_template : txt.adv_tip_key {
	name: "Adviser hot key hint"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font><color value=FF7F7F7F>%0</font></align>"
}

ui::text_table_template : txt.table.adv_tipbcg {
	name: "Adviser controls tip background"
	leftmost_cell_pml: ""
	middle_cell_pml: "<img src=/material/ui/white.mat xscale=stretch yscale=stretch width=${width} color=FF222222><offset hshift=${-width}><align hstyle=center vstyle=center right=${right}><font face=/font/normal.font><color value=FF7F7F7F>%#</font></align>"
	rightmost_cell_pml: ""
}

ui::text_template : txt.mini_adv_bcg {
	name: "Adviser mini mode bcg"
	text: "<color value=%0FFFFFF><img src=/material/ui/adviser/bcg1.mat  left=p20 top=p26>"
}

ui::text_template : txt.db_navi_spd {
	name: "Dashboard navigation speed limit"
	text: "<img src=/material/ui/adviser/limit_sign.mat xscale=stretch yscale=stretch><ret><align hstyle=center vstyle=center><font face=/font/big.font xscale=1.3 yscale=1.3><color value=FF000000>%0</font></align>"
}

################
# Bank
################
ui::text_template : txt.bank.h {
	name: "Bank - Heading"
	text: "<img src=/material/ui/button/btn_dark.mat left=1 right=0><img src=/material/ui/button/btn_dark.mat right=0 width=-8><img src=/material/ui/button/btn_dark.mat><ret>
<align hstyle=left vstyle=center left=20><color value=@@clr_txt@@><font face=/font/normal.font>%0</font></align>"
	height: 32
}

ui::text_template : txt.bank.total {
	name: "Bank - Totals"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font>%0</font></align>
<ret><align hstyle=left vstyle=center left=170><font face=/font/normal.font><color value=@@clr_sel@@>%1<color value=@@clr_txt@@></font></align>
<ret><align hstyle=right vstyle=center right=658><font face=/font/normal.font>%2 / @@ui_1day@@</font></align>"
}

ui::text_template : txt.bank.nl_confirm {
	name: "Bank - New loan confirm message"
	text: "<align hstyle=center vstyle=center>
<font face=/font/normal.font>%0<br offset=25>
@@bank_nl_confirm_duration@@<color value=FFFFFFFF> %1<br><color value=@@clr_txt@@>
@@bank_nl_confirm_intrate@@<color value=FFFFFFFF> %2%<br offset=20><color value=@@clr_txt@@>
@@bank_nl_confirm_installment@@<color value=FFFFFFFF> %3<br offset=100>
<color value=FFFFFFFF>@@bank_nl_confirm_makesure@@
</font>
</align>"
}

################
# Mail
################
ui::text_template : txt.mail.h {
	name: "Mail - Heading"
	text: "<img src=/material/ui/button/btn_dark.mat left=1 right=0><img src=/material/ui/button/btn_dark.mat right=0 width=-8><img src=/material/ui/button/btn_dark.mat><ret>
<align hstyle=left vstyle=center left=20><color value=@@clr_sel@@><font face=/font/normal.font>%0</font></align>"
	height: 32
}

ui::text_template : txt.mail.subject {
	name: "Mail - Subject line"
	text: "<img src=/material/ui/button/btn_list_s.mat color=AAFFFFFF left=1 right=0><img src=/material/ui/button/btn_list_s.mat color=AAFFFFFF right=0 width=-8><img src=/material/ui/button/btn_list_s.mat color=AAFFFFFF><ret>
<align hstyle=left vstyle=center left=20><font face=/font/normal.font><color value=@@clr_sel@@>@@mail_subject_pref@@ <color value=@@clr_txt@@>%0</font></align>"
	height: 32
}

ui::text_table_template: txt.mail.inbox_bcg {
	name: "Mail - Inbox background"
	leftmost_cell_pml: "<img src=/material/ui/button/btn_list.mat left=1 right=0><img src=/material/ui/button/btn_list.mat right=0 width=${width-16}><img src=/material/ui/button/btn_list.mat>"
	middle_cell_pml: "<img src=/material/ui/button/btn_list.mat left=1 right=0><img src=/material/ui/button/btn_list.mat right=0 width=${width-16}><img src=/material/ui/button/btn_list.mat>"
	rightmost_cell_pml: "<img src=/material/ui/button/btn_list.mat left=1 right=0><img src=/material/ui/button/btn_list.mat right=0 width=${width-16}><img src=/material/ui/button/btn_list.mat>"
	row_height: 32
}

################
# Loading
################
ui::text_template : txt.loading.pic {
	name: "Loading - picture"
	text: "<img src=%0 xscale=stretch yscale=stretch>"
}

ui::text_template : txt.loading.job {
	name: "Loading - job info"
	text: "<align hstyle=center vstyle=top><font face=/font/normal.font><color value=FFB6B6B6>%0<offset hshift=22>%1<color value=FFB6B6B6>%2<offset hshift=22>%3<offset hshift=22>%4</font></align>"
}

################
# Company manager
################
ui::text_table_template : txt.compman.table {
	name: "Company manager - table"
	leftmost_cell_pml: "<img src=/material/ui/button/btn_list.mat left=1 right=0><img src=/material/ui/button/btn_list.mat right=0 width=${width-8}>"
	middle_cell_pml: "<img src=/material/ui/button/btn_list.mat right=0 width=${width}>"
	rightmost_cell_pml: "<img src=/material/ui/button/btn_list.mat right=0 width=${width-8}><img src=/material/ui/button/btn_list.mat>"
	row_height: 32
}

ui::text_table_template : txt.compman.slots {
	name: "Company manager - slots' background"
	leftmost_cell_pml:
"<offset hshift=3 vshift=3><img src=/material/ui/company_manager/slot_void.mat right=${width}>"
	middle_cell_pml:
"<offset hshift=3 vshift=3><img src=/material/ui/company_manager/slot_void.mat right=${width}>"
	rightmost_cell_pml:
"<offset hshift=3 vshift=3><img src=/material/ui/company_manager/slot_void.mat right=${width}>"

	row_height: 96
}

ui::text_template : txt.compman.picbutbcg {
	name: "Company manager - vehicle background"
	text: "<offset hshift=3 vshift=3><img src=/material/ui/white.mat width=90 height=90 color=FF424242><ret><img src=/material/ui/button/pic_frame_n.mat bottom=p110 height=96 yscale=stretch><img src=/material/ui/button/pic_frame_n.mat left=p16 bottom=p110 height=96 width=64 yscale=stretch><img src=/material/ui/button/pic_frame_n.mat left=1 right=0 bottom=p110 height=96 yscale=stretch>"
	width:	96
	height: 96
}

ui::text_template : txt.compman.driverpic {
	name: "Company manager - driver portrait"
	text: "<img src=/material/ui/button/profile0.mat bottom=p110 height=96 yscale=stretch><img src=/material/ui/button/profile0.mat left=p16 bottom=p110 height=96 width=64 yscale=stretch><img src=/material/ui/button/profile0.mat left=1 right=0 bottom=p110 height=96 yscale=stretch>
<ret><align hstyle=center vstyle=center><img src=%0.mat right=p96 bottom=p96 width=86 height=86></align>"
	width:	96
	height: 96
}

ui::text_template : txt.compman.garagepic {
	name: "Company manager - garage portrait"

	text: "<align hstyle=center vstyle=center><img src=/material/ui/company_manager/garage_%0.mat></align>"

	width:	138
	height: 138
}

ui::text_template : txt.msgbox.driver {
	name: "Driver message box"
	text: "<align hstyle=center vstyle=center><img src=/material/ui/button/profile0.mat bottom=p110 height=96 yscale=stretch><img src=/material/ui/button/profile0.mat left=1 bottom=p110 height=96 width=64 yscale=stretch><img src=/material/ui/button/profile0.mat left=1 right=0 bottom=p110 height=96 yscale=stretch>
<ret><offset hshift=5 vshift=5><img src=/material/ui/driver/%0.mat right=p96 bottom=p96 width=86 height=86><br offset=25><font face=/font/normal.font><color value=@@clr_txt@@>%1</font></align>"
}

ui::text_template : txt.compman.target_sum {
	name: "Productivity target sum"

	text: "<align hstyle=right vstyle=center><img src=/material/ui/company_manager/green_arrow.mat><offset vshift=7 hshift=-2><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"
	height: 32
}

ui::text_template : txt.skillbar_bg {
	name: "Skill bar points background"

	text: "<offset hshift=2 vshift=20><img src=/material/ui/skill_bar1.mat><offset hshift=-14><img src=/material/ui/skill_bar1.mat><offset hshift=-14><img src=/material/ui/skill_bar1.mat><offset hshift=-14><img src=/material/ui/skill_bar1.mat><offset hshift=-14><img src=/material/ui/skill_bar1.mat><offset hshift=-14><img src=/material/ui/skill_bar1.mat>"

	width: 318
	height: 84
}

################
# Garage selection
################
ui::text_template : txt.garsel.driver {
	name: "Garage selection - driver overlay"
	text: "<offset hshift=3 vshift=3><img src=/material/ui/company_manager/slot_bg_tandem.mat color=%1FFFFFF><ret><offset hshift=3 vshift=3><img src=%0.mat right=p96 bottom=p96 width=40 height=40 color=%2FFFFFF>"
	width:	96
	height: 96
}

ui::text_template : txt.garsel.garage {
	name: "Garage selection - garage icon"
	text: "<offset hshift=4 vshift=3><img src=/material/ui/company_manager/garage_%0.mat width=88 height=90>"
	width:	96
	height: 96
}

##############
# Mod manager
##############
ui::text_template : txt.modman.details {
	name: "Mod manager details"
	text: "<align hstyle=left vstyle=top><img src=%4 color=%5><ret><margin left=296><offset vshift=30><font face=/font/big.font><color value=@@clr_sel@@>%0</font></margin><ret><margin left=296><offset vshift=80><font face=/font/normal.font><color value=@@clr_txt@@>@@version@@<br><color value=@@clr_txt@@>@@author@@<br><color value=@@clr_txt@@>@@status@@<ret><offset vshift=80><margin left=140><color value=@@clr_white@@>%1<br><color value=@@clr_white@@>%2<br><color value=@@clr_white@@>%3</margin></font></margin><ret><offset vshift=180><font face=/font/big.font><color value=@@clr_sel@@>@@description@@</font><ret><offset vshift=210><color value=@@clr_txt@@><font face=/font/small.font>%6</font></align>"
}

ui::text_template : txt.window.mm.details {
	name: "Window mod manager details"
	text: "<img src=/material/ui/window/mod_details_top.mat left=p142 right=p512><img src=/material/ui/window/mod_details_top.mat left=p512 right=p142>
	<img src=/material/ui/window/mod_details_bottom.mat left=p142 right=p512 top=p10 bottom=p11 height=-256><img src=/material/ui/window/mod_details_bottom.mat left=p512 right=p142 top=p10 bottom=p11 height=-256>

	<img src=/material/ui/window/mod_details_bottom.mat left=p142 right=p512 bottom=p240 top=p80 height=202><img src=/material/ui/window/mod_details_bottom.mat left=p512 right=p142 bottom=p240 top=p80 height=202>
	<img src=/material/ui/window/mod_details_bottom.mat left=p142 right=p512 top=p240 bottom=p241 height=40><img src=/material/ui/window/mod_details_bottom.mat left=p512 right=p142 top=p240 bottom=p241 height=40>
	<img src=/material/ui/window/mod_details_bottom.mat left=p142 right=p512 top=p240 bottom=p256><img src=/material/ui/window/mod_details_bottom.mat left=p512 right=p142 top=p240 bottom=p256> "
}

ui::text_template : txt.modman.workshop.download {
	name: "Workshop download progress in title"
	text: "<color value=@@clr_txt@@><font face=/font/normal.font>@@workshop_download@@: %0</font>"
}

##################
# Loading screens
##################

ui::text_template : txt.lscr.author {
	name: "Loading screen author info"
	text: "<align hstyle=center><font face=/font/small.font><color value=FFB6B6B6>@@lscr_wotr@@ <color value=@@clr_sel@@>%0</font></align>"
}

ui::text_template : txt.lscr.preview.author {
	name: "Loading screen preview author info"
	text: "<img src=/material/ui/white.mat width=1440 height=60 color=DC000000><ret><font face=/font/big.font><offset vshift=13><margin left=20><color value=@@clr_txt_d@@>@@author@@: <color value=@@clr_sel@@>%0</margin></font>"

	width: 1301
	height: 46
}

ui::text_template : txt.lscr.preview.image {
	name: "Loading screen preview image"
	text: "<img src=%0 xscale=stretch yscale=stretch>"

	width: 1301
	height: 463
}

ui::text_template : txt.loading.stretch {
	name: "Loading - stretched"
	text: "<img src=/material/ui/white.mat color=FF000000 xscale=stretch yscale=stretch><ret><align vstyle=center hstyle=center><img src=/material/ui/wait.mat></align>"
}

ui::text_template : txt.parking.company {
	name: "Parking difficulty company name"
	text: "<align hstyle=center vstyle=center><font face=/font/normal.font>@@job_delivery_company@@ <color value=@@clr_sel@@>%0</font></align>"
}

##############
# Jobs detail and listing
##############
ui::text_template : txt.onlnjob.offer {
	name: "Online Job Offer"
	text: "<align vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0 <color value=@@clr_white@@>/ %1
<br offset=8><color value=@@clr_sel@@>%2 <color value=@@clr_white@@>/ %3
<br offset=8><color value=@@clr_wotr_blue@@><img src=/material/ui/stopwatch.mat>  %4
<br offset=8><color value=@@clr_sel@@>%5 <color value=@@clr_white@@>(%6)
<br offset=8><color value=@@clr_sel@@>%7</font></align>"
}

ui::text_template : txt.onlnjob.time {
	name: "Online Job Time"
	text: "<align hstyle=center vstyle=center><img src=/material/ui/icon/clock.mat> <font face=/font/normal.font><color value=FF8b8b8b>%0: <color value=@@clr_white@@>%1</font></align>"
}

ui::text_template : txt.jobdetail {
	name: "Job Detail"
	text: "<align vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0 <color value=@@clr_white@@>/ %1
<br offset=8><color value=@@clr_sel@@>%2 <color value=@@clr_white@@>/ %3
<br offset=8><color value=@@clr_sel@@>%4
<br offset=8><color value=@@clr_sel@@>%5 <color value=@@clr_white@@>(%6)
<br offset=8><color value=@@clr_sel@@>%7</font></align>"
}

ui::text_template : txt.jobdetail_la {
	name: "Special Job Detail Labels"
	text: "<align hstyle=left vstyle=center><font face=/font/normal.font><color value=@@clr_txt@@><color value=@@clr_white@@>%0\r\n<br offset=8>%1\r\n<br offset=8>%2\r\n<br offset=8>%3\r\n<br offset=8>%4\r\n<br offset=8>%5</font></align>"
}

ui::text_template : txt.jobdetail_sp {
	name: "Special Job Detail"
	text: "<align vstyle=center><font face=/font/normal.font><color value=@@clr_sel@@>%0 <color value=@@clr_white@@>%1
<br offset=8><color value=@@clr_sel@@>%2 <color value=@@clr_white@@>%3
<br offset=8><color value=@@clr_sel@@>%4 <color value=@@clr_white@@>%5
<br offset=8><color value=@@clr_sel@@>%6 <color value=@@clr_white@@>%7
<br offset=8><color value=@@clr_sel@@>%8 <color value=@@clr_white@@>%9
<br offset=8><color value=@@clr_sel@@>%A <color value=@@clr_white@@>%B</font></align>"
}

ui::text_template : txt.jobicon {
	name: "Job Detail Icon"
	text: "<img src=/material/ui/icon/%0.mat width=32 height=32>"
}

ui::text_template : txt.notification.wide {
	name: "Wide notification"

	text: "<img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p8><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p31 right=p32 width=-24><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p32 right=p8><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p0 left=p8 height=-48><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p1 left=p31 right=p32 width=-24 height=-24><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p0 left=p32 right=p10 height=-24><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p8><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p31 right=p32 width=-24><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p32 right=p8>
<ret><margin left=60 right=-15><align vstyle=center hstyle=left><font face=/font/normal.font>%0</font></align></margin>
<ret><offset hshift=18><align vstyle=center><img src=/material/ui/attention.mat color=FFFFFFFF></align>
"
}

ui::text_template : txt.notification.xmas19 {
	name: "Star notification"

	text: "<img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p8><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p31 right=p32 width=-24><img src=/material/ui/tooltip/corner.mat top=p24 bottom=0 left=p32 right=p8><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p0 left=p8 height=-48><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p1 left=p31 right=p32 width=-24 height=-24><img src=/material/ui/tooltip/corner.mat top=p0 bottom=p0 left=p32 right=p10 height=-24><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p8><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p31 right=p32 width=-24><img src=/material/ui/tooltip/corner.mat top=0 bottom=p24 left=p32 right=p8>
<ret><margin left=60 right=-15><align vstyle=center hstyle=left><font face=/font/normal.font>%0</font></align></margin>
<ret><offset hshift=20><align vstyle=center><img src=/material/ui/notice_star.mat color=FFFFFFFF></align>
"
}

ui::text_template : txt.conf_bar.big {
	name: "Truck Config Bar Big"
	text: "<color value=0xFF1C1C1C><img src=/material/ui/white.mat xscale=stretch height=30><color value=0xFFFFFFFF>
	<ret><img src=/material/ui/truck_config/bar_lost.mat   width=%0 height=30>
	<ret><img src=/material/ui/truck_config/bar_gain.mat width=%1 height=30>
	<ret><img src=/material/ui/truck_config/bar_current.mat  width=%2 height=30>
	<ret><font face=/font/normal.font><color value=%3><offset hshift=15 vshift=6>%4</font>"
}

ui::text_template : txt.conf_bar.small {
	name: "Truck Config Bar Small"
	text: "<color value=0xFF1C1C1C><img src=/material/ui/white.mat xscale=stretch height=26>
	<ret><align vstyle=center><font face=/font/normal.font><color value=%0><offset hshift=15>%1<align hstyle=right right=-15>%2</align></font></align>"
}

ui::text_template : txt.ttip_white.up {
	name: "Tooltip UP"
 	text: "<img src=/material/ui/tooltip/corner.mat bottom=0 top=1><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 width=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 right=0><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 height=-64><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 right=p36 left=p34 width=-35 height=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 right=0 left=p35 height=-32><img src=/material/ui/tooltip/corner.mat><img src=/material/ui/tooltip/corner.mat left=1 width=-32><img src=/material/ui/tooltip/corner.mat left=1 right=0>
<ret>
<align hstyle=center vstyle=bottom bottom=-2>
<img src=/material/ui/tooltip/arrow_v.mat top=p16 bottom=p30 left=p6 right=p26>
</align>
<ret>
<margin left=26 right=-26>
<align hstyle=center vstyle=center>
<font face=/font/normal.font><color value=@@clr_txt@@>%0</font>
</align>
</margin>"
}

ui::text_template : txt.ttip_framed.left {
	name: "Tooltip LEFT"
 	text: "<img src=/material/ui/tooltip/corner.mat bottom=0 top=1><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 width=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=1 left=1 right=0><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 height=-64><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 right=p36 left=p34 width=-35 height=-32><img src=/material/ui/tooltip/corner.mat bottom=0 top=p1 right=0 left=p35 height=-32><img src=/material/ui/tooltip/corner.mat><img src=/material/ui/tooltip/corner.mat left=1 width=-32><img src=/material/ui/tooltip/corner.mat left=1 right=0>
<ret>
<align hstyle=right vstyle=center>
<img src=/material/ui/tooltip/arrow_h.mat right=p0 left=p15 top=p24 bottom=p7 height=17>
</align>
<ret>
<margin left=26 right=-26>
<align hstyle=center vstyle=center>
<font face=/font/normal.font><color value=@@clr_txt@@>%0</font>
</align>
</margin>"
}


##################
# Real Estate Pins
##################
ui::text_template : txt.regpin.tiny
{
	name: "Real estate pin tiny"
	text: "<img src=/material/ui/company_manager/real_estate_owned_garage_ico_tiny_d.mat left=p4 top=p4>"

	width: 24
	height: 24
}

ui::text_template : txt.regpin.small
{
	name: "Real estate pin small"
	text: "<img src=/material/ui/company_manager/real_estate_owned_garage_ico_small_d.mat left=p1 top=p1>"

	width: 30
	height: 30
}

ui::text_template : txt.regpin.big {
	name: "Real estate pin big"
	text: "<img src=/material/ui/company_manager/real_estate_owned_garage_ico_big_d.mat left=p15 top=p15>"

	width: 34
	height: 34
}

ui::text_template : txt.regpin.tiny.hq {
	name: "HQ real estate pin tiny"
	text: "<img src=/material/ui/company_manager/hqpin/hq_real_estate_owned_garage_ico_tiny_d.mat left=p4 top=p4>"

	width: 24
	height: 24
}

ui::text_template : txt.regpin.small.hq {
	name: "HQ real estate pin small"
	text: "<img src=/material/ui/company_manager/hqpin/hq_real_estate_owned_garage_ico_small_d.mat left=p1 top=p1>"

	width: 30
	height: 30
}

ui::text_template : txt.regpin.big.hq {
	name:"HQ real estate pin big"
	text: "<img src=/material/ui/company_manager/hqpin/hq_real_estate_owned_garage_ico_big_d.mat left=p0 top=p0>"

	width: 34
	height: 34
}


# Event popup templates

ui::text_template : txt.event.progress
{
	name: "Event progress"
	text: "<font face=/font/normal.font><color value=@@clr_sel@@>@@event_progress@@: <color value=@@%0@@>%1</font>"
}


# Generic templates

ui::text_template : txt.stretched.image
{
	name: "Generic - Stretched image"
	text: "<img src=%0 xscale=stretch yscale=stretch>"
}

ui::text_template : txt.stretched.image.colored
{
	name: "Generic - Stretched image with color"
	text: "<img src=%0 xscale=stretch yscale=stretch color=%1>"
}

ui::text_template : txt.centered.image
{
	name: "Generic - Centered image"
	text: "<align vstyle=center hstyle=center><img src=%0></align>"
}


# Legend tooltip templates

ui::text_template : txt.legend.driver_map.image
{
	name: "Driver map legend image with background"
	text: "<align vstyle=center hstyle=center><color value=%0><img src=/material/ui/company_manager/status_icons/background_images/background_white.mat></align>
	<ret><align vstyle=center hstyle=center><color value=FFFFFFFF><img src=/material/ui/driver/empty.mat width=24 height=24 left=p0 right=p92 top=p4 bottom=p96></align>"
}

ui::text_template : txt.legend.truck_map.image
{
	name: "Truck map legend image with background"
	text: "<align vstyle=center hstyle=center><color value=%0><img src=/material/ui/company_manager/status_icons/background_images/background_white.mat></align>
	<ret><align vstyle=center hstyle=center><color value=FFFFFFFF><img src=%1.mat></align>"
}

ui::text_template : txt.legend.trailer_map.category.image
{
	name: "Trailer map legend image"
	text: "<align vstyle=center hstyle=center><img src=%0 width=32 height=32></align>"
}

ui::text_template : txt.legend.trailer_map.status.image
{
	name: "Trailer map legend image"
	text: "<align vstyle=center hstyle=center><color value=%0><img src=/material/ui/company_manager/status_icons/background_images/background_white.mat></align>"
}

ui::text_template : txt.driver.detail.skill.row {
	name:"Driver detail skill bar"
	text: "<img src=/material/ui/company_manager/driver_skills_icons.mat left=%0 top=p31 bottom=p62 right=%1 width=31 height=31>
<offset hshift=10>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p211 top=p0 bottom=p31 right=p228 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p211 top=p0 bottom=p31 right=p228 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p211 top=p0 bottom=p31 right=p228 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p211 top=p0 bottom=p31 right=p228 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p211 top=p0 bottom=p31 right=p228 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p211 top=p0 bottom=p31 right=p228 width=17 height=31>"
	width:165
	height:31
}

ui::text_template : txt.driver.detail.skill.row.fill {
	name:"Driver detail skill bar fill"
	text: "<img src=/material/ui/company_manager/driver_skills_icons.mat left=p233 top=p0 bottom=p31 right=p250 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p233 top=p0 bottom=p31 right=p250 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p233 top=p0 bottom=p31 right=p250 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p233 top=p0 bottom=p31 right=p250 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p233 top=p0 bottom=p31 right=p250 width=17 height=31>
<offset hshift=3>
<img src=/material/ui/company_manager/driver_skills_icons.mat left=p233 top=p0 bottom=p31 right=p250 width=17 height=31>"
	height:31
}

ui::text_template : txt.driver.avatar {
	name: "Driver avatar"

	text: "<img src=%0.mat xscale=stretch yscale=stretch right=p96 bottom=p96>"
}

ui::text_template : txt.online.dealer.locked.entry {
	name: "Online dealer entry locked overlay"

	text: "<color value=DD4F4F4F><offset hshift=1><img src=/material/ui/white.mat width=-1 height=1><ret><offset vshift=1><img src=/material/ui/white.mat xscale=stretch height=-1><offset hshift=1><img src=/material/ui/white.mat width=-1 height=1><ret>
	<color value=FFFFFFFF>
	<align vstyle=center hstyle=center><img src=/material/ui/lock_big.mat><br><br><font face=/font/normal.font><color value=@@clr_txt@@>%0</font></align>"

	width: 562
	height: 256
}

ui::text_template : txt.adv_damage.cargo {
	name: "Adviser cargo damage icon"
	text: "<img src=/material/ui/adviser/%0 top=p14><ret><align vstyle=bottom bottom=50><img src=/material/ui/adviser/%0 top=p%1 bottom=p64 color=FF0000FF></align>"
	height: 35
}


}
