﻿<?xml version="1.0" encoding="UTF-8" ?>
<NMUILayout version="1.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="NMUILayout.xsd">
	
	<!--                                                                    -->
	<!-- Animations                                                         -->
	<!--                                                                    -->
	<animations>
	
		<!-- General -->
		
		<animation name="Animation.General.FadeOut" duration="300" repeat="false">
			<keyframe time="300" alpha="0" />
		</animation>
		<animation name="Animation.General.FadeIn" duration="300">
			<keyframe time="0" alpha="0" />
			<keyframe time="300" alpha="255" />
		</animation>
		<animation name="Animation.General.Hidden" duration="0">
			<keyframe time="0" alpha="0" />
		</animation>
		
		<!-- General: Fade In -->
		<animation name="Animation.General.FadeIn.Delay100" duration="400">
			<keyframe time="0" alpha="0" />
			<keyframe time="100" alpha="0" />
			<keyframe time="400" alpha="255" />
		</animation>
		<animation name="Animation.General.FadeIn.Delay200" duration="500">
			<keyframe time="0" alpha="0" />
			<keyframe time="200" alpha="0" />
			<keyframe time="500" alpha="255" />
		</animation>
		<animation name="Animation.General.FadeIn.Delay300" duration="600">
			<keyframe time="0" alpha="0" />
			<keyframe time="300" alpha="0" />
			<keyframe time="600" alpha="255" />
		</animation>
		<animation name="Animation.General.FadeIn.Delay400" duration="700">
			<keyframe time="0" alpha="0" />
			<keyframe time="400" alpha="0" />
			<keyframe time="700" alpha="255" />
		</animation>
		<animation name="Animation.General.FadeIn.Delay500" duration="800">
			<keyframe time="0" alpha="0" />
			<keyframe time="500" alpha="0" />
			<keyframe time="800" alpha="255" />
		</animation>
		<animation name="Animation.General.Pulse" duration="1000" repeat="true">
			<keyframe time="0" alpha="100" scaleX="1" scaleY="1" />
			<keyframe time="500" alpha="255" />
			<keyframe time="1000" alpha="100" />
		</animation>

		<animation name="Animation.General.Pulse.NoRepeat" duration="1500">
			<keyframe time="0" alpha="100" scaleX="1" scaleY="1" />
			<keyframe time="500" alpha="255" />
			<keyframe time="1000" alpha="100" />
			<keyframe time="1500" alpha="255" />
		</animation>
				
		<!-- General: Zoom In -->
		<animation name="Animation.General.ZoomIn" duration="300">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="300" alpha="255" scaleX="1" scaleY="1" />
		</animation>
		<animation name="Animation.General.ZoomIn.Delay100" duration="400">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="100" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="400" alpha="255" scaleX="1" scaleY="1" />
		</animation>
		<animation name="Animation.General.ZoomIn.Delay200" duration="500">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="200" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="500" alpha="255" scaleX="1" scaleY="1" />
		</animation>
		<animation name="Animation.General.ZoomIn.Delay300" duration="600">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="300" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="600" alpha="255" scaleX="1" scaleY="1" />
		</animation>
		<animation name="Animation.General.ZoomIn.Delay400" duration="700">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="400" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="700" alpha="255" scaleX="1" scaleY="1" />
		</animation>
		<animation name="Animation.General.ZoomIn.Delay500" duration="800">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="500" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="800" alpha="255" scaleX="1" scaleY="1" />
		</animation>

		<!-- Modules -->
		
		<animation name="Animation.Modules.Create.Delay100" duration="1200">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="100" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="200" alpha="200" scaleX="0.6" scaleY="0.6" />
			<keyframe time="300" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="400" alpha="215" scaleX="1.05" scaleY="1.05" />
			<keyframe time="500" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="700" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="950" alpha="200" scaleX="0.9" scaleY="0.9" />
			<keyframe time="1200" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
		<animation name="Animation.Modules.Create.Delay200" duration="1300">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="200" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="300" alpha="200" scaleX="0.6" scaleY="0.6" />
			<keyframe time="400" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="500" alpha="215" scaleX="1.05" scaleY="1.05" />
			<keyframe time="600" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="800" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="1050" alpha="200" scaleX="0.9" scaleY="0.9" />
			<keyframe time="1300" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
		<animation name="Animation.Modules.Create.Delay300" duration="1400">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="300" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="400" alpha="200" scaleX="0.6" scaleY="0.6" />
			<keyframe time="500" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="600" alpha="215" scaleX="1.05" scaleY="1.05" />
			<keyframe time="700" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="900" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="1150" alpha="200" scaleX="0.9" scaleY="0.9" />
			<keyframe time="1400" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
		<animation name="Animation.Modules.Create.Delay400" duration="1500">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="400" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="500" alpha="200" scaleX="0.6" scaleY="0.6" />
			<keyframe time="600" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="700" alpha="215" scaleX="1.05" scaleY="1.05" />
			<keyframe time="800" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="1000" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="1250" alpha="200" scaleX="0.9" scaleY="0.9" />
			<keyframe time="1500" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
		<animation name="Animation.Modules.Create.Delay500" duration="1600">
			<keyframe time="0" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="500" alpha="0" scaleX="0" scaleY="0" />
			<keyframe time="600" alpha="200" scaleX="0.6" scaleY="0.6" />
			<keyframe time="700" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="800" alpha="215" scaleX="1.05" scaleY="1.05" />
			<keyframe time="900" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="1100" alpha="200" scaleX="1.0" scaleY="1.0" />
			<keyframe time="1350" alpha="200" scaleX="0.9" scaleY="0.9" />
			<keyframe time="1600" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
		
		<animation name="Animation.Modules.MouseIn" duration="400">
			<keyframe time="200" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="400" scaleX="1" scaleY="1" />
		</animation>
		
		<animation name="Animation.Modules.MouseOut" duration="200">
			<keyframe time="200" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
		
		<animation name="Animation.Modules.Label.OnCreate" duration="1000">
			<keyframe time="0" alpha="0" />
			<keyframe time="700" alpha="0" />
			<keyframe time="1000" alpha="200" />
		</animation>
		
		<animation name="Animation.Modules.Label.FocusSet" duration="300">
			<keyframe time="0" />
			<keyframe time="300" alpha="255" />
		</animation>
		
		<animation name="Animation.Modules.Label.FocusLost" duration="300">
			<keyframe time="0" />
			<keyframe time="300" alpha="200" />
		</animation>
		
		
		<!-- Menu Items -->
		<animation name="Animation.MenuItems.Item.Create" duration="300">
			<keyframe time="0" alpha="0" />
			<keyframe time="300" alpha="255" />
		</animation>
		<animation name="Animation.MenuItems.Label.Create" duration="400">
			<keyframe time="0" alpha="0" scaleX="1.0" scaleY="1.0" />
			<keyframe time="100" alpha="0" />
			<keyframe time="400" alpha="204" />
		</animation>
		<animation name="Animation.MenuItems.Label.MouseIn" duration="200">
			<keyframe time="200" alpha="255" scaleX="1.05" scaleY="1.0" />
		</animation>
		<animation name="Animation.MenuItems.Label.MouseOut" duration="200">
			<keyframe time="200" alpha="204" scaleX="1.0" scaleY="1.0" />
		</animation>
		
		
		<!-- File Browser -->
		<animation name="Animation.FileBrowser.Item.Create" duration="0">
		</animation>
		<animation name="Animation.FileBrowser.Label.Create" duration="0">
		</animation>
		<animation name="Animation.FileBrowser.Icon.Create" duration="0">
			<keyframe time="0" scaleX="0.8" scaleY="0.8" />
		</animation>
		<animation name="Animation.FileBrowser.Icon.MouseIn" duration="400">
			<keyframe time="200" alpha="255" scaleX="1.1" scaleY="1.1" />
			<keyframe time="400" scaleX="1" scaleY="1" />
		</animation>
		<animation name="Animation.FileBrowser.Icon.MouseOut" duration="200">
			<keyframe time="200" alpha="200" scaleX="0.8" scaleY="0.8" />
		</animation>
				
		<!-- Notifications Items -->
		<animation name="Animation.Notification.Show" duration="300">
			<keyframe time="0" alpha="0" />
			<keyframe time="300" alpha="255" />
			<keyframe time="4500" alpha="255" />
			<keyframe time="5000" alpha="0" />
		</animation>
		
	</animations>
	
	<!--                                                                    -->
	<!-- Images                                                             -->
	<!--                                                                    -->
	<images>
		<!-- Debugging only -->
		<image name="image.debug.frame" source="Graphics\debug_frame.png" />
		<image name="image.debug.fill" source="Graphics\debug_fill.png" />
		
		<!-- Background -->
		<image name="image.background.audio" source="Graphics\Backgrounds_Others\background_audio.jpg" fillStyle="fill" />
		
		<!-- General -->
			
		<!-- General: Controls -->
		<image name="image.general.control.box" source="Graphics\BG_Settings\normal.png" />
		<image name="image.general.control.button" source="Graphics\BG_Settings\button.png" fillStyle="tile" />
		
		<!-- General: Controls - Checkbox -->
		<image name="image.general.control.checkbox" source="Graphics\BG_Settings\checkbox_normal.png" />
		<image name="image.general.control.checkbox.selected" source="Graphics\BG_Settings\checkbox_selected.png" />
		<image name="image.general.control.checkbox.focused" source="Graphics\BG_Settings\checkbox_focused.png" />
		<image name="image.general.control.checkbox.checked" source="Graphics\Icons_Settings\checkbox_on.png" />
		<image name="image.general.control.checkbox.unchecked" source="Graphics\Icons_Settings\checkbox_off.png" />

		<!-- General: Controls - Radio Buttons -->
		<image name="image.general.control.radio.checked" source="Graphics\Icons_Settings\radio_button_checked.png" />
		<image name="image.general.control.radio.unchecked" source="Graphics\Icons_Settings\radio_button_unchecked.png" />
		<image name="image.general.control.radio.disabled" source="Graphics\Icons_Settings\radio_button_disabled.png" />
		
		<!-- Header Controls -->
		<image name="image.headercontrol.background.normal" source="Graphics\BG_Handlers\normal.png" />
		<image name="image.headercontrol.background.windows" source="Graphics\BG_Handlers\windows.png" />

		<!-- Player Controls -->
		<image name="image.playercontrols.small.background" source="Graphics\BG_PlayerControls\small_background.png" fillStyle="tile" />

		<image name="image.playercontrols.normal.background" source="Graphics\BG_PlayerControls\normal_background.png" fillStyle="tile" />
		<image name="image.playercontrols.normal.seekbar" source="Graphics\BG_PlayerControls\normal_slider.png" fillStyle="tile" />
		<image name="image.playercontrols.normal.seekbar.thumb" source="Graphics\Icons_PlayerControls\normal_slider.png" fillStyle="fit" />
		<image name="image.playercontrols.normal.seekbar.fill" source="Graphics\BG_PlayerControls\normal_slider_fill3.png" fillStyle="tile" />

		<image name="image.playercontrols.normal.volume" source="Graphics\BG_PlayerControls\normal_volume_background.png" fillStyle="tile" />
		<image name="image.playercontrols.normal.volume.fill" source="Graphics\BG_PlayerControls\normal_volume_fill2.png" fillStyle="tile" />

		<image name="image.playercontrols.large.background" source="Graphics\BG_PlayerControls\large_background.png" fillStyle="tile" />
		<image name="image.playercontrols.large.seekbar" source="Graphics\BG_PlayerControls\large_slider.png" fillStyle="tile" />
		<image name="image.playercontrols.large.seekbar.thumb" source="Graphics\Icons_PlayerControls\large_slider.png" fillStyle="fit" />
		<image name="image.playercontrols.large.seekbar.fill" source="Graphics\BG_PlayerControls\large_slider_fill3.png" fillStyle="tile" />
		
		<image name="image.playercontrols.large.volume" source="Graphics\BG_PlayerControls\large_volume_background.png" fillStyle="tile" />
		<image name="image.playercontrols.large.volume.fill" source="Graphics\BG_PlayerControls\large_volume_fill2.png" fillStyle="tile" />

		<!-- File Browser: List View -->
		<image name="image.filebrowser.listview.item" source="Graphics\BG_Content_ListView\normal.png" />
		<image name="image.filebrowser.listview.glow" source="Graphics\BG_Content_ListView\glow.png" />

		<!-- File Browser: Big List View -->
		<image name="image.filebrowser.listview.big.item" source="Graphics\BG_Content_BigListView\normal.png" />
		<image name="image.filebrowser.listview.big.glow" source="Graphics\BG_Content_BigListView\glow.png" />
		<image name="image.filebrowser.listview.big.item.progress.tile"	source="Graphics\BG_Content_ListViewItem\progress_tile.png"/>
		<image name="image.filebrowser.listview.big.item.progress.back"	source="Graphics\BG_Content_ListViewItem\progress_back.png"/>

		<!-- File Browser: Icon View -->
		<image name="image.filebrowser.iconview.item" source="Graphics\BG_Content_IconView\icon_normal.png" />
		<image name="image.filebrowser.iconview.container" source="Graphics\BG_Content_IconView\folder_normal.png" />
		<image name="image.filebrowser.iconview.glow" source="Graphics\BG_Content_IconView\glow.png" />

		<!-- Player : InfoPanel-->
		<!-- image name="image.player.minimized.background.audio" source="Graphics\BG_Specials\minimized_audio.png" fillStyle="stretch" /-->
		<image name="image.infopanel.fullscreen.top.background" source="Graphics\BG_InfoPanel\NH_Panel_BGTop.png" />
		<image name="image.infopanel.fullscreen.middle.background" source="Graphics\BG_InfoPanel\NH_Panel_BGMiddle.png" />		
		<image name="image.infopanel.fullscreen.bottom.background" source="Graphics\BG_InfoPanel\NH_Panel_BGBottom.png" />		
		<image name="image.infopanel.menu.item.focused" source="Graphics\BG_InfoPanel\Line_Focus.png" horizontal-resize-matrix="140,*,8" />
		<!-- Page -->
		<!-- Header -->
		<image name="image.page.header" source="Graphics\BG_Handlers\header.png" fillStyle="tile" />
		<image name="image.page.header.logo" source="Graphics\BG_Handlers\header_logo.png" fillStyle="tile" />
		<image name="image.page.header.controls" source="Graphics\BG_Handlers\header_controls.png" fillStyle="tile" />
		
		<!-- Clipboard, Recordings, Search Results -->
		<image name="image.page.recordings" source="Graphics\Icons_Content\folder_recordings_selected_thumb.png" />
		<image name="image.page.clipboard" source="Graphics\Icons_Content\folder_clipboard_selected_thumb.png" />
		<image name="image.page.clipboard.hovered" source="Graphics\Icons_Content\folder_clipboard_normal_thumb.png" />
		<image name="image.page.clipboard.inactive" source="Graphics\Icons_Content\folder_clipboard_inactive_thumb.png" />
		<image name="image.page.searchresults" source="Graphics\Icons_Content\folder_search_selected_thumb.png" />
		<image name="image.page.searchresults.hovered" source="Graphics\Icons_Content\folder_search_normal_thumb.png" />
		<image name="image.page.searchresults.inactive" source="Graphics\Icons_Content\folder_search_inactive_thumb.png" />
		<image name="image.page.bgscanner" source="Graphics\Icons_Content\folder_scout_selected_thumb.png" />
		<image name="image.page.bgscanner.hovered" source="Graphics\Icons_Content\folder_scout_normal_thumb.png" />
		<image name="image.page.bgscanner.inactive" source="Graphics\Icons_Content\folder_scout_inactive_thumb.png" />
		
		<!-- Main Menu -->
		<image name="image.menu.item" source="Graphics\BG_MenuItems\normal.png" />
		
		<image name="image.menu.scroll.up" source="Graphics\BG_Content_ListView\scrollup.png" />
		<image name="image.menu.scroll.down" source="Graphics\BG_Content_ListView\scrolldown.png" />

		<!-- Virtual Keyboard -->
		<image name="image.virtualkeyboard.background" source="Graphics\VirtualKeyboard\vk_back.png" />
		<image name="image.virtualkeyboard.key" source="Graphics\VirtualKeyboard\vk_key.png" />
		<image name="image.virtualkeyboard.bigkey" source="Graphics\VirtualKeyboard\vk_bigkey.png" fillStyle="tile" />
		<image name="image.virtualkeyboard.bigkey.left" source="Graphics\VirtualKeyboard\vk_bigkey_left.png" />
		<image name="image.virtualkeyboard.bigkey.right" source="Graphics\VirtualKeyboard\vk_bigkey_right.png" />
	
		<!-- OSD: Volume View -->
		<image name="image.osd.large.volume" source="Graphics\BG_OSD\large_volume_fill.png" fillStyle="tile" />
		<image name="image.osd.normal.volume" source="Graphics\BG_OSD\normal_volume_fill.png" fillStyle="tile" />
		<image name="image.osd.minimized.volume" source="Graphics\BG_OSD\small_volume_fill.png" fillStyle="tile" />
		<!-- SelectionControl Images -->
		<!-- Please change these images before release -->
		<image name="image.selection.arrowcross"		source="Graphics\SelectionControl\ArrowCross.png" />
		<image name="image.selection.arrowhorizontal"	source="Graphics\SelectionControl\ArrowHorizontal.png" />
		<image name="image.selection.arrowvertical"		source="Graphics\SelectionControl\ArrowVertical.png" />
		
		<!-- slideshow export images -->
		<image name="image.exportslideshow.wait" source="Graphics\Icons_Content\hourglass.png" fillStyle="center" />
		<image name="image.exportslideshow.progressbar" source="Graphics\BG_Specials\progress_back.png" fillStyle="tile" />
		<image name="image.exportslideshow.progressbar.fill" source="Graphics\BG_Specials\progress_tile.png" fillStyle="tile" />
	</images>
	
	<!--                                                                    -->
	<!-- Fonts                                                              -->
	<!--                                                                    -->
	<fonts>
		<font name="font.normal" size="12" face="Tahoma" bold="false" />
		<font name="font.normal.heavy" size="12" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.normal.heavy.selected" size="12" face="Tahoma" bold="true" italic="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.large" size="14" face="Tahoma" bold="false" />
		<font name="font.large.heavy" size="14" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.small" size="10" face="Tahoma" bold="false" />
		<font name="font.small.heavy" size="10" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />

		<font name="font.tiny" size="6" face="Tahoma" bold="false" />
		<font name="font.tiny.heavy" size="6" face="Tahoma" bold="true" />

		<font name="font.page.title" size="15" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.page.back" size="12" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.waitscreen" size="15" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-color2="#F0000000" shadow-blur-radius="2" shadow-distance-x="0" shadow-distance-y="0" />
		
		<font name="font.button.label" size="12" face="Tahoma" bold="true" shadow-color="#F0FFFFFF" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.settingsinfo" size="12" face="Tahoma" bold="false" />
		<font name="font.settingsinfo.small" size="10" face="Tahoma" bold="false" />
		<font name="font.settingsinfo.tiny" size="8" face="Tahoma" bold="false" />

		<font name="font.keyboard.normal" size="12" face="Tahoma" bold="true" />
		
		<font name="font.OSD.minimized" size="8" face="Tahoma" bold="true" />
		<font name="font.OSD.normal" size="14" face="Tahoma" bold="true" />
		<font name="font.OSD.fullscreen" size="20" face="Tahoma" bold="true" />

		<font name="font.exportslideshow.title" size="10" face="Tahoma" bold="true" />
		<font name="font.exportslideshow.default" size="10" face="Tahoma" bold="false" />
		
		<font name="font.tvprograms.title" size="14" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.subtitle" size="12" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.channel" size="10" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.datetime" size="10" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.body" size="12" face="Tahoma" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.infopanel.menu.item" size="10" face="Tahoma" bold="true" />
		<font name="font.infopanel.menu.item.disabled" size="10" face="Tahoma" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		<font name="font.infopanel.menu.item.enabled" size="10" face="Tahoma" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		<font name="font.infopanel.title" size="14" face="Tahoma" bold="true" />
		<font name="font.infopanel.description" size="10" face="Tahoma" bold="false" />
		
		<font name="font.burn.label" size="12" face="Tahoma" bold="false" />
		
	</fonts>
	
	<!--                                                                    -->
	<!-- Colors                                                             -->
	<!--                                                                    -->
	<colors>
		<color name="color.hovered" value="#ffffffff" />
		<color name="color.normal" value="#d0ffffff" />
		<color name="color.light" value="#a0ffffff" />
		<color name="color.disabled" value="#50ffffff" />
		<color name="color.selected" value="#99bc8a03" />
		
		<color name="color.button.label" value="#FF000000" />
		<color name="color.button.label.hovered" value="#FF000000" />
		<color name="color.button.label.disabled" value="#a0000000" />

		<color name="color.keyboard.normal" value="#d0000000" />
		<color name="color.keyboard.hovered" value="#ff000000" />
		<color name="color.keyboard.selected" value="#60bc8a03" />
		
		<color name="color.border.focus" value="#99bc8a03" />
		<color name="color.border.focus.opaque" value="#ffbc8a03" />
		<color name="color.border.editbox" value="#a0000000" />
		<color name="color.border.editbox.hovered" value="#b0000000" />
		<color name="color.border.searchbox" value="#30000000" />
		<color name="color.border.searchbox.hovered" value="#50000000" />
		
		<color name="color.background.selected" value="#99bc8a03" />
		<color name="color.background.hovered" value="#20ffffff" />
		<color name="color.background.hoveredselected" value="#40ffffff" />
		<color name="color.background.editbox" value="#a0ffffff" />
		<color name="color.background.editbox.hovered" value="#b0ffffff" />
		<color name="color.background.editbox.disabled" value="#50ffffff" />
		<color name="color.background.searchbox" value="#30ffffff" />
		<color name="color.background.searchbox.hovered" value="#50ffffff" />
		<color name="color.background.searchbox.disabled" value="#20ffffff" />
		
		<color name="color.background.black" value="#ff000000" />
		<color name="color.background.blue" value="#f0142d56" />
		<color name="color.background.darken10" value="#19000000" />
		<color name="color.background.darken20" value="#32000000" />
		<color name="color.background.darken50" value="#7f000000" />
		<color name="color.background.lighten10" value="#19ffffff" />
		<color name="color.background.lighten20" value="#32ffffff" />
		
		<color name="color.OSD.green" value="#ff00cc00" />
		<color name="color.OSD.red" value="#ffff0000" />

		<color name="color.tvprogram.title" value="#ffffffff" />
		<color name="color.tvprogram.label" value="#d0ffffff" />
	</colors>

	<!--                                                                    -->
	<!-- Styles                                                             -->
	<!--                                                                    -->
	<styles>
		<!-- Debugging only -->
		<style name="style.debug.frame">
			<overlay image="image.debug.frame" />
		</style>

		<style name="style.debug.fill">
			<overlay image="image.debug.fill" />
		</style>

		<!-- Background -->
		<style name="style.background.black">
			<background background-color="color.background.black" />
		</style>

		<!-- Fullscreen -->
		<style name="style.fullscreen">
		</style>
		
		<!-- Wait screen -->
		<style name="style.waitscreen.background">
		</style>

		<style name="style.waitscreen.icon">
			<workingarea animation-onCreate="Animation.General.Hidden"
						 animation-onShow="Animation.General.FadeIn.Delay500" />
		</style>

		<style name="style.waitscreen.label">
			<workingarea font="font.waitscreen" color="color.normal"
						 animation-onCreate="Animation.General.Hidden"
						 animation-onShow="Animation.General.FadeIn.Delay500" />
		</style>

		<!-- Header Controls -->
		<style name="style.headercontrol">
			<background image="image.headercontrol.background.normal" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.headercontrol.hovered">
			<background image="image.headercontrol.background.normal" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.headercontrol.windows">
			<background image="image.headercontrol.background.windows" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.headercontrol.windows.hovered">
			<background image="image.headercontrol.background.windows" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.headercontrol.normalview">
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.headercontrol.normalview.hovered">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.button.home">
			<workingarea animation-onCreate="Animation.Modules.Create.Delay100"
						 animation-onFocusSet="Animation.Modules.MouseIn"
						 animation-onFocusLost="Animation.Modules.MouseOut"
						 animation-onMouseIn="Animation.Modules.MouseIn"
						 animation-onMouseOut="Animation.Modules.MouseOut"
			/>
		</style>
		
		<!-- Player Controls -->
		<style name="style.playercontrols.small.background">
			<background image="image.playercontrols.small.background" />
		</style>
		
		<style name="style.playercontrols.normal.background">
			<background image="image.playercontrols.normal.background" />
		</style>
		
		<style name="style.playercontrols.large.background">
			<background image="image.playercontrols.large.background" />
		</style>
		
		<style name="style.playercontrols.item">
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.playercontrols.item.hovered">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.playercontrols.normal.seekbar">
			<background image="image.playercontrols.normal.seekbar" />
			<workingarea image="image.playercontrols.normal.seekbar.fill" />
		</style>

		<style name="style.playercontrols.large.seekbar">
			<background image="image.playercontrols.large.seekbar" />
			<workingarea image="image.playercontrols.large.seekbar.fill" />
		</style>

		<style name="style.playercontrols.normal.seekbar.thumb">
			<background image="image.playercontrols.normal.seekbar.thumb" />
		</style>
		
		<style name="style.playercontrols.large.seekbar.thumb">
			<background image="image.playercontrols.large.seekbar.thumb" />
		</style>
		
		<style name="style.playercontrols.normal.volume">
			<background image="image.playercontrols.normal.volume" />
			<workingarea image="image.playercontrols.normal.volume.fill" />
		</style>

		<style name="style.playercontrols.normal.volume.thumb">
		</style>
		
		<style name="style.playercontrols.large.volume">
			<background image="image.playercontrols.large.volume" />
			<workingarea image="image.playercontrols.large.volume.fill" />
		</style>

		<style name="style.playercontrols.large.volume.thumb">
		</style>
		
		<!-- Player -->
		
		<!-- Player: Video -->
		<style name="style.player.normal.background.video">
			<background background-color="color.background.black"
						animation-onCreate="Animation.General.FadeIn"
						animation-onShow="Animation.General.FadeIn" />
			<focus border-width="1" border-color="color.border.focus.opaque" />
		</style>

		<style name="style.player.minimized.background.video">
			<background background-color="color.background.black"
						animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
			<focus border-width="1" border-color="color.border.focus.opaque" />
		</style>
		
		<style name="style.player.view_in_corner.video">
			<background background-color="color.background.black"
						animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
			<focus border-width="4" border-color="color.border.focus.opaque" />
		</style>
		
		<style name="style.player.fullscreen.background.video">
			<background background-color="color.background.black"
						animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
		</style>
		
		<!-- Player: Audio -->
		<style name="style.player.normal.background.audio">
			<background background-color="color.background.darken20"
						animation-onCreate="Animation.General.FadeIn"
						animation-onShow="Animation.General.FadeIn" />
			<focus border-width="1" border-color="color.border.focus.opaque" />
		</style>
		
		<style name="style.player.normal.background.audio.labels">
			<background background-color="color.background.darken20"
						animation-onCreate="Animation.General.FadeIn.Delay200"
						animation-onShow="Animation.General.FadeIn.Delay200" />
		</style>

		<style name="style.player.minimized.background.audio">
			<background background-color="color.background.darken20"
						animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
			<focus border-width="1" border-color="color.border.focus.opaque" />
		</style>
		
		<style name="style.player.fullscreen.background.audio">
			<background animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
		</style>
		
		<!-- Player: Image -->
		<style name="style.player.normal.background.image">
			<background background-color="color.background.darken20"
						animation-onCreate="Animation.General.FadeIn"
						animation-onShow="Animation.General.FadeIn" />
			<focus border-width="1" border-color="color.border.focus.opaque" />
		</style>

		<style name="style.player.minimized.background.image">
			<background background-color="color.background.darken20"
						animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
		</style>
		
		<style name="style.player.fullscreen.background.image">
			<background background-color="color.background.black"
						animation-onCreate="Animation.General.ZoomIn"
						animation-onShow="Animation.General.ZoomIn" />
		</style>

		<!-- Player: General -->
		<style name="style.player.cover">
			<workingarea animation-onCreate="Animation.General.FadeIn.Delay200" />
		</style>
		
		<style name="style.player.label">
			<workingarea font="font.normal" color="color.normal"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.heavy">
			<workingarea font="font.normal.heavy" color="color.normal"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.light">
			<workingarea font="font.normal" color="color.light"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.small">
			<workingarea font="font.small" color="color.normal"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.large">
			<workingarea font="font.large" color="color.normal"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.large.heavy">
			<workingarea font="font.large.heavy" color="color.normal"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.large.light">
			<workingarea font="font.large" color="color.light"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.slideshow">
			<workingarea animation-onCreate="Animation.General.ZoomIn.Delay400" />
		</style>
		
		<style name="style.player.osd.label">
			<workingarea font="font.small" color="color.normal" />
		</style>

		<style name="style.player.osd.label.light">
			<workingarea font="font.small" color="color.light" />
		</style>

		<style name="style.player.speed.label">
			<workingarea font="font.small" color="color.background.black" />
		</style>

		<style name="style.player.speed.label.small">
			<workingarea font="font.tiny" color="color.background.black" />
		</style>
		<!-- Player: InfoPanel -->
		<style name="style.infopanel.fullscreen.top.background">
			<background image="image.infopanel.fullscreen.top.background" />
		</style>
		
		<style name="style.infopanel.fullscreen.middle.background">
			<background image="image.infopanel.fullscreen.middle.background" />
		</style>

		<style name="style.infopanel.fullscreen.bottom.background">
			<background image="image.infopanel.fullscreen.bottom.background" />
		</style>

		<style name="style.infopanel.fullscreen.channel_number.label">
			<workingarea font="font.infopanel.title" color="color.tvprogram.label" />
		</style>

		<style name="style.infopanel.fullscreen.title.label">
			<workingarea font="font.infopanel.title" color="color.OSD.label" />
		</style>		

		<style name="style.infopanel.fullscreen.description.label">
			<workingarea font="font.infopanel.description" color="color.OSD.label" text-overflow-cut="multiline"/>
		</style>
				
		<style name="style.infopanel.menu.item">
		</style>

		<style name="style.infopanel.menu.item.hovered">
		</style>

		<style name="style.infopanel.menu.item.background">
			<background image="image.general.empty" />
			<focus image="image.infopanel.menu.item.focused" />			
		</style>

		<style name="style.infopanel.menu.item.background.hovered">
			<background image="image.infopanel.menu.item.focused" />
			<focus image="image.infopanel.menu.item.focused" />			
		</style>

		<style name="style.infopanel.menu.item.label">
			<workingarea font="font.infopanel.menu.item" color="color.OSD.label" text-overflow-cut="character" />
		</style>

		<style name="style.infopanel.menu.item.label.disabled">
			<workingarea font="font.infopanel.menu.item.disabled" color="color.disabled" text-overflow-cut="character"/>			
		</style>
		
		<style name="style.infopanel.menu.item.label.hovered">
			<workingarea font="font.infopanel.menu.item" color="color.hovered"
						 text-overflow-cut="character" />			
		</style>

		<!-- Content -->
		<style name="style.page.header">
			<background image="image.page.header" />
		</style>
				
		<style name="style.page.header.logo">
			<background image="image.page.header.logo"  />
		</style>

		<style name="style.page.header.controls">
			<background image="image.page.header.controls" />
		</style>
		
		<style name="style.page.footer.controls">
		</style>
		
		<style name="style.page.logo">
			<background image="image.page.logo" />
		</style>
		
		<style name="style.page.logo.hovered">
			<background image="image.page.logo.hovered" />
		</style>

		<style name="style.page.button">
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.button.hovered">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.back.button">
		</style>
		
		<style name="style.page.back.image">
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.back.image.hovered">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.back.label">
			<workingarea color="color.light" font="font.page.back" />
		</style>

		<style name="style.page.back.label.hovered">
			<workingarea color="color.normal" font="font.page.back" />
		</style>

		<style name="style.page.title">
			<workingarea color="color.normal" font="font.page.title" />
		</style>
				
		<style name="style.page.content">
			<workingarea color="color.light" font="font.page.title" />
		</style>
		
		<style name="style.page.content.black">
			<background background-color="color.background.black"
						animation-onCreate="Animation.General.ZoomIn" />
		</style>
		
		<style name="style.page.content.darken">
			<background background-color="color.background.darken10"
						animation-onCreate="Animation.General.FadeIn" />
		</style>
				
		<style name="style.page.globalarea.button">
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.globalarea.button.hovered">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.minimizedtask">
		</style>
		
		<!-- Content: Settings Info -->
		<style name="style.settingsinfo">
			<workingarea color="color.light" font="font.settingsinfo" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settingsinfo.hovered">
			<workingarea color="color.hovered" font="font.settingsinfo" text-overflow-cut="marquee" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settingsinfo.small">
			<workingarea color="color.light" font="font.settingsinfo.small" />
		</style>
		
		<style name="style.settingsinfo.tiny">
			<workingarea color="color.light" font="font.settingsinfo.tiny" />
		</style>

		<style name="style.settingsinfo.tiny.path">
			<workingarea color="color.light" font="font.settingsinfo.tiny" text-overflow-cut="path" />
		</style>

		<!-- Modules -->
		<style name="style.modules.button">
			<!--focus border-width="3" border-color="color.border.focus" /-->
		</style>
		
		<style name="style.modules.button.hovered">
			<!--focus border-width="3" border-color="color.border.focus" /-->
		</style>
				
		<style name="style.modules.image.1">
			<workingarea animation-onCreate="Animation.Modules.Create.Delay100"
						 animation-onFocusSet="Animation.Modules.MouseIn"
						 animation-onFocusLost="Animation.Modules.MouseOut"
						 animation-onMouseIn="Animation.Modules.MouseIn"
						 animation-onMouseOut="Animation.Modules.MouseOut"
			/>
		</style>
		
		<style name="style.modules.image.2">
			<workingarea animation-onCreate="Animation.Modules.Create.Delay200"
						 animation-onFocusSet="Animation.Modules.MouseIn"
						 animation-onFocusLost="Animation.Modules.MouseOut"
						 animation-onMouseIn="Animation.Modules.MouseIn"
						 animation-onMouseOut="Animation.Modules.MouseOut"
			/>
		</style>
		
		<style name="style.modules.image.3">
			<workingarea animation-onCreate="Animation.Modules.Create.Delay300"
						 animation-onFocusSet="Animation.Modules.MouseIn"
						 animation-onFocusLost="Animation.Modules.MouseOut"
						 animation-onMouseIn="Animation.Modules.MouseIn"
						 animation-onMouseOut="Animation.Modules.MouseOut"
			/>
		</style>
		
		<style name="style.modules.image.4">
			<workingarea animation-onCreate="Animation.Modules.Create.Delay400"
						 animation-onFocusSet="Animation.Modules.MouseIn"
						 animation-onFocusLost="Animation.Modules.MouseOut"
						 animation-onMouseIn="Animation.Modules.MouseIn"
						 animation-onMouseOut="Animation.Modules.MouseOut"
			/>
		</style>
		
		<style name="style.modules.image.5">
			<workingarea animation-onCreate="Animation.Modules.Create.Delay500"
						 animation-onFocusSet="Animation.Modules.MouseIn"
						 animation-onFocusLost="Animation.Modules.MouseOut"
						 animation-onMouseIn="Animation.Modules.MouseIn"
						 animation-onMouseOut="Animation.Modules.MouseOut"
			/>
		</style>
		
		<style name="style.modules.label">
			<workingarea color="color.normal" font="font.large.heavy"
						 animation-onCreate="Animation.Modules.Label.OnCreate"
						 animation-onFocusSet="Animation.Modules.Label.FocusSet"
						 animation-onFocusLost="Animation.Modules.Label.FocusLost" /> 
		</style>
		
		<style name="style.modules.label.hovered">
			<workingarea color="color.hovered" font="font.large.heavy" text-overflow-cut="marquee"
						 animation-onCreate="Animation.Modules.Label.OnCreate"
						 animation-onFocusSet="Animation.Modules.Label.FocusSet"
						 animation-onFocusLost="Animation.Modules.Label.FocusLost" /> 
		</style>
		
		<!-- Search Panel -->
		<style name="style.searchpanel.editcontrol">
			<background background-color="color.background.searchbox" border-width="1" border-color="color.border.searchbox.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
			<workingarea font="font.normal.heavy" text-overflow-cut="none" color="color.normal" />
		</style>

		<style name="style.searchpanel.editcontrol.hovered">
			<background background-color="color.background.searchbox.hovered" border-width="1" border-color="color.border.searchbox.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
			<workingarea font="font.normal.heavy" text-overflow-cut="none" color="color.normal" />
		</style>
		
		
		<!-- File Browser: List View (small icons) -->
		<style name="style.filebrowser.listview.item">
			<background image="image.filebrowser.listview.item"
						animation-onCreate="Animation.FileBrowser.Item.Create" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.filebrowser.listview.item.selected">
			<background image="image.filebrowser.listview.item" />
			<workingarea image="image.filebrowser.listview.glow" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.filebrowser.listview.item.hoveredselected">
			<background image="image.filebrowser.listview.item" />
			<workingarea image="image.filebrowser.listview.glow" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>

		<style name="style.filebrowser.listview.item.hovered">
			<background image="image.filebrowser.listview.item" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>

		<!-- File Browser: List View (medium icons) -->
		<style name="style.filebrowser.listview.big.item">
			<background image="image.filebrowser.listview.big.item"
						animation-onCreate="Animation.FileBrowser.Item.Create" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.filebrowser.listview.big.item.selected">
			<background image="image.filebrowser.listview.big.item" />
			<workingarea image="image.filebrowser.listview.big.glow" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
				
		<style name="style.filebrowser.listview.big.item.hoveredselected">
			<background image="image.filebrowser.listview.big.item" />
			<workingarea image="image.filebrowser.listview.big.glow" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>

		<style name="style.filebrowser.listview.big.item.hovered">
			<background image="image.filebrowser.listview.big.item" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>

		<!-- File Browser: Icon View -->
		<style name="style.filebrowser.iconview.item">
			<background image="image.filebrowser.iconview.item"
						animation-onCreate="Animation.FileBrowser.Item.Create" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.filebrowser.iconview.item.selected">
			<background image="image.filebrowser.iconview.item" />
			<workingarea image="image.filebrowser.iconview.glow" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.filebrowser.iconview.item.hoveredselected">
			<background image="image.filebrowser.iconview.item" />
			<workingarea image="image.filebrowser.iconview.glow" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>

		<style name="style.filebrowser.iconview.item.hovered">
			<background image="image.filebrowser.iconview.item" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>
		
		<!-- File Browser: Other Stuff -->
		<style name="style.filebrowser.listview.item.label">
			<workingarea font="font.normal.heavy" color="color.normal"
						 animation-onCreate="Animation.FileBrowser.Label.Create" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.hovered">
			<workingarea font="font.normal.heavy" color="color.hovered" text-overflow-cut="marquee" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.hoveredselected">
			<workingarea font="font.normal.heavy" color="color.hovered" text-overflow-cut="marquee" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.selected">
			<workingarea font="font.normal.heavy" color="color.hovered" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.light">
			<workingarea font="font.normal.heavy" color="color.light" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.light.hovered">
			<workingarea font="font.normal.heavy" color="color.light" text-overflow-cut="marquee" />
		</style>

		<style name="style.filebrowser.listview.item.label.light.hoveredselected">
			<workingarea font="font.normal.heavy" color="color.light" text-overflow-cut="marquee" />
		</style>

		<style name="style.filebrowser.listview.item.label.small">
			<workingarea font="font.small.heavy" color="color.light" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small.hovered">
			<workingarea font="font.small.heavy" color="color.light" text-overflow-cut="marquee" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small.hoveredselected">
			<workingarea font="font.small.heavy" color="color.light" text-overflow-cut="marquee" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.emptylist">
			<workingarea font="font.normal.heavy" color="color.normal"
						 animation-onCreate="Animation.FileBrowser.Label.Create"
						 text-overflow-cut="multiline" />
		</style>
		
		<style name="style.filebrowser.listview.item.image">
			<workingarea animation-onCreate="Animation.FileBrowser.Icon.Create"
						 animation-onFocusSet="Animation.FileBrowser.Icon.MouseIn"
						 animation-onFocusLost="Animation.FileBrowser.Icon.MouseOut"
						 animation-onMouseIn="Animation.FileBrowser.Icon.MouseIn"
						 animation-onMouseOut="Animation.FileBrowser.Icon.MouseOut"
			/>
		</style>

		<style name="style.filebrowser.listview.item.image.selected">
		</style>
		
		<style name="style.filebrowser.listview.item.image.hoveredselected">
		</style>
		
		<style name="style.filebrowser.listview.item.image.hovered">
		</style>
		
		<style name="style.filebrowser.listview.scroll.up">
		</style>

		<style name="style.filebrowser.listview.channelnr">
			<workingarea font="font.tiny.heavy" color="color.normal"
						 animation-onCreate="Animation.FileBrowser.Icon.Create"
						 animation-onFocusSet="Animation.FileBrowser.Icon.MouseIn"
						 animation-onFocusLost="Animation.FileBrowser.Icon.MouseOut"
						 animation-onMouseIn="Animation.FileBrowser.Icon.MouseIn"
						 animation-onMouseOut="Animation.FileBrowser.Icon.MouseOut"
			/>
		</style>
		
		<style name="style.filebrowser.listview.big.channelnr">
			<workingarea font="font.normal.heavy" color="color.normal"
						 animation-onCreate="Animation.FileBrowser.Icon.Create"
						 animation-onFocusSet="Animation.FileBrowser.Icon.MouseIn"
						 animation-onFocusLost="Animation.FileBrowser.Icon.MouseOut"
						 animation-onMouseIn="Animation.FileBrowser.Icon.MouseIn"
						 animation-onMouseOut="Animation.FileBrowser.Icon.MouseOut"
			/>
		</style>
		
		<style name="style.filebrowser.iconview.channelnr">
			<workingarea font="font.large.heavy" color="color.normal"
						 animation-onCreate="Animation.FileBrowser.Icon.Create"
						 animation-onFocusSet="Animation.FileBrowser.Icon.MouseIn"
						 animation-onFocusLost="Animation.FileBrowser.Icon.MouseOut"
						 animation-onMouseIn="Animation.FileBrowser.Icon.MouseIn"
						 animation-onMouseOut="Animation.FileBrowser.Icon.MouseOut"
			/>
		</style>
		
