<?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.Carousel.Create" duration="800">
			<keyframe time="0" alpha="0" scaleX="0.9" scaleY="0.9" />
			<keyframe time="800" alpha="255" scaleX="0.9" scaleY="0.9" />
		</animation>
		
		<animation name="Animation.Carousel.MouseIn" duration="200">
			<keyframe time="200" alpha="255" scaleX="1.0" scaleY="1.0" />
		</animation>
		
		<animation name="Animation.Carousel.MouseOut" duration="200">
			<keyframe time="200" alpha="255" scaleX="0.9" scaleY="0.9" />
		</animation>
		
		<animation name="Animation.Carousel.FocusSet" duration="0">
			<keyframe time="0" alpha="255" />
		</animation>
		
		<animation name="Animation.Carousel.FocusLost" duration="0">
			<keyframe time="0" alpha="255" />
		</animation>
		
		<animation name="Animation.Carousel.Label.OnCreate" duration="0">
			<keyframe time="0" alpha="0" />
		</animation>
		
		<animation name="Animation.Carousel.Label.FocusSet" duration="800">
			<keyframe time="0" alpha="0" />
			<keyframe time="800" alpha="255"/>
		</animation>
		
		<animation name="Animation.Carousel.Label.FocusLost" duration="800">
			<keyframe time="0"/>
			<keyframe time="800" alpha="0"/>
		</animation>
		
		<animation name="Animation.Carousel.EditBox.OnCreate" duration="800">
			<keyframe time="0" alpha="0" />
			<keyframe time="500" alpha="0" />
			<keyframe time="800" alpha="255" />
		</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>
				
		<!-- OSD Notification -->
		<animation name="Animation.OSD.Show" duration="300">
			<keyframe time="0" alpha="0" />
			<keyframe time="300" alpha="255" />
		</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" />
		
		<!-- General -->
			
		<!-- General: Controls -->
		<image name="image.general.control.button" source="Graphics\BG_Settings\button.png" horizontal-resize-matrix="8,*,8" vertical-resize-matrix="4,*,4"/>
		<image name="image.general.control.button.hovered" source="Graphics\BG_Settings\button_hovered.png" horizontal-resize-matrix="8,*,8" vertical-resize-matrix="4,*,4"/>
		<image name="image.general.control.button.focus" source="Graphics\BG_Settings\button_focus.png" horizontal-resize-matrix="8,*,8" vertical-resize-matrix="4,*,4"/>
		
		<!-- General: Controls - Checkbox -->
		<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 (minimized) -->
		<image name="image.playercontrols.minimized.background" source="Graphics\BG_PlayerControls\NH_Control_Min_Middle2_Rest.png" fillStyle="tile" />
		<image name="image.playercontrols.minimized.item.background" source="Graphics\BG_PlayerControls\NH_Control_Min_Middle1_Rest.png" />
		<image name="image.playercontrols.minimized.item.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Min_Middle1_Acti.png" />
		<image name="image.playercontrols.minimized.item.left.background" source="Graphics\BG_PlayerControls\NH_Control_Min_Left_Rest.png" />
		<image name="image.playercontrols.minimized.item.left.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Min_Left_Active.png" />
		<image name="image.playercontrols.minimized.item.right.background" source="Graphics\BG_PlayerControls\NH_Control_Min_Right_Rest.png" />
		<image name="image.playercontrols.minimized.item.right.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Min_Right_Active.png" />
		
		<!-- Player Controls (normal & full-screen) -->
		<image name="image.playercontrols.item.prev.background" source="Graphics\BG_PlayerControls\NH_Control_Prev_Rest.png" />
		<image name="image.playercontrols.item.prev.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Prev_Active.png" />
		<image name="image.playercontrols.item.play.background" source="Graphics\BG_PlayerControls\NH_Control_Play_Rest.png" />
		<image name="image.playercontrols.item.play.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Play_Active.png" />
		<image name="image.playercontrols.item.next.background" source="Graphics\BG_PlayerControls\NH_Control_Next_Rest.png" />
		<image name="image.playercontrols.item.next.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Next_Active.png" />
		<image name="image.playercontrols.item.background" source="Graphics\BG_PlayerControls\NH_Control_Middle1_Rest.png" />
		<image name="image.playercontrols.item.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Middle1_Active.png" />
		<image name="image.playercontrols.volume.background" source="Graphics\BG_PlayerControls\NH_Control_Middle2_Rest.png" />
		<image name="image.playercontrols.volume.background.hovered" source="Graphics\BG_PlayerControls\NH_Control_Middle2_Active.png" />
		<image name="image.playercontrols.volume.thumb" source="Graphics\Icons_PlayerControls\NH_Control_VolumeSliderB_Rest.png" fillStyle="center" />
		<image name="image.playercontrols.volume.thumb.hovered" source="Graphics\Icons_PlayerControls\NH_Control_VolumeSliderB_Active.png" fillStyle="center" />
		<image name="image.playercontrols.right" source="Graphics\BG_PlayerControls\NH_Control_Right_Rest.png" />
		<image name="image.playercontrols.right.hovered" source="Graphics\BG_PlayerControls\NH_Control_Right_Active.png" />
		
		<image name="image.playercontrols.seekbar.background" source="Graphics\Icons_PlayerControls\progress_back.png" horizontal-resize-matrix="4,*,4" vertical-resize-matrix="-1,9,-1" />
		<image name="image.playercontrols.seekbar.slider" source="Graphics\Icons_PlayerControls\progress_front.png" horizontal-resize-matrix="1,*" vertical-resize-matrix="-1,9,-1" />


		<!-- File Browser: Big List View -->
		<image name="image.filebrowser.listview.selected"			source="Graphics\BG_Content_ListView\Selected_Icon.png" horizontal-resize-matrix="*,42" vertical-resize-matrix="*,31,*"  />
		
		<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.selected" source="Graphics\BG_Content_IconView\Selected_Icon.png" horizontal-resize-matrix="*,34" vertical-resize-matrix="34,*"/>

		<!-- File Browser: General -->
		<image name="image.filebrowser.scrollbar.thumb" source="Graphics\Icons_Content\ScrollbarDEF_ThumbScale.png" vertical-resize-matrix="10,*,10" />
		<image name="image.filebrowser.scrollbar.thumb.hovered" source="Graphics\Icons_Content\ScrollbarHVR_ThumbScale.png" vertical-resize-matrix="10,*,10"  />

		<!-- General icons -->
		<image name="image.focus"	source="Graphics\BG_Specials\Focus.png" horizontal-resize-matrix="6,*,6" vertical-resize-matrix="12,*,6" />
		<image name="image.hover"	source="Graphics\BG_Specials\Hover.png" horizontal-resize-matrix="6,*,6" vertical-resize-matrix="6,*,6" />

		<!-- 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" />
		
		<!-- Search Panel -->
		<image name="image.searchpanel.background" source="Graphics\Icons_MediaCategory\Search_input_box.png" />
		
		<!-- Main Menu -->
		<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" />

		<!-- OSD: Volume View -->
		<image name="image.osd.volume.background" source="Graphics\Icons_OSD\NH_VolumeIndicator_Middle2.png" fillStyle="tile" />
		<image name="image.osd.volume.slider" source="Graphics\Icons_OSD\NH_VolumeIndicator_Middle1.png" fillStyle="tile" />
		<image name="image.osd.panel.play" source="Graphics\BG_OSD\NH_SmallPanel_Play_BG.png" fillStyle="tile" />
		
		<!-- Notification Area -->
		<image name="image.notification.background" source="Graphics\BG_Notifications\notification.png" horizontal-resize-matrix="48,*,21" />
		
		<image name="image.listview.separator.line" source="Graphics\BG_Content_ListView\Separator_Line.png" horizontal-resize-matrix="60,*,60" />
		
		<!-- SelectionControl Images -->
		<image name="image.selection.arrowcross" source="Graphics\SelectionControl\NH_Cropping_Move_Rest.png" fillStyle="center" />
		<image name="image.selection.arrowcross.hovered" source="Graphics\SelectionControl\NH_Cropping_Move_Active.png" fillStyle="center" />
		<image name="image.selection.arrowhorizontal" source="Graphics\SelectionControl\NH_Cropping_Resize2_Rest.png" fillStyle="center" />
		<image name="image.selection.arrowhorizontal.hovered" source="Graphics\SelectionControl\NH_Cropping_Resize2_Active.png" fillStyle="center" />
		<image name="image.selection.arrowvertical" source="Graphics\SelectionControl\NH_Cropping_Resize1_Rest.png" fillStyle="center" />
		<image name="image.selection.arrowvertical.hovered" source="Graphics\SelectionControl\NH_Cropping_Resize1_Active.png" fillStyle="center" />
		
		<!-- 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" />
		
		
		<image name="image.dropshadow" source="Graphics\BG_Specials\drop_shadow.png" horizontal-resize-matrix="5,*,5" vertical-resize-matrix="4,*,6" />
	</images>
	
	<!--                                                                    -->
	<!-- Fonts                                                              -->
	<!--                                                                    -->
	<fonts>
		<font name="font.normal" size="14" face="Arial" bold="false" />
		<font name="font.normal.heavy" size="14" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.normal.heavy.selected" size="14" face="Arial" bold="true" italic="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.large" size="16" face="Arial" bold="false" />
		<font name="font.large.heavy" size="16" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.small" size="12" face="Arial" bold="false" />
		<font name="font.small.heavy" size="12" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />

		<font name="font.page.title" size="16" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.waitscreen" size="16" face="Arial" bold="true" shadow-color="#F0000000" shadow-color2="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.button.label" size="12" face="Arial" bold="true" shadow-color="#FFFFFF" shadow-blur-radius="0" shadow-distance-x="2" shadow-distance-y="2"/>
		
		<font name="font.settingsinfo" size="12" face="Arial" bold="false" />
		<font name="font.settingsinfo.small" size="10" face="Arial" bold="false" />
		<font name="font.settingsinfo.tiny" size="8" face="Arial" bold="false" />

		<font name="font.keyboard.normal" size="12" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-blur-radius="1" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.OSD.minimized" size="8" face="Arial" bold="true" />
		<font name="font.OSD.title" size="16" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		<font name="font.OSD.subtitle" size="14" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		
		<font name="font.carousel.label" size="16" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		
		<font name="font.searchpanel.editcontrol" size="14" face="Arial" bold="true" />

		<font name="font.menu.item" size="14" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="3" shadow-distance-y="3" />
		<font name="font.menu.item.disabled" size="14" face="Arial" bold="true" />
		<font name="font.menu.item.selected" size="14" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		
		<font name="font.filebrowser.listview.label" size="14" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="3" shadow-distance-y="3" />
		<font name="font.filebrowser.listview.label.selected" size="14" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="3" shadow-distance-y="3" />
		<font name="font.filebrowser.listview.label.small1" size="12" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="2" shadow-distance-y="2" />
		<font name="font.filebrowser.listview.label.small1.selected" size="12" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="2" shadow-distance-y="2" />
		<font name="font.filebrowser.listview.label.small2" size="12" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="2" shadow-distance-y="2" />
		<font name="font.filebrowser.listview.label.small2.selected" size="12" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="2" shadow-distance-y="2" />
		
		<font name="font.notification.label" size="14" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		
		<font name="font.playercontrols.label" size="14" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#F0000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />

		<font name="font.exportslideshow.title" size="10" face="Arial" bold="true" shadow-color="#F0FFFFFF" shadow-color2="#FF000000" shadow-blur-radius="1" shadow-distance-x="0" shadow-distance-y="0" />
		<font name="font.exportslideshow.default" size="10" face="Arial" bold="false" />
		
		<font name="font.tvprograms.title" size="16" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.subtitle" size="14" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.channel" size="12" face="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />
		<font name="font.tvprograms.datetime" size="12" face="Arial" 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="Arial" bold="true" shadow-color="#F0000000" shadow-blur-radius="2" shadow-distance-x="1" shadow-distance-y="1" />

		<font name="font.infopanel.menu.item" size="12" face="Arial" bold="true" />
		<font name="font.infopanel.menu.item.disabled" size="12" face="Arial" 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="12" face="Arial" 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="16" face="Arial" bold="true" />
		<font name="font.infopanel.description" size="12" face="Arial" bold="true" />
		<font name="font.burn.label" size="12" face="Arial" bold="false" />
		
		<font name="font.modalpanel.label" size="13" face="Arial" bold="true" shadow-color="#FFFFFF" shadow-blur-radius="0" shadow-distance-x="2" shadow-distance-y="2"/>
		<font name="font.modalpanel.caption" size="14" face="Arial" bold="true" shadow-color="#FFFFFF" shadow-blur-radius="0" shadow-distance-x="2" shadow-distance-y="2"/>
	</fonts>
	
	<!--                                                                    -->
	<!-- Colors                                                             -->
	<!--                                                                    -->
	<colors>
		<color name="color.hovered" value="#ffffffff" />
		<color name="color.normal" value="#d0ffffff" />
		<color name="color.light" value="#a0ffffff" />
		
		<color name="color.modalpanel.border" value="#A0333333" />
		<color name="color.modalpanel.text" value="#FF333333" />
		<color name="color.modalpanel.background" value="#F0DFDFDF" />
		
		<color name="color.disabled" value="#50ffffff" />
		<color name="color.selected" value="#f0a00000" />
		
		<color name="color.carousel.label" value="#ffffffff" />
		
		<color name="color.notification.label" value="#d0000000" />
		
		<color name="color.playercontrols.label" value="#ff333333" />
		<color name="color.playercontrols.minimized.background" value="#ff000000" />
		<color name="color.playercontrols.minimized.foreground" value="#ffffffff" />
		
		<color name="color.filebrowser.listview.label" value="#ffffffff" />
		<!--color name="color.filebrowser.listview.label.selected" value="#D0000000" /-->
		<color name="color.filebrowser.listview.label.selected" value="#FFFFFFFF" />
		<color name="color.filebrowser.listview.label.small1" value="#d0ffffff" />
		<color name="color.filebrowser.listview.label.small1.selected" value="#d0FFFFFF" />
		<color name="color.filebrowser.listview.label.small2" value="#f0ffffff" />
		<color name="color.filebrowser.listview.label.small2.selected" value="#f0FFFFFF" />

		
		<color name="color.button.label" value="#FF333333" />
		<color name="color.button.label.hovered" value="#FF333333" />
		<color name="color.button.label.disabled" value="#A0333333" />

		<color name="color.keyboard.focus" value="#50000000" />
		<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="#99ffffff" />
		<color name="color.border.focus.opaque" value="#ffffffff" />
		<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.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.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.label" value="#a0000000" />
		<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>
		<style name="empty">
		</style>


		<!-- 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 border-width="2" border-color="color.border.focus" />
			<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 border-width="2" border-color="color.border.focus" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<!-- Player Controls (minimized) -->
		
		<style name="style.playercontrols.minimized.background">
			<background image="image.playercontrols.minimized.background" />
		</style>
		
		<style name="style.playercontrols.minimized.item.left.background">
			<background image="image.playercontrols.minimized.item.left.background" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
			
		<style name="style.playercontrols.minimized.item.left.background.hovered">
			<background image="image.playercontrols.minimized.item.left.background.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.playercontrols.minimized.item.background">
			<background image="image.playercontrols.minimized.item.background" />
		</style>

		<style name="style.playercontrols.minimized.item.background.hovered">
			<background image="image.playercontrols.minimized.item.background.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.playercontrols.minimized.item.right.background">
			<background image="image.playercontrols.minimized.item.right.background" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.playercontrols.minimized.item.right.background.hovered">
			<background image="image.playercontrols.minimized.item.right.background.hovered" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<!-- Player Controls (normal & full-screen) -->
		<style name="style.playercontrols.item.prev.background">
			<background image="image.playercontrols.item.prev.background" />
		</style>
		
		<style name="style.playercontrols.item.prev.background.hovered">
			<background image="image.playercontrols.item.prev.background.hovered" />
		</style>
		
		<style name="style.playercontrols.item.play.background">
			<background image="image.playercontrols.item.play.background" />
		</style>
		
		<style name="style.playercontrols.item.play.background.hovered">
			<background image="image.playercontrols.item.play.background.hovered" />
		</style>
		
		<style name="style.playercontrols.item.next.background">
			<background image="image.playercontrols.item.next.background" />
		</style>
		
		<style name="style.playercontrols.item.next.background.hovered">
			<background image="image.playercontrols.item.next.background.hovered" />
		</style>
		
		<style name="style.playercontrols.item.background">
			<background image="image.playercontrols.item.background" />
		</style>
		
		<style name="style.playercontrols.item.background.hovered">
			<background image="image.playercontrols.item.background.hovered" />
		</style>
		
		<style name="style.playercontrols.volume.background">
			<!-- <background image="image.playercontrols.volume.background" /> -->
		</style>
		
		<style name="style.playercontrols.volume.background.hovered">
			<!-- <background image="image.playercontrols.volume.background.hovered" /> -->
		</style>
		
		<style name="style.playercontrols.right">
			<background image="image.playercontrols.right" />
		</style>
		
		<style name="style.playercontrols.right.hovered">
			<background image="image.playercontrols.right.hovered" />
		</style>
		
		<style name="style.playercontrols.volume.slider">
			<background image="image.playercontrols.volume.background" />
		</style>
		
		<style name="style.playercontrols.volume.slider.hovered">
			<background image="image.playercontrols.volume.background.hovered" />
		</style>
		
		<style name="style.playercontrols.volume.thumb">
			<workingarea image="image.playercontrols.volume.thumb" />
		</style>
		
		<style name="style.playercontrols.volume.thumb.hovered">
			<workingarea image="image.playercontrols.volume.thumb.hovered" />
		</style>

		<style name="style.playercontrols.seekbar.slider">
			<background image="image.playercontrols.seekbar.background" />
			<workingarea image="image.playercontrols.seekbar.slider" />
		</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 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 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" />
			<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.title.label">
			<workingarea font="font.normal.heavy" color="color.normal" text-overflow-cut="marquee"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label">
			<workingarea font="font.normal" color="color.normal" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.heavy">
			<workingarea font="font.normal.heavy" color="color.normal" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.light">
			<workingarea font="font.normal" color="color.light" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.small">
			<workingarea font="font.small" color="color.normal" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
				
		<style name="style.player.title.label.large">
			<workingarea font="font.large.heavy" color="color.normal" text-overflow-cut="marquee"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>

		<style name="style.player.label.large">
			<workingarea font="font.large" color="color.normal" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.large.heavy">
			<workingarea font="font.large.heavy" color="color.normal" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.label.large.light">
			<workingarea font="font.large" color="color.light" text-overflow-cut="none"
						 animation-onCreate="Animation.General.FadeIn.Delay400" />
		</style>
		
		<style name="style.player.slideshow">
			<workingarea animation-onCreate="Animation.General.ZoomIn.Delay400" />
		</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.OSD.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>

		<!-- Burning -->
		<style name="style.burn.label">
			<workingarea font="font.burn.label" color="color.light" text-overflow-cut="marquee" />
		</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.button">
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.page.button.hovered">
			<overlay border-width="2" border-color="color.border.focus" />
			<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 border-width="2" border-color="color.border.focus" />
			<focus border-width="3" border-color="color.border.focus" />
		</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.globalarea.button">
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<style name="style.page.globalarea.button.hovered">
			<overlay border-width="2" border-color="color.border.focus" />
			<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.carousel.button">
			<!--focus border-width="3" border-color="color.border.focus" /-->
		</style>
		
		<style name="style.carousel.button.hovered">
			<!--focus border-width="3" border-color="color.border.focus" /-->
		</style>
				
		<style name="style.carousel.image">
			<workingarea animation-onCreate="Animation.Carousel.Create"
						 animation-onShow="Animation.Carousel.Create"
						 animation-onFocusSet="Animation.Carousel.FocusSet"
						 animation-onFocusLost="Animation.Carousel.FocusLost"
						 animation-onMouseIn="Animation.Carousel.MouseIn"
						 animation-onMouseOut="Animation.Carousel.MouseOut"
			/>
		</style>
		
		<style name="style.carousel.label">
			<workingarea font="font.carousel.label" color="color.carousel.label"
						 animation-onCreate="Animation.Carousel.Label.OnCreate"
						 animation-onStyleSet="Animation.Carousel.Label.FocusLost"
			/>
		</style>
		<style name="style.carousel.label.selected">
			<workingarea font="font.carousel.label" color="color.carousel.label"
						 animation-onCreate="Animation.Carousel.Label.OnCreate"
						 animation-onStyleSet="Animation.Carousel.Label.FocusSet"
			/>
		</style>