<!--
		<style name="style.filebrowser.listview.scroll.up.hovered">
			<overlay image="image.filebrowser.listview.scroll.up" />
		</style>
		
		<style name="style.filebrowser.listview.scroll.down">
		</style>

		<style name="style.filebrowser.listview.scroll.down.hovered">
			<overlay image="image.filebrowser.listview.scroll.down" />
		</style>
-->		
		<style name="style.filebrowser.listview.progressbar">
			<workingarea image="image.filebrowser.listview.big.item.progress.tile"/>
			<background image="image.filebrowser.listview.big.item.progress.back"/>
		</style>
		
		<!-- Main Menu -->
		<style name="style.menu.item">
			<background image="image.menu.item"
						animation-onCreate="Animation.MenuItems.Item.Create" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.menu.item.hovered">
			<background image="image.menu.item" />
			<focus border-width="3" border-color="color.border.focus" />
			<overlay background-color="color.background.hovered" />
		</style>
		
		<style name="style.menu.item.label">
			<workingarea font="font.normal.heavy" color="color.hovered"
						 animation-onCreate="Animation.MenuItems.Label.Create"
						 animation-onFocusSet="Animation.MenuItems.Label.MouseIn"
						 animation-onFocusLost="Animation.MenuItems.Label.MouseOut"
						 animation-onMouseIn="Animation.MenuItems.Label.MouseIn"
						 animation-onMouseOut="Animation.MenuItems.Label.MouseOut"
			/>
		</style>

		<style name="style.menu.item.label.disabled">
			<workingarea font="font.normal.heavy" color="color.disabled" 
						 animation-onCreate="Animation.MenuItems.Label.Create"
			/>
		</style>
		
		<style name="style.menu.item.label.hovered">
			<workingarea font="font.normal.heavy" color="color.hovered"
						 text-overflow-cut="marquee" />
		</style>
		
		<!-- Item Info -->
		<style name="style.iteminfo.label">
			<workingarea font="font.normal.heavy" color="color.normal" />
		</style>
	
		
		<!-- Page: Clipboard, Recordings, Search Results -->

		<style name="style.page.clipboard">
			<background image="image.page.clipboard" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.clipboard.inprogress">
			<background image="image.page.clipboard" animation-onStyleSet="Animation.General.Pulse.NoRepeat" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.clipboard.hovered">
			<background image="image.page.clipboard.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.clipboard.inactive">
			<background image="image.page.clipboard.inactive" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.searchresults.inprogress">
			<background image="image.page.searchresults" animation-onShow="Animation.General.Pulse" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.searchresults.done">
			<background image="image.page.searchresults" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.searchresults.hovered">
			<background image="image.page.searchresults.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.searchresults.inactive">
			<background image="image.page.searchresults.inactive" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		<style name="style.page.bgscanner.inprogress">
			<background image="image.page.bgscanner" animation-onShow="Animation.General.Pulse" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.bgscanner.done">
			<background image="image.page.bgscanner" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.bgscanner.hovered">
			<background image="image.page.bgscanner.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.bgscanner.inactive">
			<background image="image.page.bgscanner.inactive" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		
		<!-- Settings: Label -->
		<style name="style.settings.label">
			<workingarea font="font.normal.heavy" color="color.normal" />
		</style>

		<style name="style.settings.label.light">
			<workingarea font="font.normal.heavy" color="color.light" />
		</style>
		
		<style name="style.settings.label.disabled">
			<workingarea font="font.normal.heavy" color="color.disabled" />
		</style>

		<style name="style.settings.listitem">
			<background background-color="color.background.darken20" />
			<workingarea font="font.normal.heavy" color="color.light" />
		</style>

		<!-- Settings: Button -->
		<style name="style.settings.button">
			<background image="image.general.control.button" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settings.button.hovered">
			<background image="image.general.control.button" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settings.button.label">
			<workingarea font="font.button.label" color="color.button.label" />
		</style>

		<style name="style.settings.button.label.hovered">
			<workingarea font="font.button.label" color="color.button.label.hovered" />
		</style>
		
		<style name="style.settings.button.label.disabled">
			<workingarea font="font.button.label" color="color.button.label.disabled" />
		</style>

		<!-- Settings: List -->
		<style name="style.settings.list.background">
			<background background-color="color.background.darken20" />
		</style>

		<style name="style.settings.list.up">
			<background image="image.general.control.box" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.list.up.hovered">
			<background image="image.general.control.box" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.list.down">
			<background image="image.general.control.box" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.list.down.hovered">
			<background image="image.general.control.box" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settings.list.label">
			<workingarea font="font.normal.heavy" color="color.normal" />
		</style>

		<!-- Settings: Checkbox -->
		<style name="style.settings.checkbox">
			<background image="image.general.control.checkbox" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.checkbox.checked">
			<background image="image.general.control.checkbox.checked" />
		</style>

		<style name="style.settings.checkbox.unchecked">
			<background image="image.general.control.checkbox.unchecked" />
		</style>

		<style name="style.settings.checkbox.hovered">
			<background image="image.general.control.checkbox.hovered" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<!-- Settings: Radio Button -->
		<style name="style.settings.radio.disabled">
			<workingarea image="image.general.control.radio.disabled" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settings.radio.unchecked">
			<workingarea image="image.general.control.radio.unchecked" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.settings.radio.checked">
			<workingarea image="image.general.control.radio.checked" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<!-- Settings: Edit Control -->
		<style name="style.settings.edit">
			<background background-color="color.background.editbox" border-width="1" border-color="color.border.editbox" />
			<workingarea font="font.normal" color="Black" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.edit.disabled">
			<background background-color="color.background.editbox.disabled" border-width="1" border-color="color.border.editbox" />
			<workingarea font="font.normal" color="color.disabled" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.edit.hovered">
			<background background-color="color.background.editbox.hovered" border-width="1" border-color="color.border.editbox.hovered" />
			<workingarea font="font.normal" color="Black" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<!-- Modal Panels -->
		<style name="style.modalpanel.screen">
			<background background-color="color.background.darken50" />
		</style>
		
		<style name="style.modalpanel.background">
			<background background-color="color.background.blue" border-width="2" border-color="color.light" />
		</style>
		 
		<style name="style.modalpanel.label">
			<workingarea font="font.normal" color="color.normal" text-overflow-cut="multiline" />
		</style>

		<style name="style.modalpanel.label.caption">
			<workingarea font="font.normal.heavy" color="color.normal" />
		</style>

		<style name="style.modalpanel.button">
			<background image="image.general.control.button" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.modalpanel.button.hovered">
			<background image="image.general.control.button" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.modalpanel.button.label">
			<workingarea font="font.button.label" color="color.button.label" />
		</style>
		
		<style name="style.modalpanel.button.label.hovered">
			<workingarea font="font.button.label" color="color.button.label.hovered" />
		</style>
		
		<style name="style.modalpanel.button.label.disabled">
			<workingarea font="font.button.label" color="color.button.label.disabled" />
		</style>
		
		<!-- Minimized Task -->
		<style name="style.minimized_task.background">
			<background background-color="color.background.darken20" />
		</style>

		<style name="style.minimized_task.header">
			<background background-color="color.background.darken20" />
		</style>

		<style name="style.minimized_task.headercontrol">
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.minimized_task.headercontrol.hovered">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<!-- OSD -->
		<style name="style.OSD.background">
			<background background-color="color.background.darken20" />
		</style>

		<style name="style.OSD.label.minimized">
			<workingarea font="font.OSD.minimized" color="color.OSD.green" />
		</style>
		<style name="style.OSD.label.normal">
			<workingarea font="font.OSD.normal" color="color.OSD.green" />
		</style>
		<style name="style.OSD.label.fullscreen">
			<workingarea font="font.OSD.fullscreen" color="color.OSD.green" />
		</style>
		
		<!-- OSD Volume-->		
		<style name="style.OSD.large.volume">
			<workingarea image="image.osd.large.volume" />
		</style>

		<style name="style.OSD.large.volume.thumb">
		</style>

		<style name="style.OSD.normal.volume">
			<workingarea image="image.osd.normal.volume" />
		</style>

		<style name="style.OSD.normal.volume.thumb">
		</style>
		
		<style name="style.OSD.minimized.volume">
			<workingarea image="image.osd.minimized.volume" />
		</style>

		<style name="style.OSD.minimized.volume.thumb">
		</style>
		
		<!-- Notifications -->
		<style name="style.notification.background">
			<background background-color="color.background.blue" border-width="1" border-color="color.normal" />
		</style>
		
		<style name="style.notification.label">
			<workingarea font="font.small.heavy" color="color.hovered" />
<!--					 animation-onCreate="Animation.Notification.Show"
						 animation-onShow="Animation.Notification.Show" /> -->
		</style>
		
		<!-- Virtual Keyboard -->
		<style name="Keyboard.Background">
			<background image="image.virtualkeyboard.background" />
		</style>
		
		<style name="Keyboard.ControlButton">
			<workingarea font="font.keyboard.normal" color="color.keyboard.normal" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		<style name="Keyboard.ControlButton.Hover">
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		<style name="Keyboard.ControlButton.Selected">
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="Keyboard.Button">
			<background image="image.virtualkeyboard.key" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.normal" />
			<focus border-width="5" border-color="color.border.focus" background-color="color.background.lighten20" />
		</style>
		<style name="Keyboard.Button.Hover">
			<background image="image.virtualkeyboard.key" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
			<overlay background-color="color.background.lighten20" />
			<focus border-width="5" border-color="color.border.focus" background-color="color.background.lighten20" />
		</style>
		<style name="Keyboard.Button.Selected">
			<background image="image.virtualkeyboard.key" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
			<overlay background-color="color.keyboard.selected" />
			<focus border-width="5" border-color="color.border.focus" background-color="color.background.lighten20" />
		</style>
		
		<style name="Keyboard.BigButton.Left">
			<background image="image.virtualkeyboard.bigkey.left" />
		</style>
		<style name="Keyboard.BigButton.Right">
			<background image="image.virtualkeyboard.bigkey.right" />
		</style>
		<style name="Keyboard.BigButton.Middle">
			<background image="image.virtualkeyboard.bigkey" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.normal" />
		</style>
		<style name="Keyboard.BigButton.Middle.Hover">
			<background image="image.virtualkeyboard.bigkey" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
		</style>
		<style name="Keyboard.BigButton.Middle.Selected">
			<background image="image.virtualkeyboard.bigkey" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
		</style>
		<style name="Keyboard.BigButton">
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
			<focus border-width="5" border-color="color.border.focus" background-color="color.background.lighten20" />
		</style>
		<style name="Keyboard.BigButton.Hover">
			<overlay background-color="color.background.lighten20" />
			<focus border-width="5" border-color="color.border.focus" background-color="color.background.lighten20" />
		</style>
		<style name="Keyboard.BigButton.Selected">
			<overlay background-color="color.keyboard.selected" />
			<focus border-width="5" border-color="color.border.focus" background-color="color.background.lighten20" />
		</style>
		
		<!-- SelectionControl Styles -->
		<style name="style.selection.border">
			<background border-width="10" border-color="color.selected" />
		</style>
		
		<style name="style.selection.background">
			<background background-color="color.background.darken50" />
		</style>
		
		<style name="style.selection.arrowcross">
			<background image="image.selection.arrowcross" />
		</style>
		
		<style name="style.selection.arrowhorizontalstyle">
			<background image="image.selection.arrowhorizontal" />
		</style>
		
		<style name="style.selection.arrowverticalstyle">
			<background image="image.selection.arrowvertical" />
		</style>
		
		<!-- styles for slideshow export -->
		<style name="style.exportslideshow">
			<background background-color="color.background.black" />
		</style>
		
		<style name="style.exportslideshow.title">
			<background background-color="color.background.black" />
			<workingarea font="font.exportslideshow.title" color="color.normal" />
		</style>
		
		<style name="style.exportslideshow.wait">
			<background image="image.exportslideshow.wait" />
			<workingarea font="font.exportslideshow.default" color="color.normal" />
		</style>
		
		<style name="style.exportslideshow.progressbar">
			<background image="image.exportslideshow.progressbar" />
			<workingarea image="image.exportslideshow.progressbar.fill" />
		</style>

		<!-- TV-Programs -->		
		<style name="style.tvprogram.description.multiline">
			<workingarea font="font.tvprograms.body" color="color.tvprogram.label" text-overflow-cut="multiline" />
		</style>	

		<style name="style.tvprograms.title">
			<workingarea font="font.tvprograms.title" color="color.tvprogram.title" text-overflow-cut="marquee" />
		</style>	

		<style name="style.tvprograms.subtitle">
			<workingarea font="font.tvprograms.subtitle" color="color.tvprogram.label" text-overflow-cut="none" />
		</style>	

		<style name="style.tvprograms.channel">
			<workingarea font="font.tvprograms.channel" color="color.tvprogram.label" text-overflow-cut="none" />
		</style>	

		<style name="style.tvprograms.datetime">
			<workingarea font="font.tvprograms.datetime" color="color.tvprogram.label" text-overflow-cut="none" />
		</style>	
		
		<style name="style.startpage.menu">
			<workingarea animation-onShow="Animation.General.FadeIn.Delay500" />
		</style>

	</styles>	
</NMUILayout>