<!--
		<style name="style.carousel.Label.hovered">
			<workingarea color="color.normal" font="font.normal.heavy" />
		</style>
-->
		
		<!-- Search Panel -->
		<style name="style.searchpanel.editcontrol">
			<background image="image.searchpanel.background"
						animation-onCreate="Animation.Carousel.EditBox.OnCreate"
						animation-onShow="Animation.Carousel.EditBox.OnCreate"
			/>
			<!-- <focus border-width="3" border-color="color.border.focus" /> -->
			<workingarea font="font.searchpanel.editcontrol" text-overflow-cut="none" color="Black"
						 animation-onCreate="Animation.Carousel.EditBox.OnCreate"
						 animation-onShow="Animation.Carousel.EditBox.OnCreate" />
		</style>

		<!-- File Browser: List View (medium icons) -->

		<style name="style.filebrowser.listview.item">
			<focus image="image.focus" />
		</style>

		<style name="style.filebrowser.listview.item.hovered">
			<overlay image="image.hover" />
			<focus image="image.focus" />
		</style>

		<style name="style.filebrowser.listview.item.selection_mark">
			<background image="image.hover"/>
			<overlay image="image.filebrowser.listview.selected" />
		</style>



		<!-- File Browser: Icon View -->
		<style name="style.filebrowser.iconview.item">
			<focus image="image.focus" />
		</style>
 
 		<style name="style.filebrowser.iconview.item.hovered">
			<focus image="image.focus" />
			<overlay image="image.hover" />
		</style>

		<style name="style.filebrowser.iconview.item.selection_mark">
			<background image="image.hover"/>
			<overlay image="image.filebrowser.iconview.selected" />
		</style>

		
		<!-- File Browser: Other Stuff -->
		<style name="style.filebrowser.listview.item.label">
			<workingarea font="font.filebrowser.listview.label" color="color.filebrowser.listview.label" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.hovered">
			<workingarea font="font.filebrowser.listview.label" color="color.filebrowser.listview.label" text-overflow-cut="marquee" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.hoveredselected">
			<workingarea font="font.filebrowser.listview.label.selected" color="color.filebrowser.listview.label.selected" text-overflow-cut="marquee" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.selected">
			<workingarea font="font.filebrowser.listview.label.selected" color="color.filebrowser.listview.label.selected" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small1">
			<workingarea font="font.filebrowser.listview.label.small1" color="color.filebrowser.listview.label.small1" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small1.hovered">
			<workingarea font="font.filebrowser.listview.label.small1" color="color.filebrowser.listview.label.small1" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small1.selected">
			<workingarea font="font.filebrowser.listview.label.small1.selected" color="color.filebrowser.listview.label.small1.selected" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small1.hoveredselected">
			<workingarea font="font.filebrowser.listview.label.small1.selected" color="color.filebrowser.listview.label.small1.selected" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small2">
			<workingarea font="font.filebrowser.listview.label.small2" color="color.filebrowser.listview.label.small2" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small2.hovered">
			<workingarea font="font.filebrowser.listview.label.small2" color="color.filebrowser.listview.label.small2" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small2.selected">
			<workingarea font="font.filebrowser.listview.label.small2.selected" color="color.filebrowser.listview.label.small2.selected" />
		</style>
		
		<style name="style.filebrowser.listview.item.label.small2.hoveredselected">
			<workingarea font="font.filebrowser.listview.label.small2.selected" color="color.filebrowser.listview.label.small2.selected" />
		</style>

		<style name="style.filebrowser.listview.item.label.emptylist">
			<workingarea font="font.filebrowser.listview.label" color="color.filebrowser.listview.label" text-overflow-cut="multiline" />
		</style>
		
		<style name="style.filebrowser.scrollbar.thumb">
			<background image="image.filebrowser.scrollbar.thumb" />
		</style>
		
	
		<style name="style.filebrowser.scrollbar.thumb.hovered">
			<background image="image.filebrowser.scrollbar.thumb.hovered" />
		</style>
		
		
		<style name="style.filebrowser.listview.item.image">
		</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.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">
		</style>

		<style name="style.menu.item.hovered">
		</style>
		
		<style name="style.menu.item.background">
			<background image="image.general.empty" />
			<focus image="image.focus"/>
		</style>

		<style name="style.menu.item.background.hovered">
			<background image="image.hover" />
			<focus image="image.focus" />
		</style>

		<style name="style.menu.item.label">
			<workingarea font="font.menu.item" color="color.hovered" />
		</style>

		<style name="style.menu.item.label.disabled">
			<workingarea font="font.menu.item.disabled" color="color.disabled" />
		</style>
		
		<style name="style.menu.item.label.hovered">
			<workingarea font="font.menu.item" 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 image="image.general.control.button.focus" />
		</style>
		
		<style name="style.settings.button.hovered">
			<background image="image.general.control.button" />
			<overlay border-width="2" border-color="color.border.focus" />
			<focus image="image.general.control.button.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">
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.list.up.hovered">
			<overlay border-width="2" border-color="color.border.focus" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.list.down">
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.list.down.hovered">
			<overlay border-width="2" border-color="color.border.focus" />
			<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">
		</style>

		<style name="style.settings.checkbox.checked">
			<background image="image.general.control.checkbox.checked" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>

		<style name="style.settings.checkbox.unchecked">
			<background image="image.general.control.checkbox.unchecked" />
			<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" />
			<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.modalpanel.background" border-width="1" border-color="color.modalpanel.border" />
		</style>
		 
		<style name="style.modalpanel.label">
			<workingarea font="font.modalpanel.label" color="color.modalpanel.text" text-overflow-cut="multiline" />
		</style>

		<style name="style.modalpanel.label.caption">
			<workingarea font="font.modalpanel.caption" color="color.modalpanel.text" />
		</style>

		<style name="style.modalpanel.button">
			<background image="image.general.control.button" />
			<focus image="image.general.control.button.focus" />
		</style>

		<style name="style.modalpanel.button.hovered">
			<background image="image.general.control.button.hovered" />
			<focus image="image.general.control.button.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 border-width="2" border-color="color.border.focus" />
			<focus border-width="3" border-color="color.border.focus" />
		</style>
		
		<!-- Notification Area -->
		<style name="style.notification.background">
			<background image="image.notification.background" />
		</style>

		<style name="style.notification.text">
			<workingarea font="font.notification.label" color="color.notification.label" text-overflow-cut="marquee"/>
		</style>
		
		<!-- OSD -->
		<style name="style.OSD.background">
			<background background-color="color.background.darken20" />
		</style>

		<style name="style.OSD.panel">
			<workingarea animation-onCreate="Animation.OSD.Show"
						 animation-onShow="Animation.OSD.Show" />
		</style>
		
		<style name="style.OSD.panel.play">
			<background image="image.osd.panel.play"
						animation-onCreate="Animation.OSD.Show"
						animation-onShow="Animation.OSD.Show" />
			<workingarea font="font.OSD.title" color="color.OSD.label"
						 animation-onCreate="Animation.OSD.Show"
						 animation-onShow="Animation.OSD.Show" />
		</style>
		
		
		<style name="style.OSD.label.minimized">
			<workingarea font="font.OSD.minimized" color="color.OSD.green" />
		</style>
		<style name="style.OSD.label.title">
			<workingarea font="font.OSD.title" color="color.OSD.label"
						 animation-onCreate="Animation.OSD.Show"
						 animation-onShow="Animation.OSD.Show" />
		</style>
		<style name="style.OSD.label.subtitle">
			<workingarea font="font.OSD.subtitle" color="color.OSD.label"
						 animation-onCreate="Animation.OSD.Show"
						 animation-onShow="Animation.OSD.Show" />
		</style>
		
		<!-- OSD Volume-->		
		<style name="style.OSD.volume">
			<background image="image.osd.volume.background"
						animation-onCreate="Animation.OSD.Show"
						animation-onShow="Animation.OSD.Show" />
			<workingarea image="image.osd.volume.slider"
						 animation-onCreate="Animation.OSD.Show"
						 animation-onShow="Animation.OSD.Show" />
		</style>

		<!-- Notifications -->
		<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.Button">
			<workingarea font="font.keyboard.normal" color="color.keyboard.normal" />
			<background image="image.general.control.button" />
			<focus image="image.general.control.button.focus" />
		</style>
		<style name="Keyboard.Button.Hover">
			<background image="image.general.control.button.hovered" />
			<focus image="image.general.control.button.focus" />
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
		</style>
		<style name="Keyboard.Button.Selected">
			<workingarea font="font.keyboard.normal" color="color.keyboard.hovered" />
			<background image="image.general.control.button" />
			<overlay background-color="color.keyboard.selected" />
		</style>
		
	
		<!-- ListView optimization styles -->
		
		<style name="style.listview.separator.line">
			<background image="image.listview.separator.line" />
		</style>		
		
		<!-- SelectionControl Styles -->
		<style name="style.selection.border">
			<background border-width="3" border-color="color.normal" />
		</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.arrowhorizontal">
			<background image="image.selection.arrowhorizontal" />
		</style>
		
		<style name="style.selection.arrowvertical">
			<background image="image.selection.arrowvertical" />
		</style>
		
		<style name="style.selection.arrowcross.hovered">
			<background image="image.selection.arrowcross.hovered" />
		</style>
		
		<style name="style.selection.arrowhorizontal.hovered">
			<background image="image.selection.arrowhorizontal.hovered" />
		</style>
		
		<style name="style.selection.arrowvertical.hovered">
			<background image="image.selection.arrowvertical.hovered" />
		</style>
		
		<!-- styles for slideshow export -->
		<style name="style.exportslideshow">
			<background background-color="color.playercontrols.minimized.background" />
		</style>
		
		<style name="style.exportslideshow.title">
			<workingarea font="font.exportslideshow.title" color="color.playercontrols.label" />
		</style>
		
		<style name="style.exportslideshow.wait">
			<background image="image.exportslideshow.wait" />
			<workingarea font="font.exportslideshow.default" color="color.playercontrols.minimized.foreground" />
		</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>
		
		<style name="style.dropshadow">
			<background image="image.dropshadow" />
		</style>		
	</styles>	
</NMUILayout>
