<?xml version="1.0" encoding="UTF-8" ?>
<NMUIDefinition version="1.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="NMUIDefinition.xsd">

	<!-- Start Page -->
	<Page name="welcome">
	
		<!-- This is the place where the javascript is initialized -->
		<!-- NOT USED RIGHT NOW !!! FUTURE USE !!! -->
		<!-- Script type="text/javascript" src="XML\globals.js" /-->
		
		<!-- black background - to prevent transparent parts of page -->
		<Panel x="0" y="0" width="100%" height="100%" style="style.background.black" />
		
		<!-- Background image fills the background with a special image -->
		<Image name="background" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" source="Graphics\Backgrounds\red.jpg" />

		<!-- Core Panel. All predefinitions will be loaded inside of this panel. -->
		<!-- It fills the whole page. -->
		<Panel name="corepanel" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" cursor-timeout="30" />
		
		<!-- Fullscreen Panel is hidden until we really need it. -->
		<!-- It fills the whole page. -->
		<Image name="fullscreen_panel" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" visible="false" style="style.fullscreen" source="Graphics\Backgrounds\red.jpg" cursor-timeout="30" />

		<InsertTemplate name="template_notification_area" NAME="notification_area" VISIBLE="false" WIDTH="auto" WIDTH_MAX="500px"/>
		<InsertTemplate name="template_notification_area" NAME="notification_area_fullscreen" VISIBLE="false" WIDTH="100%" WIDTH_MAX="800px"/>

		<!-- Page Header -->
		<Panel name="windowtitlebar" width="300px" height="68px" alignment-vertical="top" alignment-horizontal="right" cursor-timeout="30" />

		<Panel name="waitscreen" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" visible="false" style="style.waitscreen.background" >
			<Image width="128px" height="128px" source="Graphics\Icons_Content\hourglass.png" alignment-horizontal="center" alignment-vertical="center" style="style.waitscreen.icon" />
			<Label width="300px" height="140px" textID="IDS_PLEASE_WAIT" text-alignment-vertical="bottom" text-alignment-horizontal="center" alignment-horizontal="center" alignment-vertical="center" style="style.waitscreen.label" />
		</Panel>
		
	</Page>
	
	<!-- Predefintions -->
	<Predefinitions>

		<!-- Main Panel -->
		<PredefinedPanel name="nmbpanel" width="100%" height="100%">
			
			<!-- <Image name="image_pageimage" x="0" y="0" width="100%" height="100%" source="" fillStyle="fit" /> -->

			<!-- Logo (left aligned) --> <!-- hint="$home" -->
			<ImageButton name="button_home" y="20px" x="35px" width="145px" height="77px"
						 source="Graphics\Logo\logo.png" 
						 focusedSource="Graphics\Logo\logo_focused.png" 
						 hoverSource="Graphics\Logo\logo_focused.png" 
						 alignment-horizontal="left"
						 downElement="content_header.button_back_pagewide.button_back:main_area.modules_main_fullpage.menu_and_content_pagewide.vbox_menu_area:minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task:main_area"
						 upElement="$nodefault"
						 leftElement="$nodefault"
						 rightElement="content_header.button_back_pagewide.button_back#main_area"
						 onclick="application.home();"
			/>
			
			<Shortcut name="content_header" target="root.content_header"/>
			<Shortcut name="main_area" target="root.main_area"/>
			<Panel name="root" width="100%" height="100%">
				<!-- Content Header -->
				<Panel name="content_header" width="100%" height="100%">
				
					<!-- Page Title -->
					<HBox width="auto" height="80px" y="20px"> <!-- NOFACTOR -->
						<!-- Separator Bar -->
						<Panel width="195px" height="0" />
						<Image y="40px" height="20px" width="3px" source="Graphics\BG_Specials\separator.png" />
						<Panel width="20px" height="0" />
					
						<!-- Page Title -->
						<Label y="35px" name="pagetitle" width="auto" height="30px" text="" style="style.page.title" text-alignment-vertical="center" text-alignment-horizontal="left" />
					</HBox>

					<!-- Back Button -->
					<HBox y="130px" width="100%" height="35px" name="button_back_pagewide">
						<!-- Spacer (to the left border) -->
						<Panel width="50px" height="0" />

						<!-- hint="$back" -->
						<Button name="button_back" 
								width="28%" height="35px"
								style="style.menu.item"
								hoverStyle="style.menu.item.hovered"
								upElement="...button_home"
								downElement="..main_area.modules_main_fullpage.menu_and_content_pagewide.vbox_menu_area:...minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task:..main_area"
								rightElement="..main_area"
								leftElement="...button_home"
								onclick="application.back();"
						>
							<Panel width="100%" height="100%"
									style="style.menu.item.background"
									hoverStyle="style.menu.item.background.hovered" />
							<HBox width="100%" height="30px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center">
								<Label name="label_back" textID="IDS_BACK" width="*" height="100%" text-alignment-horizontal="right" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered"/>
								<Panel width="5px" height="0" />
							</HBox>
						</Button>
						<Panel width="20px" height="0" /> <!-- NOFACTOR needed? -->
						<Panel width="*" height="0" />
						<Panel width="50px" height="0" />
					</HBox>
				</Panel>

				<!-- Main Area --> <!-- hint="$main" -->
				<Panel name="main_area" width="100%" height="100%" upElement=".button_home"/>
			</Panel>
			
			<!-- Minimized Tasks --> <!-- hint="$minimized" -->
			<VBox name="minimized_task_holder" width="100%" height="100%" default-child-alignment-vertical="bottom">
				<HBox width="100%" height="25%" name="minimized_task_pagewide">
					<Panel width="50px" height="0" />

					<Panel width="28%" height="100%" name="minimized_task_correctsize">
						<Panel name="minimized_task"
							   width="100%" height="100%"
							   alignment-horizontal="right"
							   upElement="...main_area.modules_main_fullpage.menu_and_content_pagewide.vbox_menu_area:...content_header.button_back_pagewide.button_back:...main_area.carousel"
							   rightElement="...main_area.modules_main_fullpage.menu_and_content_pagewide.content#...main_area.modules_main_fullpage.menu_and_content_pagewide.vbox_menu_area:...main_area.carousel"
							   downElement="$nodefault"
							   leftElement="$nodefault">
							<!-- Minimized tasks go here -->
						</Panel>
					</Panel>
					
					<Panel width="20px" height="0" /> <!-- NOFACTOR needed? -->
					<Panel width="*" height="0" />
					<Panel width="50px" height="0" />
				</HBox>
				<Panel height="60px" width="0" />
			</VBox>

			<!--
			<HBox name="hbox" height="100%" width="100%">
				<Panel name="spacer_left" width="20px" height="0" />
				<VBox name="vbox" height="100%" width="1">
					<Panel name="spacer_top" height="15px" width="0" />
					<Panel name="visible_screen" width="100%" height="1">
						<VBox name="root" x="0" y="0" width="100%" height="100%" />
					</Panel>
					<Panel name="spacer_bottom" height="15px" width="0" />
				</VBox>
				<Panel name="spacer_right" width="20px" height="0" />
			</HBox>
			-->

		</PredefinedPanel>
		
		<!-- Main Panel -->
		<PredefinedPanel name="modules_main" width="100%" height="100%">
			<VBox width="100%" height="100%" name="modules_main_fullpage">
				<!-- Spacer (to the top border) -->
				<Panel width="0" height="130px" />

				<HBox width="100%" height="*" name="menu_and_content_pagewide">
					<!-- Spacer (to the left border) -->
					<Panel width="50px" height="0" />

					<!-- Menu Area --> <!-- hint="$menu" -->
					<VBox name="vbox_menu_area" width="28%" height="100%">
						<Panel width="0" height="52px" />
						<Panel name="menu_area" width="100%" height="*" 
							   upElement="....content_header.button_back_pagewide.button_back:....corepanel.button_home"
							   downElement=".....minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task:$default"/>
					</VBox>
					
					<!-- Spacer (between menu and content) -->
					<Panel width="20px" height="0" />
					
					<!-- Main Content --> <!-- hint="$content" -->
					<Panel name="content" 
						   width="*" height="100%"
						   style="style.page.content"
						   leftElement="vbox_menu_area.menu_area#...content_header.button_back_pagewide.button_back#....minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task"
						   downElement="....minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task:vbox_menu_area.menu_area:$stop"/>
						   
					<!-- Spacer (to the right border) -->
					<Panel width="50px" height="0" />
				</HBox>
				
				<!-- Spacer (to the bottom border) -->
				<Panel width="0" height="60px" />
			</VBox>
		</PredefinedPanel>
		
			
		<!-- Modules Panel -->
		<PredefinedPanel name="startpage_modules" width="100%" height="100%">
			
			<!-- Swoosh -->
			<!-- <Image source="Graphics\BG_Specials\swoosh.png" width="1280px" height="720px" alignment-horizontal="right" alignment-vertical="top" /> -->
			
			<!-- Background -->
			<!-- Image source="Graphics\BG_Specials\eye.png" width="700px" height="500px" alignment-horizontal="left" alignment-vertical="bottom" /-->
			
			<!-- Carousel --> <!-- hint="$carousel" -->
			<Panel width="700px" height="405px" alignment-horizontal="right" alignment-vertical="center"
				   name="carousel"
				   downElement="..minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task"
				   leftElement="..minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task"
				   rightElement="$stop"
				   upElement="$stop"
			>
				<RotatingList frontsize="60%" backsize="40%" name="hbox" height="300px" width="600px" active="true" type="circle" mousemove="false" alignment-horizontal="center" alignment-vertical="top">
					<RotatingListItems name="hbox" height="100%" width="100%">
						<Panel name="button1" width="100px" height="100px" style="style.carousel.button" rightElement="button2" leftElement="module_search" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
						<Panel name="button2" width="100px" height="100px" style="style.carousel.button" rightElement="button3" leftElement="button1" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
						<Panel name="button3" width="100px" height="100px" style="style.carousel.button" rightElement="button4" leftElement="button2" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
						<Panel name="button4" width="100px" height="100px" style="style.carousel.button" rightElement="button5" leftElement="button3" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
						<Panel name="button5" width="100px" height="100px" style="style.carousel.button" rightElement="module_settings" leftElement="button4" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
						
						<!-- Settings -->
						<Panel name="module_settings" width="100px" height="100px" style="style.carousel.button" rightElement="module_search" leftElement="button5" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
						
						<!-- Search -->
						<Panel name="module_search" width="100px" height="100px" style="style.carousel.button" rightElement="button1" leftElement="module_settings" active="false" focusable="false">
							<ImageButton active="true" name="module_image" fillStyle="fit" width="100%" height="100%" source="Graphics\empty.png" style="style.carousel.image" mask="Graphics\empty.png">
								<Label y="140px" name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" style="style.carousel.label" selectedStyle="style.carousel.label.selected"/>
							</ImageButton>
						</Panel>
					</RotatingListItems>	
				</RotatingList>
								
				<Panel name="module_custom" y="245px" width="252px" height="53px" visible="false" alignment-horizontal="center" />				
				
				<VBox name="module_menu" y="295px" width="252px" height="105px" visible="false" alignment-horizontal="center" style="style.startpage.menu"/>		
			</Panel>
			
 		</PredefinedPanel>

 		<!-- Definition of the info panel to display backgroundscanner progress -->
		<PredefinedPanel name="infopanel_bgscanner" width="100%" height="100%">
			<Label name="text" width="100%" y="0px" height="20px" style="style.settingsinfo.small"/>
			<Label name="file" width="100%" y="20px" height="20px" style="style.settingsinfo.tiny.path"/>
		</PredefinedPanel>
	
 		<!-- Definition of the search panel -->
		<PredefinedPanel name="searchpanel_predef" width="100%" height="100%">
			<HBox name="hbox" width="100%" height="100%">
				<!-- Input Box -->
				<EditControl name="searchpanel_edit" width="252px" height="53px" style="style.searchpanel.editcontrol" marginLeft="22" marginTop="12" marginRight="22" />
			</HBox>
		</PredefinedPanel>
		
		<!-- Empty panel -->
		<PredefinedPanel name="empty_panel" width="100%" height="100%" />
		
		<!-- Panel for NMB with filebrowser and clipboard -->
		<PredefinedPanel name="nmb_content_panel" width="100%" height="100%">
		
			<!-- File Browser -->
			<Panel name="nmb_filebrowser_panel" width="100%" height="100%" />

			<!-- Clipboard (hidden) -->
			<Panel name="nmb_clipboard_panel" width="100%" height="100%" visible="false" />

			<!-- Search Results (hidden) -->
			<Panel name="nmb_searchresults_panel" width="100%" height="100%" visible="false" />

			<!-- Action Panel (hidden) -->
			<Panel name="nmb_action_panel" width="100%" height="100%" visible="false" />
			
		</PredefinedPanel>

		<!-- File Browser: Icon View (large icons) -->
		<PredefinedPanel name="filebrowser_iconview" width="100%" height="100%">
			<ListView name="listview" width="100%" height="100%" direction="horizontal" verticalScrollBar="vertical_scroll">

				<Label name="label_empty_list_info" width="100%" height="100%" textID="IDS_LIST_IS_EMPTY" text-alignment-horizontal="center" text-alignment-vertical="top" style="style.filebrowser.listview.item.label.emptylist" visible="false" />
				
				<ListViewItems name="list_view_items" keepFocusInside="false"
					x="0" y="0" width="100%" height="100%" virtual="true" hgap="1px" vgap="1px" 
				/>
				
				<InsertTemplate name="vertical_scroll"/>
			</ListView> 
			<Panel name="child_panel" width="100%" height="100%" visible="false" />
		</PredefinedPanel>
		

		<PredefinedPanel name="filebrowser_iconviewitem" width="100px" height="100px">
			<HBox width="100%" height="100%">
				<Panel name="item" width="100%" height="100%" style="empty" selectedStyle="style.filebrowser.iconview.item.selection_mark">
					
					<!-- background -->
					<Panel width="100%" height="100%"
						style="style.filebrowser.iconview.item" 
						selectedStyle="style.filebrowser.iconview.item" 

						hoverStyle="style.filebrowser.iconview.item.hovered" 
						hoverSelectedStyle="style.filebrowser.iconview.item.hovered" 
					/>

					<Image name="item_thumb" fillStyle="fit" x="18px" y="6px" width="64px" height="64px" source="Graphics\empty.png"
						style="style.filebrowser.listview.item.image" 
					/>
					
					<Label name="item_info4" x="18px" y="6px" width="64px" height="64px"
						style="style.filebrowser.listview.item.label"
						hoverStyle="style.filebrowser.listview.item.label.hovered"
						selectedStyle="style.filebrowser.listview.item.label.selected"
						hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected"
						text-alignment-vertical="center"
						text-alignment-horizontal="center"
					/>
					
					<Label name="item_title" y="70px" width="90%" height="30px"
						text-alignment-horizontal="center"
						text-alignment-vertical="center"
						style="style.filebrowser.listview.item.label" 
						hoverStyle="style.filebrowser.listview.item.label.hovered" 
						hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
						selectedStyle="style.filebrowser.listview.item.label.selected"
						alignment-horizontal="center"
					/>
				</Panel>
				<Panel width="30px" height="0" />
			</HBox>
		</PredefinedPanel>
		
		<!-- File Browser: List View (medium icons) -->
		<PredefinedPanel name="filebrowser_iconlistview" width="100%" height="100%">
			<ListView name="listview" x="0" y="0" width="100%" height="100%" direction="horizontal" verticalScrollBar="vertical_scroll">

				<Label name="label_empty_list_info" width="100%" height="100%" textID="IDS_LIST_IS_EMPTY" text-alignment-horizontal="center" text-alignment-vertical="top" style="style.filebrowser.listview.item.label.emptylist" visible="false" />
				
				<ListViewItems name="list_view_items" multiSelect="true" keepFocusInside="false"
					width="100%" height="100%" virtual="true"
				/>

				<InsertTemplate name="vertical_scroll"/>
			</ListView>
			<Panel name="child_panel" width="100%" height="100%" visible="false" />
		</PredefinedPanel>


		<PredefinedPanel name="filebrowser_iconlistviewitem" width="100%" height="56px">
			<InsertTemplate name="ListView_Item" CONTENT="ListView_FileBrowser_Content" SELECTION_STYLE="style.filebrowser.listview.item.selection_mark"/>
		</PredefinedPanel>
		

		 
		<!-- Main Menu -->
		<PredefinedPanel name="menuitems" width="100%" height="100%">
			<VBox name="menuitems" width="100%" height="100%" />
		</PredefinedPanel>
		
		<PredefinedPanel name="menuitem" width="100%" height="35px">
			<Button name="item" width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered">
				<Panel width="100%" height="100%"
						style="style.menu.item.background"
						hoverStyle="style.menu.item.background.hovered" />
				<HBox width="100%" height="30px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center">
					<Label name="label" width="*" height="100%" text-alignment-horizontal="right" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered" marginLeft="3" />
					<Image name="icon" width="20px" height="20px" source="" fillStyle="fit" visible="false" />
					<Image name="checkbox" width="20px" height="20px" source="" fillStyle="fit" visible="false" />
					<Image name="navigate" width="20px" height="20px" source="" fillStyle="fit" visible="false" />
					<Image name="colorkey" width="15px" height="25px" source="" fillStyle="fit" visible="false" />
					<Panel width="5px" height="0" />
				</HBox>
			</Button>
		</PredefinedPanel>

		<!-- Definition of the minimized task panel -->
		<PredefinedPanel name="minimized_task" width="100%" height="100%">		
			<VBox name="minimized_task_root" width="100%" height="100%" visible="false" style="style.dropshadow">
				<Panel height="3px" width="0"/>
				<HBox width="100%" height="*">
					<Panel height="0" width="4px"/>
					<Panel name="minimized_task_panel" width="*" height="100%" style="style.page.minimizedtask" />
					<Panel height="0" width="4px"/>
				</HBox>
				<Panel height="5px" width="0"/>
			</VBox>
			
<!--			
			<Panel name="minimized_task_root" width="100%" height="100%" visible="false">
				<Panel width="100%" height="100%" style="style.dropshadow" /> 
				<Panel name="minimized_task_panel" width="100%" height="100%"/> 

				<VBox width="100%" height="100%">
					<HBox width="100%" height="3px">
						<Image width="3px" height="3px" source="Graphics\BG_Specials\drop_shadow_uple.png" fillStyle="tile" />
						<Image width="*" height="3px" source="Graphics\BG_Specials\drop_shadow_up.png" fillStyle="tile" />
						<Image width="5px" height="3px" source="Graphics\BG_Specials\drop_shadow_upri.png" fillStyle="tile" />
					</HBox>
					<HBox width="100%" height="*">
						<Image width="3px" height="100%" source="Graphics\BG_Specials\drop_shadow_le.png" fillStyle="tile" />
						<Panel name="minimized_task_panel" width="*" height="100%" style="style.page.minimizedtask" />
						<Image width="5px" height="100%" source="Graphics\BG_Specials\drop_shadow_ri.png" fillStyle="tile" />
					</HBox>
					<HBox width="100%" height="5px">
						<Image width="3px" height="5px" source="Graphics\BG_Specials\drop_shadow_lole.png" fillStyle="tile" />
						<Image width="*" height="5px" source="Graphics\BG_Specials\drop_shadow_lo.png" fillStyle="tile" />
						<Image width="5px" height="5px" source="Graphics\BG_Specials\drop_shadow_lori.png" fillStyle="tile" />
					</HBox>
				</VBox>
				
			</Panel>-->
		</PredefinedPanel>
		
		<!-- Info Panel: TV -->		
		<PredefinedPanel name="nmap_infopanel_TV" width="100%" height="100%">		

				<VBox x="0"	y="0" width="450px" height="*" active="true">
					<!-- spacer -->
					<Panel name="header_gap" width="100%" height="50px" />
									
					<!-- border -->
					<Panel name="border_top" width="100%" height="25px" style="style.infopanel.fullscreen.top.background" />
						
					<VBox x="0"	y="0" width="100%" height="*" active="true" style="style.infopanel.fullscreen.middle.background">
					
						<HBox name="content_description" x="0" y="0" width="100%" height="*" >
							<!-- Number in left coner -->
							<Panel name="channel_number" x="0" y="0" width="85px" height="60px">
								<Image x="23px" y="0" width="64px" height="60px" source="Graphics\BG_InfoPanel\NH_Panel_CounterBG.png" style="style.OSD.panel" />
								<Label name="channel_number_label" text="02" x="25px" y="0" width="60px" height="100%" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.infopanel.fullscreen.channel_number.label"/>
							</Panel>
							
							<!-- content area -->
							<VBox	name="content" 
									width="305px" 
									height="100%" 
									x="85px"
									y="0"							
									active="true"
									vgap="20px"							
								>
								
								<!-- change channel area -->
								<Panel name="change_channel" x="0px" y="0" width="100%" height="60px">
									<ImageButton name="channel_up" x="0px" y="0px" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Up_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Up_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Up_Disabled.png" active="true" />
									<ImageButton name="channel_down" x="0px" y="30px" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Down_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Down_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Down_Disabled.png" active="true" />
									<Label name="channel_name_label" text="change channel" x="35px" y="15px" width="*" height="100%" style="style.infopanel.fullscreen.title.label"/>
								</Panel>
								
								<!-- change program area -->
								<HBox name="change_program" x="0px" y="0" width="100%" height="25px">
									<ImageButton name="program_down" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Prev_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Prev_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Prev_Disabled.png" active="true" />
									<Label name="program_name_label" text="change program" x="35px" y="0px" width="200px" height="25px" text-alignment-vertical="center" style="style.infopanel.fullscreen.title.label"/>
									<ImageButton name="program_up" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Next_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Next_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Next_Disabled.png" active="true" />
								</HBox>
								
								<!-- Direct Panel: PlaceHolder -->
								<Panel name="video_background" width="200px" height="125px" style="style.player.minimized.background.video" active="true" focusable="false">
									<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
									<DirectPanel name="video_renderer_info_panel" width="100%" height="100%" active="true" visible="false" focusable="false" />
								</Panel>
								
								<Label name="program_desc_label" x="0" y="0" width="100%" height="*" text="programm desciption" style="style.infopanel.fullscreen.description.label"/>
								
							</VBox>
						</HBox>

						<VBox	name="content_action" 
								width="100%" 
								height="140px" 
								active="true"
								>

							<Panel name="item" x="75px" y="0" width="100%" height="35px">
								<Button name="action_1" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
									<Panel width="100%" height="100%"
										style="style.infopanel.menu.item.background"
										hoverStyle="style.infopanel.menu.item.background.hovered" />
									<HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
										<Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_red.png" fillStyle="fit" visible="true" />
										<Label name="action_1_label" text="action_1" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
										<Panel width="5px" height="0" />
									</HBox>
								</Button>
							</Panel>

							<Panel name="item" x="75px" y="0" width="100%" height="35px">
								<Button name="action_2" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
									<Panel width="100%" height="100%"
										style="style.infopanel.menu.item.background"
										hoverStyle="style.infopanel.menu.item.background.hovered" />
									<HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
										<Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_green.png" fillStyle="fit" visible="true" />
										<Label name="action_2_label" text="action_2" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
										<Panel width="5px" height="0" />
									</HBox>
								</Button>
							</Panel>

							<Panel name="item" x="75px" y="0" width="100%" height="35px">
								<Button name="action_3" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
									<Panel width="100%" height="100%"
										style="style.infopanel.menu.item.background"
										hoverStyle="style.infopanel.menu.item.background.hovered" />
									<HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
										<Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_blue.png" fillStyle="fit" visible="true" />
										<Label name="action_3_label" text="action_3" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
										<Panel width="5px" height="0" />
									</HBox>
								</Button>
							</Panel>

							<Panel name="item" x="75px" y="0" width="100%" height="35px">
								<Button name="action_4" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
									<Panel width="100%" height="100%"
										style="style.infopanel.menu.item.background"
										hoverStyle="style.infopanel.menu.item.background.hovered" />
									<HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
										<Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_yellow.png" fillStyle="fit" visible="true" />
										<Label name="action_4_label" text="action_4" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
										<Panel width="5px" height="0" />
									</HBox>
								</Button>
							</Panel>

						</VBox>
					
					</VBox>
					
					<!-- border -->
					<Panel name="border_bottom" width="100%" height="25px" style="style.infopanel.fullscreen.bottom.background" />

					<!-- spacer -->
					<Panel name="footer_gap" width="100%" height="50px" />
													
				</VBox>
			
		</PredefinedPanel>	
		
		<!-- Player Controls: Full Screen -->
		<PredefinedPanel name="player_controls_full" width="100%" height="100%">
			<Shortcut name="seekbar"			target="controls.exclude_me.controls_slider.seekbar"			/>
			
			<Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />

			<!-- Activation Area -->
			<Panel name="pc_activation_area" width="100%" height="119px" active="true" alignment-vertical="bottom" />
			
			<!-- Control Bar -->
			<HBox name="controls" width="auto" height="119px" alignment-horizontal="center" alignment-vertical="bottom">
				<!-- Shortcuts -->
				<Shortcut name="previous"			target="play_controls.previous_panel.previous"					/>
				<Shortcut name="previous_disabled"	target="play_controls.previous_panel.previous_disabled"			/>
				<Shortcut name="previous_panel"		target="play_controls.previous_panel"							/>
				<Shortcut name="next"				target="play_controls.next_panel.next"							/>
				<Shortcut name="next_disabled"		target="play_controls.next_panel.next_disabled"					/>
				<Shortcut name="next_panel"			target="play_controls.next_panel"								/>
		
				<Shortcut name="channelup"			target="play_controls.channelup_panel.channelup"				/>
				<Shortcut name="channelup_disabled"	target="play_controls.channelup_panel.channelup_disabled"		/>
				<Shortcut name="channelup_panel"	target="play_controls.channelup_panel"							/>
				<Shortcut name="channeldown"		target="play_controls.channeldown_panel.channeldown"			/>
				<Shortcut name="channeldown_disabled" target="play_controls.channeldown_panel.channeldown_disabled" />
				<Shortcut name="channeldown_panel"	target="play_controls.channeldown_panel"						/>

				<Shortcut name="play"				target="play_controls.play_panel.play"				/>
				<Shortcut name="pause"				target="play_controls.play_panel.pause"				/>
				<Shortcut name="pause_disabled"		target="play_controls.play_panel.pause_disabled"	/>
				<Shortcut name="play_panel"			target="play_controls.play_panel"					/>

				<Shortcut name="rewind"				target="rewind_panel.rewind"						/>
				<Shortcut name="rewind_disabled"	target="rewind_panel.rewind_disabled"				/>
				<Shortcut name="fforward"			target="fforward_panel.fforward"					/>
				<Shortcut name="fforward_disabled"	target="fforward_panel.fforward_disabled"			/>
				<Shortcut name="stop"				target="stop_panel.stop"							/>
				<Shortcut name="stop_disabled"		target="stop_panel.stop_disabled"					/>
				<Shortcut name="record"				target="record_panel.record"						/>
				<Shortcut name="record_disabled"	target="record_panel.record_disabled"				/>
				
				<Shortcut name="volume"				target="volume_panel.volume"						/>
				<Shortcut name="seekbar"			target="exclude_me.controls_slider.seekbar"			/>

				<Panel width="151px" height="76px" name="play_controls">
				
					<!-- Previous / Next -->
					<Panel name="previous_panel" x="0px" y="0px" width="43px" height="76px">
						<Panel name="previous" x="0px" y="0px" width="100%" height="100%" style="style.playercontrols.item.prev.background" hoverStyle="style.playercontrols.item.prev.background.hovered" active="true" focusable="false">
							<ImageButton x="5px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Back_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Back_Active.png" active="false" />
						</Panel>
						<Panel name="previous_disabled" x="0px" y="0px" width="100%" height="100%" style="style.playercontrols.item.prev.background">
							<Image x="5px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Back_Dis.png" />
						</Panel>
					</Panel>
					
					<Panel name="next_panel" x="111px" y="0px" width="40px" height="76px">
						<Panel name="next" width="100%" height="100%" style="style.playercontrols.item.next.background" hoverStyle="style.playercontrols.item.next.background.hovered" active="true" focusable="false">
							<ImageButton x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Next_Active.png" active="false" />
						</Panel>
						<Panel name="next_disabled" width="100%" height="100%" style="style.playercontrols.item.next.background">
							<Image x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Dis.png" />
						</Panel>
					</Panel>

					<!-- Channel Up / Down -->
					<Panel name="channeldown_panel" x="0px" y="0px" width="43px" height="76px">
						<Panel name="channeldown" x="0px" y="0px" width="100%" height="100%" style="style.playercontrols.item.prev.background" hoverStyle="style.playercontrols.item.prev.background.hovered" active="true" focusable="false">
							<ImageButton x="5px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Back_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Back_Active.png" active="false" />
						</Panel>
						<Panel name="channeldown_disabled" x="0px" y="18px" width="85px" height="64px" style="style.playercontrols.item.prev.background">
							<Image x="5px" y="15px" width="100%" height="100%" source="Graphics\Icons_PlayerControls\NH_Control_Back_Dis.png" />
						</Panel>
					</Panel>
					<Panel name="channelup_panel" x="111px" y="0px" width="40px" height="76px">
						<Panel name="channelup" width="100%" height="100%" style="style.playercontrols.item.next.background" hoverStyle="style.playercontrols.item.next.background.hovered" active="true" focusable="false">
							<ImageButton x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Next_Active.png" active="false" />
						</Panel>
						<Panel name="channelup_disabled" width="100%" height="100%" style="style.playercontrols.item.next.background">
							<Image x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Dis.png" />
						</Panel>
					</Panel>

					<!-- Play -->
					<Panel name="play_panel" x="43px" y="0px" width="68px" height="76px">
						<Panel name="pause" width="68px" height="76px" style="style.playercontrols.item.play.background" hoverStyle="style.playercontrols.item.play.background.hovered" active="true" focusable="false">
							<ImageButton x="15px" y="17px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Pause_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Pause_Active.png" active="false" />
						</Panel>
						<Panel name="play" width="68px" height="76px" style="style.playercontrols.item.play.background" hoverStyle="style.playercontrols.item.play.background.hovered" active="true" focusable="false">
							<ImageButton x="15px" y="17px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Play_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Play_Active.png" active="false" />
						</Panel>
						<Panel name="pause_disabled" width="68px" height="76px" style="style.playercontrols.item.play.background">
							<ImageButton x="16px" y="17px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Pause_Dis.png" active="false" />
						</Panel>
					</Panel>
					
				</Panel>
			
				<Panel name="rewind_panel" y="8px" width="41px" height="68px">
					<Panel name="rewind" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFB_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_VolumeFB_Active.png" active="false" />
					</Panel>
					<Panel name="rewind_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFB_Dis.png" />
					</Panel>
				</Panel>
				
				
				<Panel name="fforward_panel" y="8px" width="41px" height="68px">
					<Panel name="fforward" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFF_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_VolumeFF_Active.png" active="false" />
					</Panel>
					<Panel name="fforward_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFF_Dis.png" />
					</Panel>
				</Panel>
				
				<Panel name="stop_panel" y="8px" width="41px" height="68px">
					<Panel name="stop" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Stop_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Stop_Active.png" active="false" />
					</Panel>
					<Panel name="stop_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Stop_Dis.png" />
					</Panel>
				</Panel>
				
				
				<Panel name="record_panel" y="8px" width="41px" height="68px">
					<Panel name="record" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Rec.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Rec.png" active="false" />
					</Panel>
					<Panel name="record_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Rec_Dis.png" />
					</Panel>
				</Panel>
				
				
				<Panel name="volume_panel" y="8px" width="110px" height="68px" style="style.playercontrols.volume.background" hoverStyle="style.playercontrols.item.volume.hovered">
					<Slider name="volume" width="100%" height="100%" thumbElement="movePanel" style="style.playercontrols.volume.slider" hoverStyle="style.playercontrols.volume.slider.hovered" focusable="false" alignment-horizontal="center">
						<Panel width="54px" height="54px" name="movePanel" style="style.playercontrols.volume.thumb" hoverStyle="style.playercontrols.volume.thumb.hovered" />
					</Slider>
				</Panel>
				<Panel y="8px" width="8px" height="68px" style="style.playercontrols.right" />
				
				<!-- TODO: This only works because we named the element "exclude_me"! -->
				<HBox name="exclude_me" y="55px" width="100%" height="17px">
					<Panel width="118px" height="0" />
					<!-- set the "controls_slider" to active to get rif of the hover effect of the player control buttons -->
					
					<Panel name="controls_slider" width="*" height="100%" default-child-alignment-vertical="center" active="true">
						<Panel name="seekbar" width="100%" height="11px">
							<Slider name="slider" width="*" height="11px" thumbElement="movePanel" style="style.playercontrols.seekbar.slider" focusable="false" alignment-vertical="center" >
								<Panel width="0px" height="11px" name="movePanel"/>
							</Slider>
						</Panel>
					</Panel>
					<Panel width="10px" height="0" />
				</HBox>
				
			</HBox>

		</PredefinedPanel>
		
		<!-- Player Controls: Normal (copy of full) -->
		<PredefinedPanel name="player_controls_normal" width="100%" height="100%">
			<Shortcut name="seekbar"			target="controls.exclude_me.controls_slider.seekbar"			/>
			
			<Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
			
			<!-- Activation Area -->
			<Panel name="pc_activation_area" width="100%" height="119px" active="true" alignment-vertical="bottom" />
			
			<!-- Control Bar -->
			<HBox name="controls" width="auto" height="119px" alignment-horizontal="center" alignment-vertical="bottom">
				<!-- Shortcuts -->
				<Shortcut name="previous"			target="play_controls.previous_panel.previous"					/>
				<Shortcut name="previous_disabled"	target="play_controls.previous_panel.previous_disabled"			/>
				<Shortcut name="previous_panel"		target="play_controls.previous_panel"							/>
				<Shortcut name="next"				target="play_controls.next_panel.next"							/>
				<Shortcut name="next_disabled"		target="play_controls.next_panel.next_disabled"					/>
				<Shortcut name="next_panel"			target="play_controls.next_panel"								/>
		
				<Shortcut name="channelup"			target="play_controls.channelup_panel.channelup"				/>
				<Shortcut name="channelup_disabled"	target="play_controls.channelup_panel.channelup_disabled"		/>
				<Shortcut name="channelup_panel"	target="play_controls.channelup_panel"							/>
				<Shortcut name="channeldown"		target="play_controls.channeldown_panel.channeldown"			/>
				<Shortcut name="channeldown_disabled" target="play_controls.channeldown_panel.channeldown_disabled" />
				<Shortcut name="channeldown_panel"	target="play_controls.channeldown_panel"						/>

				<Shortcut name="play"				target="play_controls.play_panel.play"				/>
				<Shortcut name="pause"				target="play_controls.play_panel.pause"				/>
				<Shortcut name="pause_disabled"		target="play_controls.play_panel.pause_disabled"	/>
				<Shortcut name="play_panel"			target="play_controls.play_panel"					/>

				<Shortcut name="rewind"				target="rewind_panel.rewind"						/>
				<Shortcut name="rewind_disabled"	target="rewind_panel.rewind_disabled"				/>
				<Shortcut name="fforward"			target="fforward_panel.fforward"					/>
				<Shortcut name="fforward_disabled"	target="fforward_panel.fforward_disabled"			/>
				<Shortcut name="stop"				target="stop_panel.stop"							/>
				<Shortcut name="stop_disabled"		target="stop_panel.stop_disabled"					/>
				<Shortcut name="record"				target="record_panel.record"						/>
				<Shortcut name="record_disabled"	target="record_panel.record_disabled"				/>
				
				<Shortcut name="volume"				target="volume_panel.volume"						/>
				<Shortcut name="seekbar"			target="exclude_me.controls_slider.seekbar"			/>

				<Panel width="151px" height="76px" name="play_controls">
				
					<!-- Previous / Next -->
					<Panel name="previous_panel" x="0px" y="0px" width="43px" height="76px">
						<Panel name="previous" x="0px" y="0px" width="100%" height="100%" style="style.playercontrols.item.prev.background" hoverStyle="style.playercontrols.item.prev.background.hovered" active="true" focusable="false">
							<ImageButton x="5px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Back_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Back_Active.png" active="false" />
						</Panel>
						<Panel name="previous_disabled" x="0px" y="0px" width="100%" height="100%" style="style.playercontrols.item.prev.background">
							<Image x="5px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Back_Dis.png" />
						</Panel>
					</Panel>
					
					<Panel name="next_panel" x="111px" y="0px" width="40px" height="76px">
						<Panel name="next" width="100%" height="100%" style="style.playercontrols.item.next.background" hoverStyle="style.playercontrols.item.next.background.hovered" active="true" focusable="false">
							<ImageButton x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Next_Active.png" active="false" />
						</Panel>
						<Panel name="next_disabled" width="100%" height="100%" style="style.playercontrols.item.next.background">
							<Image x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Dis.png" />
						</Panel>
					</Panel>

					<!-- Channel Up / Down -->
					<Panel name="channeldown_panel" x="0px" y="0px" width="43px" height="76px">
						<Panel name="channeldown" x="0px" y="0px" width="100%" height="100%" style="style.playercontrols.item.prev.background" hoverStyle="style.playercontrols.item.prev.background.hovered" active="true" focusable="false">
							<ImageButton x="5px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Back_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Back_Active.png" active="false" />
						</Panel>
						<Panel name="channeldown_disabled" x="0px" y="18px" width="85px" height="64px" style="style.playercontrols.item.prev.background">
							<Image x="5px" y="15px" width="100%" height="100%" source="Graphics\Icons_PlayerControls\NH_Control_Back_Dis.png" />
						</Panel>
					</Panel>
					<Panel name="channelup_panel" x="111px" y="0px" width="40px" height="76px">
						<Panel name="channelup" width="100%" height="100%" style="style.playercontrols.item.next.background" hoverStyle="style.playercontrols.item.next.background.hovered" active="true" focusable="false">
							<ImageButton x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Next_Active.png" active="false" />
						</Panel>
						<Panel name="channelup_disabled" width="100%" height="100%" style="style.playercontrols.item.next.background">
							<Image x="0px" y="15px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Next_Dis.png" />
						</Panel>
					</Panel>

					<!-- Play -->
					<Panel name="play_panel" x="43px" y="0px" width="68px" height="76px">
						<Panel name="pause" width="68px" height="76px" style="style.playercontrols.item.play.background" hoverStyle="style.playercontrols.item.play.background.hovered" active="true" focusable="false">
							<ImageButton x="15px" y="17px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Pause_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Pause_Active.png" active="false" />
						</Panel>
						<Panel name="play" width="68px" height="76px" style="style.playercontrols.item.play.background" hoverStyle="style.playercontrols.item.play.background.hovered" active="true" focusable="false">
							<ImageButton x="15px" y="17px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Play_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Play_Active.png" active="false" />
						</Panel>
						<Panel name="pause_disabled" width="68px" height="76px" style="style.playercontrols.item.play.background">
							<ImageButton x="16px" y="17px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Pause_Dis.png" active="false" />
						</Panel>
					</Panel>
					
				</Panel>
			
				<Panel name="rewind_panel" y="8px" width="41px" height="68px">
					<Panel name="rewind" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFB_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_VolumeFB_Active.png" active="false" />
					</Panel>
					<Panel name="rewind_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFB_Dis.png" />
					</Panel>
				</Panel>
				
				
				<Panel name="fforward_panel" y="8px" width="41px" height="68px">
					<Panel name="fforward" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFF_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_VolumeFF_Active.png" active="false" />
					</Panel>
					<Panel name="fforward_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_VolumeFF_Dis.png" />
					</Panel>
				</Panel>
				
				<Panel name="stop_panel" y="8px" width="41px" height="68px">
					<Panel name="stop" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Stop_Rest.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Stop_Active.png" active="false" />
					</Panel>
					<Panel name="stop_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Stop_Dis.png" />
					</Panel>
				</Panel>
				
				
				<Panel name="record_panel" y="8px" width="41px" height="68px">
					<Panel name="record" width="100%" height="100%" style="style.playercontrols.item.background" hoverStyle="style.playercontrols.item.background.hovered" active="true" focusable="false">
						<ImageButton x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Rec.png" hoverSource="Graphics\Icons_PlayerControls\NH_Control_Rec.png" active="false" />
					</Panel>
					<Panel name="record_disabled" width="100%" height="100%" style="style.playercontrols.item.background">
						<Image x="0px" y="7px" width="40px" height="40px" source="Graphics\Icons_PlayerControls\NH_Control_Rec_Dis.png" />
					</Panel>
				</Panel>
				
				
				<Panel name="volume_panel" y="8px" width="110px" height="68px" style="style.playercontrols.volume.background" hoverStyle="style.playercontrols.item.volume.hovered">
					<Slider name="volume" width="100%" height="100%" thumbElement="movePanel" style="style.playercontrols.volume.slider" hoverStyle="style.playercontrols.volume.slider.hovered" focusable="false" alignment-horizontal="center">
						<Panel width="54px" height="54px" name="movePanel" style="style.playercontrols.volume.thumb" hoverStyle="style.playercontrols.volume.thumb.hovered" />
					</Slider>
				</Panel>
				<Panel y="8px" width="8px" height="68px" style="style.playercontrols.right" />
				
				<!-- TODO: This only works because we named the element "exclude_me"! -->
				<HBox name="exclude_me" y="55px" width="100%" height="17px">
					<Panel width="118px" height="0" />
					<!-- set the "controls_slider" to active to get rif of the hover effect of the player control buttons -->
					
					<Panel name="controls_slider" width="*" height="100%" default-child-alignment-vertical="center" active="true">
						<Panel name="seekbar" width="100%" height="11px">
							<Slider name="slider" width="*" height="11px" thumbElement="movePanel" style="style.playercontrols.seekbar.slider" focusable="false" alignment-vertical="center" >
								<Panel width="0px" height="11px" name="movePanel"/>
							</Slider>
						</Panel>
					</Panel>
					<Panel width="10px" height="0" />
				</HBox>
				
			</HBox>


		</PredefinedPanel>
		
		<!-- Player Controls: Minimized -->
		<PredefinedPanel name="player_controls_single" width="100%" height="100%">
			<Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
			
			<!-- Activation Area -->
			<Panel name="pc_activation_area" width="100%" height="20px" active="true" alignment-vertical="top" />
			
			<!-- Control Bar -->
			<HBox name="controls" width="100%" height="20px" style="style.playercontrols.minimized.background" alignment-vertical="top" default-child-alignment-vertical="center">
				<!-- Shortcuts -->
				<Shortcut name="previous"			target="previous_panel.previous"					/>
				<Shortcut name="previous_disabled"	target="previous_panel.previous_disabled"			/>
				<Shortcut name="next"				target="next_panel.next"							/>
				<Shortcut name="next_disabled"		target="next_panel.next_disabled"					/>
		
				<Shortcut name="play"				target="play_panel.play"				/>
				<Shortcut name="pause"				target="play_panel.pause"				/>
				<Shortcut name="pause_disabled"		target="play_panel.pause_disabled"	/>

				<Shortcut name="rewind"				target="rewind_panel.rewind"						/>
				<Shortcut name="rewind_disabled"	target="rewind_panel.rewind_disabled"				/>
				<Shortcut name="fforward"			target="fforward_panel.fforward"					/>
				<Shortcut name="fforward_disabled"	target="fforward_panel.fforward_disabled"			/>
				<Shortcut name="stop"				target="stop_panel.stop"							/>
				<Shortcut name="stop_disabled"		target="stop_panel.stop_disabled"					/>
				
				<Shortcut name="mute"				target="mute_panel.mute"						/>
				<Shortcut name="unmute"				target="mute_panel.unmute"						/>
				
				<Panel name="previous_panel" width="22px" height="20px">
					<ImageButton name="previous" x="1px" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Prev_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Prev_A.png"
						focusable="false" fillStyle="center" />
					<Image name="previous_disabled" x="1px" width="21px" height="20px"
					 	style="style.playercontrols.minimized.item.background"
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Prev_D.png"
						active="false" fillStyle="center" />
				</Panel>
				
				<Panel name="play_panel" width="21px" height="20px">
					<ImageButton name="pause" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Pause_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Pause_A.png"
						focusable="false" fillStyle="center" />
					<ImageButton name="play" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Play_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Play_A.png"
						focusable="false" fillStyle="center" />
					<Image name="pause_disabled" width="21px" height="20px"
					 	style="style.playercontrols.minimized.item.background"
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Pause_D.png"
						active="false" fillStyle="center" />
				</Panel>
				
				<Panel name="next_panel" width="21px" height="20px">
					<ImageButton name="next" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Next_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Next_A.png"
						focusable="false" fillStyle="center" />
					<Image name="next_disabled" width="21px" height="20px"
					 	style="style.playercontrols.minimized.item.background"
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Next_D.png"
						active="false" fillStyle="center" />
				</Panel>
				
				<Panel name="rewind_panel" width="21px" height="20px">
					<ImageButton name="rewind" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_FB_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_FB_A.png"
						focusable="false" fillStyle="center" />
					<Image name="rewind_disabled" width="21px" height="20px"
					 	style="style.playercontrols.minimized.item.background"
						source="Graphics\Icons_PlayerControls\NH_Control_Min_FB_D.png"
						active="false" fillStyle="center" />
				</Panel>
				
				<Panel name="fforward_panel" width="21px" height="20px">
					<ImageButton name="fforward" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_FF_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_FF_A.png"
						focusable="false" fillStyle="center" />
					<Image name="fforward_disabled" width="21px" height="20px"
					 	style="style.playercontrols.minimized.item.background"
						source="Graphics\Icons_PlayerControls\NH_Control_Min_FF_D.png"
						active="false" fillStyle="center" />
				</Panel>
				
				<Panel name="stop_panel" width="21px" height="20px">
					<ImageButton name="stop" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Stop_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Stop_A.png"
						focusable="false" fillStyle="center" />
					<Image name="stop_disabled" width="21px" height="20px"
					 	style="style.playercontrols.minimized.item.background"
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Stop_D.png"
						active="false" fillStyle="center" />
				</Panel>
				
				<Panel name="mute_panel" width="21px" height="20px">
					<ImageButton name="mute" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_VolumeIc2_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_VolumeIc2_A.png"
						focusable="false" fillStyle="center" />
					<ImageButton name="unmute" width="21px" height="20px"
						style="style.playercontrols.minimized.item.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_VolumeIc1_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_VolumeIc1_A.png"
						focusable="false" fillStyle="center" />
				</Panel>
				
				<Panel width="*" height="0" />
				
				<ImageButton name="button_restore" width="21px" height="20px"
					style="style.playercontrols.minimized.item.left.background"
					hoverStyle="style.playercontrols.minimized.item.left.background.hovered" 
					source="Graphics\Icons_PlayerControls\NH_Control_Min_Restore_R.png" 
					hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Restore_A.png"
					focusable="false" fillStyle="center" />
				<ImageButton name="button_close" width="21px" height="20px"
					style="style.playercontrols.minimized.item.right.background"
					hoverStyle="style.playercontrols.minimized.item.background.hovered" 
					source="Graphics\Icons_PlayerControls\NH_Control_Min_Close_R.png" 
					hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Close_A.png"
					focusable="false" fillStyle="center" />
				
			</HBox>
			
		</PredefinedPanel>
		
		<!-- Play with playlist : Normal -->		
		<PredefinedPanel name="nmap_play_with_playlist" width="100%" height="100%">
			<!-- File Browser (hidden) -->
			<Panel name="nmb_playlistbrowser_panel" width="100%" height="100%" visible="false"/>

			<!-- Action Panel -->
			<Panel name="nmb_action_panel" width="100%" height="100%"/>
			
		</PredefinedPanel>

		<!-- Play Video: Minimized -->
		<PredefinedPanel name="nmap_play_video_minimized" width="100%" height="100%">
			<Panel name="video_background" width="100%" height="100%" style="style.player.minimized.background.video" active="true" focusable="true">
				<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
				<DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" />
			</Panel>
		</PredefinedPanel>

		<!-- Play Video: Normal -->
		<PredefinedPanel name="nmap_play_video" width="100%" height="100%">
			<Panel name="video_background" width="100%" height="100%" style="style.player.normal.background.video" active="true" focusable="true" wantArrows="true">
				<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>			
				<DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
			</Panel>
		</PredefinedPanel>
		
		<!-- Play Video: Full Screen -->
		<PredefinedPanel name="nmap_play_video_fullscreen" width="100%" height="100%">
			<Panel name="video_background" width="100%" height="100%" style="style.player.fullscreen.background.video" active="true" focusable="true" wantArrows="true"
						leftElement="view_in_corner.minimized_task_pagewide.view_in_corner_correctsize.nmb_play_video_view_in_corner"
						rightElement="view_in_corner.minimized_task_pagewide.view_in_corner_correctsize.nmb_play_video_view_in_corner">
				<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
				<DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
			</Panel>

			<!-- Info Panel Area -->			
			<Panel name="nmb_info_panel" x="0" y="0" width="450px" height="100%" active="true" visible="false" alignment-horizontal="right" />
			
			<!-- View In Corner -->
			<VBox name="view_in_corner" width="100%" height="100%" default-child-alignment-vertical="bottom" visible="true" focusable="false">
				<HBox width="100%" height="25%" name="minimized_task_pagewide" focusable="false">
					<Panel width="50px" height="0" focusable="false" />

					<Panel width="28%" height="100%" name="view_in_corner_correctsize" focusable="false">
						<Panel name="nmb_play_video_view_in_corner" width="100%" height="100%" alignment-horizontal="right" visible="false" active="true" focusable="true" style="style.player.view_in_corner.video" >
								<!-- Minimized tasks go here style.player.minimized.background.video -->
								<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>			
								<DirectPanel name="video_renderer_vic" width="100%" height="100%" visible="false" cursor-timeout="3"/>
						</Panel>
					</Panel>
					
					<Panel width="20px" height="0" /> <!-- NOFACTOR needed? -->
					<Panel width="*" height="0" />
					<Panel width="50px" height="0" />
				</HBox>
				<Panel height="60px" width="0" />
			</VBox>
		</PredefinedPanel>
		
		<!-- Play Audio: Normal -->
		<PredefinedPanel name="nmap_play_audio" width="100%" height="100%">
			<Panel name="video_background" width="100%" height="100%" style="style.player.normal.background.video" active="true" focusable="true">
				<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>			
				<DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
			</Panel>
			<VBox name="content" style="style.player.normal.background.audio" x="0" y="0" width="100%" height="100%" active="true" focusable="true">
				<Panel height="5%" width="0" name="top_spacer"/>
				<Image name="image_cover" source="Graphics\Icons_MediaCategory\audioandradio_hover.png" width="100%" height="*" fillStyle="fit" style="style.player.cover" />
				<Panel height="10px" width="0" name="strut"/>
				<HBox width="100%" height="180px" style="style.player.normal.background.audio.labels" name="audio_info">
					<VBox width="*" width-min="120px" height="100%" default-child-alignment-vertical="center" name="labels">
						<Label name="label_title" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
						<Label name="label_artist" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
						<Label name="label_album" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
						<Label name="label_time" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
					</VBox>
					<VBox width="4*" height="100%" default-child-alignment-vertical="center" name="info">
						<Label name="info_title" text="" width="100%" height="30px" style="style.player.title.label.large" />
						<Label name="info_artist" text="" width="100%" height="30px" style="style.player.title.label.large" />
						<Label name="info_album" text="" width="100%" height="30px" style="style.player.title.label.large" />
						<HBox width="100%" height="30px" name="position_and_time">
							<Label name="info_position" text="0:00" width="auto" height="100%" style="style.player.label.large" text-alignment-horizontal="right" />
							<Label text="/" width="20px" height="100%" style="style.player.label.large" name="slash"/>
							<Label name="info_totalTime" text="" width="*" height="100%" style="style.player.label.large" />
						</HBox>
					</VBox>
				</HBox>
				<Panel height="5%" width="0" name="bot_spacer"/>
			</VBox>
		</PredefinedPanel>
		
		<!-- Play Audio: Full Screen -->
		<PredefinedPanel name="nmap_play_audio_fullscreen" width="100%" height="100%">
			<Panel name="video_background" width="100%" height="100%" style="style.player.fullscreen.background.video" active="true" focusable="true">
				<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
				<DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
			</Panel>
			<VBox name="content" style="style.player.fullscreen.background.audio" x="0" y="0" width="100%" height="100%" active="true">
				<Panel height="5%" width="0" />
				<Image name="image_cover" source="Graphics\Icons_MediaCategory\audioandradio_hover.png" width="100%" height="*" fillStyle="fit" style="style.player.cover" />
				<Panel height="10px" width="0" />
				<HBox width="100%" height="180px" style="style.player.normal.background.audio.labels">
					<VBox width="*" width-min="120px" height="100%" default-child-alignment-vertical="center">
						<Label name="label_title" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
						<Label name="label_artist" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
						<Label name="label_album" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
						<Label name="label_time" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
					</VBox>
					<VBox width="4*" height="100%" default-child-alignment-vertical="center">
						<Label name="info_title" text="" width="100%" height="30px" style="style.player.title.label.large" />
						<Label name="info_artist" text="" width="100%" height="30px" style="style.player.title.label.large" />
						<Label name="info_album" text="" width="100%" height="30px" style="style.player.title.label.large" />
						<HBox width="100%" height="30px">
							<Label name="info_position" text="0:00" width="auto" height="100%" style="style.player.label.large" text-alignment-horizontal="right" />
							<Label text="/" width="20px" height="100%" style="style.player.label.large" />
							<Label name="info_totalTime" text="" width="*" height="100%" style="style.player.label.large" />
						</HBox>
					</VBox>
				</HBox>
				<Panel height="5%" width="0" />
			</VBox>
		</PredefinedPanel>
		
		<!-- Play Audio: Minimized -->
		<PredefinedPanel name="nmap_play_audio_minimized" width="100%" height="100%">
			<Panel name="video_background" width="100%" height="100%" style="style.player.minimized.background.video" active="true" focusable="true">
				<Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
				<DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" />
			</Panel>
			<VBox name="content" x="0" y="0" width="100%" height="100%" style="style.player.minimized.background.audio" active="true" focusable="true" default-child-alignment-horizontal="center">
				<Panel height="5px" width="0" />
				<Label name="info_title" width="98%" height="auto" height-max="25px" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.title.label" />
				<Label name="info_artist" width="98%" height="auto" height-max="25px" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.label.small" />
				<HBox width="98%" height="*">
					<Image name="image_cover" width="*" height="90%" source="Graphics\Icons_MediaCategory\audioandradio_hover.png" fillStyle="fit" style="style.player.cover" />
					<Label name="info_position" width="auto" height="20px" text-alignment-horizontal="right" text-alignment-vertical="center" text="0:00" style="style.player.label.small" />
					<Label width="auto" height="20px" text-alignment-horizontal="right" text-alignment-vertical="center" text="/" style="style.player.label" />
					<Label name="info_totalTime" width="auto" height="20px" text-alignment-horizontal="right" text-alignment-vertical="center" text="/" style="style.player.label.small" />
				</HBox>
				<Panel height="5px" width="0" />
			</VBox>
		</PredefinedPanel>
		
		<!-- Play Image: Normal -->
		<PredefinedPanel name="nmap_view_image" width="100%" height="100%">
			<Panel name="content" style="style.player.normal.background.image" width="100%" height="100%" x="0" y="0" active="true" focusable="true" cursor-timeout="3" >
				<Image name="image" fillStyle="fit" width="100%" height="100%" source="" active="true"/>
				<SelectionControl name="imageSelection" width="100%" height="100%" active="true" wantArrows="true" focusable="true" visible="false"
					borderStyle="style.selection.border"
					backgroundStyle="style.selection.background"
					arrowCrossStyle="style.selection.arrowcross"
					arrowHorizontalStyle="style.selection.arrowhorizontal"
					arrowVerticalStyle="style.selection.arrowvertical">
				</SelectionControl>	
			</Panel>
		</PredefinedPanel>
		
		<!-- Play Image: Normal with selection example-->
		<!--PredefinedPanel name="nmap_view_image" width="100%" height="100%">
			<Panel name="content" style="style.player.normal.background.image" width="100%" height="100%" x="0" y="0" active="true" focusable="true">
				<Image name="image" fillStyle="fit" width="100%" height="100%" source="" style="style.player.slideshow"  active="true" selectionTopLeft="topLeft" selectionBottomRight="bottomRight" selectionEnabled="true">
					<ImageButton name="topLeft" x="0" y="0" width="20px" height="20px" source="Graphics\BG_PlayerControls\selection_topleft.png"  active="true" fillStyle="fit" focusable="true" mask="Graphics\BG_PlayerControls\selection_topleft.png" />
					<ImageButton name="bottomRight" width="20px" height="20px" source="Graphics\BG_PlayerControls\selection_bottomright.png" active="true" fillStyle="fit" focusable="true" mask="Graphics\BG_PlayerControls\selection_bottomright.png" alignment-vertical="bottom" alignment-horizontal="right"/>
				</Image>
			</Panel>
		</PredefinedPanel-->
		
		<!-- Play Image: Fullscreen -->
		<PredefinedPanel name="nmap_view_image_fullscreen" width="100%" height="100%">
			<Panel name="content" style="style.player.fullscreen.background.image" width="100%" height="100%" x="0" y="0" active="true" focusable="true" cursor-timeout="3" >
				<Image name="image" fillStyle="fit" width="100%" height="100%" source="" active="true"/>
			</Panel>
		</PredefinedPanel>


		<PredefinedPanel name="tv_change_channel" width="100%" height="100%">
			<VBox name="vbox1" width="100%" height="100%">
				<Panel name="channel_browser" width="100%" height="*" height-max="500px" />
				
				<Panel width="0" height="35px" />

				<HBox name="item_info" width="100%" height="115px">
					<Panel width="15px" height="0" />
					<VBox name="vbox1" height="100%" width="124px">
						<Panel name="fill1" width="0" height="*" />
						<DirectPanel name="video_renderer" width="124px" height="85px" active="true"/>
						<Panel name="fill2" width="0" height="*" />
					</VBox>
					<Panel width="15px" height="0" />
					<VBox name="vbox2" height="100%" width="*">
						<Panel name="fill1" width="0" height="*" />
						<Label name="channel" style="style.iteminfo.label" height="auto" width="auto" />
						<Panel name="fill2" width="0" height="2*" />
					</VBox>
				</HBox>
			</VBox>
		</PredefinedPanel>
		

		<!-- Global Area -->
		<PredefinedPanel name="global_info_area" width="100%" height="100%">
			<Button name="search_activation"  width="30px" height="30px" x="4px" y="4px"> <!-- NOFACTOR -->
				<Panel name="inprogress" width="30px" height="30px" style="style.page.searchresults.inprogress" hoverStyle="style.page.searchresults.hovered" />
				<Panel name="done"       width="30px" height="30px" style="style.page.searchresults.done"       hoverStyle="style.page.searchresults.hovered" visible="false" />
			</Button>
			<Button name="clipboard_activation" width="30px" height="30px" x="44px" y="4px" > <!-- NOFACTOR -->
				<Panel name="done"       width="30px" height="30px" style="style.page.clipboard" hoverStyle="style.page.clipboard.hovered" />
			</Button>
			<Button name="bgprogressinfo_activation"  width="30px" height="30px" x="84px" y="4px">
				<Panel name="inprogress" width="30px" height="30px" style="style.page.bgscanner.inprogress" hoverStyle="style.page.bgscanner.hovered" />
				<Panel name="done"       width="30px" height="30px" style="style.page.bgscanner.done"       hoverStyle="style.page.bgscanner.hovered" visible="false" />
			</Button>
		</PredefinedPanel>

		<!-- Settings -->
		<PredefinedPanel name="settings_content" width="100%" height="100%">
			<Image name="bgimage" width="100%" height="100%" source="" fillStyle="fit" />
		    <Panel name="settings_content_root" width="100%" height="100%">
				<VBox name="settings_content" width="100%" height="100%">
				</VBox>
			</Panel>
		</PredefinedPanel>

		<PredefinedPanel name="settings_content_spacer" width="100%" height="10px">
			<Panel width="100%" height="100%" />
		</PredefinedPanel>

		<PredefinedPanel name="settings_content_list" width="100%" height="48px">
			<VBox width="100%" height="100%">
				<HBox width="100%" height="23px">
					<Panel width="50px" height="100%" />
					<Label name="listcaption" width="auto" y="0px" height="23px" style="style.settings.label" text="" text-alignment-vertical="center"/>
				</HBox>
				<HBox name="container" width="100%" height="25px" default-child-alignment-vertical="center">
					<Button name="button_down" y="2px" width="20px" height="20px" style="style.settings.list.down" hoverStyle="style.settings.list.down.hovered" autoRepeat="true">
						<Image name="image_enabled" width="20px" height="20px" source="Graphics\Icons_Settings\singleoption_arrowdown.png" />
						<Image name="image_disabled" width="20px" height="20px" visible="false" source="Graphics\Icons_Settings\singleoption_arrowdown_disabled.png" />
					</Button>
					<Button name="button_up" y="2px" width="20px" height="20px" style="style.settings.list.up" hoverStyle="style.settings.list.up.hovered" autoRepeat="true">
						<Image name="image_enabled" width="20px" height="20px" source="Graphics\Icons_Settings\singleoption_arrowup.png" />
						<Image name="image_disabled" width="20px" height="20px" visible="false" source="Graphics\Icons_Settings\singleoption_arrowup_disabled.png" />
					</Button>
					<Panel width="10px" height="0" />
					<Label name="label" width="*" y="2px" height="23px" style="style.settings.listitem" text="" text-alignment-vertical="center" />
				</HBox>
			</VBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_radiobutton" width="100%" height="25px">
			<HBox name="container" width="100%" height="100%">
				<RadioButton name="button" x="0" width="100%" height="100%" checkState="unchecked" groupName="default" radioButtonStateElement="image">
					<RadioButtonStateElement name="image" x="0" width="20px" height="100%" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" />
					<Label name="label" width="1px" height="100%" x="30px" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center"  /> <!-- NOFACTOR width="1"??-->
				</RadioButton>
			</HBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_checkbox" width="100%" height="25px">
			<HBox name="container" width="100%" height="100%">
				<Panel width="20px" height="0" />
				<CheckBox name="button" y="2px" width="20px" height="20px" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" >
					<CheckBoxStateElement name="image" width="100%" height="100%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" />
				</CheckBox>
				<Panel width="10px" height="0" />
				<Label name="label" width="*" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text-alignment-vertical="center"  />
			</HBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_edit" width="100%" height="50px">
			<HBox width="100%" height="100%">
				<Panel width="50px" height="100%" />
				<VBox name="container" width="*" height="100%">
					<Label name="label" width="100%" height="25px" y="0" style="style.settings.label" text="" />
					<EditControl name="edit" width="100%" height="25px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
				</VBox>
			</HBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_number" width="100%" height="25px">
			<HBox name="container" width="100%" height="100%">
				<Panel width="50px" height="0" />
				<Label name="label" width="*" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" text-alignment-horizontal="left" />
				<Label name="units" width="auto" height="100%" style="style.settings.label.light" disabledStyle="style.settings.label.disabled" text-alignment-vertical="center" text-alignment-horizontal="right" />
				<Panel width="5px" height="0" />
				<EditControl name="edit" width="90px" height="25px" style="style.settings.edit" disabledStyle="style.settings.edit.disabled" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
			</HBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_text" width="100%" height="25px">
			<HBox name="container" width="100%" height="100%">
				<Panel width="50px" height="0" />
				<Label name="label" width="*" height="100%" x="0" y="0" style="style.settings.label" text="" />
			</HBox>
		</PredefinedPanel>

		<PredefinedPanel name="settings_content_custom_button" width="100%" height="40px">
			<HBox name="container" width="100%" height="100%">
				<Panel width="50px" height="0" />
				<InsertTemplate name="button" NAME="button" WIDTH="*" HEIGHT="100%" TEXT="" MODALRESULT=""/>
			</HBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_custom_favorite_transitions" width="100%" height="100%">
			<InsertTemplate name="ListView_SingleSelection" NAME="listview"/>
		</PredefinedPanel>
		

		<PredefinedPanel name="settings_favorite_transition_listviewitem" width="100%" height="36px">
			<InsertTemplate name="ListView_Item" CONTENT="ListView_FavoriteTransitions_Content" SELECTION_STYLE="empty"/>
		</PredefinedPanel>
		
		<PredefinedPanel name="advancedsearch_content" width="100%" height="100%">
			<VBox name="advancedsearch_content" width="100%" height="100%" />
		</PredefinedPanel>

		<PredefinedPanel name="advancedsearch_option" width="100%" height="124px">
			<Label name="label" width="95%" height="30px" x="2px" y="2px" style="filebrowser.listview.listviewitem.normal" text="" /> <!-- NOFACTOR x="2" y="2"? -->
			<Panel name="field" width="95%" height="30px" x="2px" y="32px" />  <!-- NOFACTOR x="2" y="32"? -->
			<Panel name="operator" width="95%" height="30px" x="2px" y="62px" />
			<EditControl name="value" x="2px" y="97px" width="95%" height="25px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
		</PredefinedPanel>
		
		<PredefinedPanel name="message_box_normal_view" width="100%" height="100%" >
			<Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
				<VBox width="550px" height="auto" height-min="150px" height-max="400px" style="style.modalpanel.background" active="true">
					<Panel width="0" height="20px"/> 
					<Label name="text" width="510px" height="auto" height-min="60px" x="20px" y="20px" text="" style="style.modalpanel.label"/>
					<Panel width="0" height="20px"/> 
					<HBox name="checkbox_add" width="100%" height="30px" x="20px" y="20px" hgap="10px" default-child-alignment-horizontal="left">
						<CheckBox name="checkbox" width="25px" height="100%" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" visible="false">
							<CheckBoxStateElement name="image" x="3px" y="0" width="20px" height="20px" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" />
						</CheckBox>
						<Label name="label" width="*" height="auto" x="20px" text="" style="style.modalpanel.label" visible="false" />
					</HBox>					
					<HBox name="buttons" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sence inside vbox -->
						<InsertTemplate name="button" NAME="button1" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button2" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button3" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button4" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<Panel width="10px" height="0"/> 
					</HBox>
					<Panel width="0" height="20px"/>
				</VBox>
			</Panel>
		</PredefinedPanel>

		<PredefinedPanel name="message_box_normal_view_1" width="100%" height="100%">
			<Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
				<VBox width="550px" height="auto" style="style.modalpanel.background" active="true">
					<Panel width="0" height="20px" /> 
					<Label name="text" width="510px" height="auto" x="20px" y="20px" text="" style="style.modalpanel.label" />
					<Panel width="0" height="20px" /> 
					<HBox name="checkbox_add" width="100%" height="30px" x="20px" y="20px" hgap="10px" default-child-alignment-horizontal="left">
						<CheckBox name="checkbox" width="25px" height="100%" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" visible="false">
							<CheckBoxStateElement name="image" x="3px" y="0" width="20px" height="20px" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" />
						</CheckBox>
						<Label name="label" width="*" height="auto" x="20px" text="" style="style.modalpanel.label" visible="false" />
					</HBox>					
					<HBox name="buttons" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<InsertTemplate name="button" NAME="button1" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button2" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button3" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button4" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<Panel width="10px" height="0" /> 
					</HBox>
					<Panel width="0" height="20px" />
				</VBox>
			</Panel>
		</PredefinedPanel>
		
		<PredefinedPanel name="message_box_fullscreen_view" width="100%" height="100%" >
			<Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
				<VBox width="550px" height="auto" style="style.modalpanel.background" active="true">
					<Panel width="0" height="20px" /> 
					<Label name="text" width="510px" height="auto" x="20px" y="20px" text="" style="style.modalpanel.label" />
					<Panel width="0" height="20px" /> 
					<HBox name="checkbox_add" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<Image name="checkbox" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
						<Label name="label" width="*" height="100%" text-alignment-horizontal="right" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered" visible="false"/>
					</HBox>
					<HBox name="buttons" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<InsertTemplate name="button" NAME="button1" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button2" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button3" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<InsertTemplate name="button" NAME="button4" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT=""/>
						<Panel width="10px" height="0" /> 
					</HBox>
					<Panel width="0" height="20px" />
				</VBox>
			</Panel>
		</PredefinedPanel>

		<PredefinedPanel name="input_box" width="100%" height="100%" >
			<Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
				<VBox width="550px" height="auto" style="style.modalpanel.background" active="true">
					<Panel width="0" height="20px" />
					<Label name="text" width="100%" height="auto" x="20px" y="20px" text="" style="style.modalpanel.label" />
					<Panel width="0" height="10px" />
					<EditControl name="edit" x="20px" width="510px" height="30px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="4" />
					<Panel width="0" height="20px" />
					<HBox name="buttons" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<InsertTemplate name="button" NAME="OK" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT="NMB_OK"/>
						<InsertTemplate name="button" NAME="Cancel" WIDTH="120px" HEIGHT="100%" TEXT="" MODALRESULT="NMB_CANCEL"/>
						<Panel width="10px" height="0" />
					</HBox>
					<Panel width="0" height="20px" />
				</VBox>
			</Panel>
		</PredefinedPanel>
		
		<PredefinedPanel name="messagebox_region" width="100%" height="100%" >
			<Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
				<VBox name="main_order" width="560px" height="auto" style="style.modalpanel.background" active="true">
					<VBox x="20px" width="520px" height="auto">
						<Panel width="0" height="20px" /> 
						<Label name="region_explanation" width="100%" height="auto" text="" style="style.modalpanel.label" text-alignment-vertical="top" />
						<Label name="current_region" width="100%" height="30px" text="Current region:" style="style.modalpanel.label" text-alignment-vertical="center" />
						<Label name="region_modify_counter" width="100%" height="30px" text="" style="style.modalpanel.label" text-alignment-vertical="center" />
						<Panel width="0" height="15px" /> 
						<VBox name="rbtn_container" width="100%" height="140px" style="style.settings.label">
							<RadioButton name="rbtn_Code1" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
								<RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
								<Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
							</RadioButton>
							<RadioButton name="rbtn_Code2" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
								<RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
								<Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
							</RadioButton>
							<RadioButton name="rbtn_Code3" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
								<RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
								<Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
							</RadioButton>
							<RadioButton name="rbtn_Code4" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
								<RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
								<Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
							</RadioButton>
							<RadioButton name="rbtn_Code5" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
								<RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
								<Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
							</RadioButton>
							<RadioButton name="rbtn_Code6" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
								<RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
								<Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
							</RadioButton>
						</VBox>
						<Panel width="0" height="15px" />
						<Label name="region_Admin_info" width="100%" height="auto" text="" style="style.modalpanel.label" text-alignment-vertical="center" />
						<Panel width="0" height="20px" /> 
						<HBox name="buttons" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
							<Button name="OK" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_OK">
								<Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
							</Button>
							<Button name="Cancel" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CANCEL">
								<Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
							</Button>
						</HBox>
						<Panel width="0" height="20px" />
					</VBox>
				</VBox>
			</Panel>
		</PredefinedPanel>
		
 		<!-- OSD -->
		<PredefinedPanel name="OSD_minimized" width="100%" height="100%" >
			<Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
			</Panel>
		</PredefinedPanel>
		
		<PredefinedPanel name="OSD_normal" width="100%" height="100%" >
			<InsertTemplate name="OSD_Definition"/>
		</PredefinedPanel>
		
		<PredefinedPanel name="OSD_fullscreen" width="100%" height="100%" >
			<InsertTemplate name="OSD_Definition"/>
		</PredefinedPanel>
		
		<!-- The windowtitlebar is always present in the normal view, so there is no "windowbar_activation" panel -->
 		<PredefinedPanel name="windowtitlebar" width="100%" height="100%" >
 			<HBox name="windowbar" width="100%" height="68px" alignment-vertical="top" visible="false" default-child-alignment-horizontal="right">
				<ImageButton name="button_minimize" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Min.png" hoverSource="Graphics\Icons_Handlers\Captions_Min_Hot.png" />
				<ImageButton name="button_maximize" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Max.png" hoverSource="Graphics\Icons_Handlers\Captions_Max_Hot.png" />
				<ImageButton name="button_restore" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Restore.png" hoverSource="Graphics\Icons_Handlers\Captions_Restore_Hot.png" />
				<ImageButton name="button_close" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Close.png" hoverSource="Graphics\Icons_Handlers\Captions_Close_Hot.png" />
				<!-- Power button currently not supported
				<ImageButton name="button_power" y="36px" width="32px" height="32px" source="Graphics\Icons_Handlers\Captions_Power.png" hoverSource="Graphics\Icons_Handlers\Captions_Power_Hot.png" focusable="false" />
				-->
				<Panel width="58px" height="0" />
			</HBox>
		</PredefinedPanel>		
		
		<!-- The windowtitlebar should autohide in the fullscreen view, so the "windowbar_activation" panel is present -->
 		<PredefinedPanel name="windowtitlebar_fullscreen" width="100%" height="100%" >
 			<Panel name="windowbar_activation" width="100%" height="68px" alignment-vertical="top" active="true" alignment-horizontal="right" />
 			<HBox name="windowbar" width="100%" height="68px" alignment-vertical="top" visible="false" default-child-alignment-horizontal="right">
				<ImageButton name="button_minimize" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Min.png" hoverSource="Graphics\Icons_Handlers\Captions_Min_Hot.png" focusable="false" />
				<ImageButton name="button_maximize" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Max.png" hoverSource="Graphics\Icons_Handlers\Captions_Max_Hot.png" focusable="false" />
				<ImageButton name="button_restore" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Restore.png" hoverSource="Graphics\Icons_Handlers\Captions_Restore_Hot.png" focusable="false" />
				<ImageButton name="button_close" y="36px" width="27px" height="27px" source="Graphics\Icons_Handlers\Captions_Close.png" hoverSource="Graphics\Icons_Handlers\Captions_Close_Hot.png" focusable="false" />
				<!-- Power button currently not supported
				<ImageButton name="button_power" y="36px" width="32px" height="32px" source="Graphics\Icons_Handlers\Captions_Power.png" hoverSource="Graphics\Icons_Handlers\Captions_Power_Hot.png" focusable="false" />
				-->
				<Panel width="58px" height="0" />
			</HBox>
		</PredefinedPanel>		
		
		<PredefinedPanel name="scheduled_recording_properties" width="100%" height="100%">
			<Image name="bgimage" width="100%" height="100%" source="" fillStyle="fit" />
		    <HBox name="content_root" width="100%" height="100%">
				<Panel width="15px" height="0" />
				<VBox name="content" width="*" height="100%">
					<Panel width="0" height="5px" />
				</VBox>
				<Panel width="15px" height="0" />
			</HBox>
		</PredefinedPanel>

		<PredefinedPanel name="tv_epg_scan" width="100%" height="100%">
			<VBox name="content" width="100%" height="100%">
			</VBox>
		</PredefinedPanel>
				
		<PredefinedPanel name="tv_epg_scan_item" width="100%" height="100px">
			<Label name="tv_epg_channel" text="" width="100%" height="90px" y="5px" style="style.settings.label" />
			<ProgressBar name="tv_epg_progress" style="style.filebrowser.listview.progressbar" y="50px" width="100%" height="15px"/>
		</PredefinedPanel>

		<PredefinedPanel name="tv_program_details" width="100%" height="100%">
		    <HBox name="content_root" width="100%" height="100%">
				<Panel width="15px" height="0" />
				<VBox name="content" width="*" height="100%">
				
					<VBox name="title_panel" width="100%" height="auto">
						<Label name="tv_program_title" text="" width="100%" height="auto" style="style.tvprograms.title" text-alignment-vertical="center" alignment-vertical="center"/>
						<Label name="tv_program_subtitle" text="" width="100%" height="auto" style="style.tvprograms.subtitle" text-alignment-vertical="center" alignment-vertical="center"/>
					</VBox>
					
					<Panel width="0" height="5px" />
					
					<HBox name="when_panel" width="100%" height="30px" default-child-alignment-vertical="center">
						<Label name="tv_program_channel" text="" width="auto" height="auto" style="style.tvprograms.channel" />
						<Label width="auto" height="auto" style="style.tvprograms.datetime" text=" | " />
						<Label name="tv_program_time_date" text="" width="*" height="auto" style="style.tvprograms.datetime" />
					</HBox>
					
					<Panel width="0" height="15px" />
					
					<ScrollablePanel name="scrollable_panel" width="100%" height="*" active="false" verticalScrollBar="vertical_scroll" focusable="true">
						<ScrollableArea width="100%" height="*" name="myScrollableArea"> <!-- NOFACTOR height="1"??? -->
							<Label	name="tv_program_description"
									width="100%" height="auto" marginRight="30"
									style="style.tvprogram.description.multiline"
									text=""/>
						</ScrollableArea>
						
						<ScrollBar name="vertical_scroll"
								   width="*" height="100%" scrollStep="10"
								   alignment-horizontal="right"
								   minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down"
								   scrollEvent="hover"
								   scrollThumb="scrollbar.thumb_area.thumb" scrollThumbArea="scrollbar.thumb_area"
								   active="false"> <!-- NOFACTOR width="1"? -->
							<VBox name="scrollbar" width="24px" height="100%" alignment-horizontal="right">
								<ImageButton name="scroll_up" width="24px" height="24px" source="Graphics\Icons_Content\ScrollbarHVR_arrUP_DEF.png" hoverSource="Graphics\Icons_Content\ScrollbarHVR_arrUP_HVR.png" />
								<Panel name="thumb_area" x="2px" width="20px" height="*" alignment-horizontal="left" active="true" >
									<VBox name="thumb" width="20px" height="120px" active="true">
										<Panel width="20px" height="10px" style="style.filebrowser.scrollbar.thumb.top" hoverStyle="style.filebrowser.scrollbar.thumb.hovered.top" />
										<Panel width="20px" height="*" style="style.filebrowser.scrollbar.thumb" hoverStyle="style.filebrowser.scrollbar.thumb.hovered" />
										<Panel width="20px" height="10px" style="style.filebrowser.scrollbar.thumb.bottom" hoverStyle="style.filebrowser.scrollbar.thumb.hovered.bottom" />
									</VBox>
								</Panel>
								<ImageButton name="scroll_down" width="24px" height="24px" source="Graphics\Icons_Content\ScrollbarHVR_arrDWN_DEF.png" hoverSource="Graphics\Icons_Content\ScrollbarHVR_arrDWN_HVR.png" />
							</VBox>
						</ScrollBar>
					</ScrollablePanel>
				</VBox>
				<Panel width="15px" height="0" />
			</HBox>
		</PredefinedPanel>
		
		<!-- 
			for slideshows. 
		-->		
		<PredefinedPanel name="export_slideshow" width="100%" height="100%">
			<VBox name="export_slideshow_outer" width="100%" height="100%" style="style.minimized_task.background">
			
				<HBox name="controls" width="100%" height="20px" style="style.playercontrols.minimized.background" alignment-vertical="top" default-child-alignment-vertical="center">
					<Panel width="5px" height="0" />

					<Label name="export_slideshow_title" width="*" height="100%" text="" style="style.exportslideshow.title" text-alignment-vertical="center" />
					
					<Panel width="10px" height="0" />
					
					<ImageButton name="button_close" width="21px" height="20px"
						style="style.playercontrols.minimized.item.right.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Close_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Close_A.png"
						focusable="true" fillStyle="center" />
				</HBox>

				<Panel name="export_slideshow_preview_panel" height="*" width="100%" style="style.exportslideshow">
					<Label name="export_slideshow_please_wait" width="100%" height="100%" marginTop="5" text-alignment-horizontal="center" text-alignment-vertical="top" text="" style="style.exportslideshow.wait" />
					<DirectPanel name="export_slideshow_video_renderer" width="100%" height="100%" active="false" visible="false" />
					<!-- <Label name="export_slideshow_time_remaining" text="" width="100%" height="auto" style="style.OSD.label.minimized" alignment-vertical="bottom" text-alignment-horizontal="right" /> -->
				</Panel>
				<HBox width="100%" height="15px">
					<Image width="2px" height="15px" source="Graphics\BG_Specials\progress_left.png" />
					<Panel name="export_slideshow_progressbar_panel" width="*" height="15px">
						<ProgressBar width="100%" height="15px" name="export_slideshow_progressbar" style="style.exportslideshow.progressbar"/>
					</Panel>
					<Image width="2px" height="15px" source="Graphics\BG_Specials\progress_end.png" />
				</HBox>
			</VBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="startpage_menu_button" width="100%" height="35px">
			<Button name="item" width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered">
				<Panel width="100%" height="100%"
						style="style.menu.item.background"
						hoverStyle="style.menu.item.background.hovered" />
				<HBox width="100%" height="30px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center">
					<Label name="module_menu_label" width="*" height="100%" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered" />
					<Image name="icon" width="20px" height="20px" source="" fillStyle="fit" visible="false" />
					<Image name="checkbox" width="20px" height="20px" source="" fillStyle="fit" visible="false" />
					<Image name="navigate" width="20px" height="20px" source="" fillStyle="fit" visible="false" />
					<Image name="colorkey" width="15px" height="25px" source="" fillStyle="fit" visible="false" />
					<Panel width="5px" height="0" />
				</HBox>
			</Button>
		</PredefinedPanel>

		<!--
			burning
		-->
		<PredefinedPanel name="burnsettings" width="100%" height="*">
			<Image name="burnsettings_bgimage" width="100%" height="100%" source="" fillStyle="fit" />
		    <Panel name="settings_content_root" width="100%" height="100%">
				<VBox name="settings_content" width="100%" height="100%">
				</VBox>
			</Panel>
		</PredefinedPanel>

		<PredefinedPanel name="burnsettings_custom" width="100%" height="*">
			<Image name="burnsettings_custom_bgimage" width="100%" height="100%" source="" fillStyle="fit" />
		    <Panel name="settings_content_root" width="100%" height="100%">
				<VBox name="settings_content" width="100%" height="100%">
				</VBox>
			</Panel>
		</PredefinedPanel>

		<PredefinedPanel name="burnsettings_videomenutemplates" width="100%" height="*">
			<Image x="50px" name="burnsettings_videomenutemplates_bgimage" width="100%" height="115px" source="" fillStyle="fitleft" />
		</PredefinedPanel>

		<PredefinedPanel name="nmap_burn_base" width="100%" height="100%">
			<VBox name="nmb_panel_checking_disc" width="100%" height="100%" visible="true">
				<Image name="discimage" width="100%" height="50%" source="Graphics\Icons_MediaCategory\devices_hover.png" fillStyle="fit" />
				<Label name="label_pleasewait" width="100%" height="30px" textID="IDS_CHECKING_DISC" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.burn.label" />
			</VBox>
		</PredefinedPanel>

		<PredefinedPanel name="nmap_burn_disc" width="100%" height="100%">
			<VBox name="nmb_panel_burning_disc" width="100%" height="100%" visible="true">
				<HBox name="controls" width="100%" height="20px" style="style.playercontrols.minimized.background" alignment-vertical="top" default-child-alignment-vertical="center">
					<Panel width="5px" height="0" />
					<Label name="label_pleasewait"       width="*" height="100%" textID="IDS_BURNING_DISC" text-alignment-vertical="center" style="style.exportslideshow.title" />
					<Panel width="10px" height="0" />
					<ImageButton name="button_close" width="21px" height="20px"
						style="style.playercontrols.minimized.item.right.background"
						hoverStyle="style.playercontrols.minimized.item.background.hovered" 
						source="Graphics\Icons_PlayerControls\NH_Control_Min_Close_R.png" 
						hoverSource="Graphics\Icons_PlayerControls\NH_Control_Min_Close_A.png"
						focusable="true" fillStyle="center" />
				</HBox>
				<Image name="discimage" width="100%" height="50%" source="Graphics\Icons_MediaCategory\devices_hover.png" fillStyle="fit" />
				<Label name="label_logline" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.burn.label" />
				<Label name="label_phase" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.burn.label" />
				<ProgressBar name="burning_disc_progressbar" width="100%" height="15px" style="style.exportslideshow.progressbar"/>
			</VBox>
		</PredefinedPanel>

		
		
		<!-- 
			for epg-mappings. 
		-->		
		<PredefinedPanel name="tv_epg_channelmapping" width="100%" height="100%">
		    <Panel name="channel_view" width="100%" height="100%" visible="false" />
		    <Panel name="epg_view" width="100%" height="100%" visible="false" >
				<HBox width="100%" height="100%">
					<Label name="channelname" width="40%" height="100%"
							text-alignment-vertical="center" 
							text-alignment-horizontal="left"
							style="style.filebrowser.listview.item.label" 
					/>
					<Panel width="12px" height="0" />
					<Panel name="epg_list" width="*" height="100%" />
				</HBox>
		    </Panel>
		</PredefinedPanel>
		
		
		<PredefinedPanel name="tv_epg_channellist_listviewitem" width="100%" height="36px">
			<InsertTemplate name="ListView_Item" CONTENT="ListView_EPG_ChannelList_Content" SELECTION_STYLE="empty"/>
		</PredefinedPanel>
		
		<PredefinedPanel name="tv_epg_list_listviewitem" width="100%" height="36px">
			<InsertTemplate name="ListView_Item" CONTENT="ListView_EPG_List_Content" SELECTION_STYLE="empty"/>
		</PredefinedPanel>	
		
		
		
		<!-- 
			for epg-settings. 
		-->		
		<PredefinedPanel name="tv_epg_settings" width="100%" height="100%">
			<InsertTemplate name="ListView_SingleSelection" NAME="tv_epg_settings_listview"/>

			<Panel name="progress_panel" x="0" y="0" width="100%" height="100%" visible="false">
				<Label name="caption" text="Test" width="100%" height="300px" y="5px" style="style.settings.label" />
				<ProgressBar name="progressbar" style="style.filebrowser.listview.progressbar" y="50px" width="100%" height="15px"/>
 			</Panel>
		</PredefinedPanel>
		
		<PredefinedPanel name="tv_epg_settings_plugins_listviewitem" width="100%" height="36px">
			<InsertTemplate name="ListView_Item" CONTENT="ListView_EPG_SettingsPlugins_Content" SELECTION_STYLE="empty"/>
		</PredefinedPanel>	
	
 	</Predefinitions>

	<Templates>
		<Template name="template_notification_area">
			<HBox name="%NAME%" width="%WIDTH%" height="90px" visible="%VISIBLE%" alignment-vertical="bottom" alignment-horizontal="right" cursor-timeout="30" >
				<HBox width="auto" height="49px" style="style.notification.background">
					<Panel width="48px" height="0" />
					<Label name="label" width="auto" width-max="%WIDTH_MAX%" height="30px" text="" style="style.notification.text" text-alignment-vertical="center" alignment-vertical="center"/>
					<Panel width="21px" height="0" />
				</HBox>
				<Panel width="60px" height="0" />
			</HBox>
		</Template>
		
		<Template name="vertical_scroll">
			<ScrollBar name="vertical_scroll" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollThumb="scrollbar.thumb_area.thumb" scrollThumbArea="scrollbar.thumb_area" scrollEvent="hover">
				<VBox name="scrollbar" width="24px" height="100%" alignment-horizontal="right">
					<ImageButton name="scroll_up" width="24px" height="24px" source="Graphics\Icons_Content\ScrollbarHVR_arrUP_DEF.png" hoverSource="Graphics\Icons_Content\ScrollbarHVR_arrUP_HVR.png" />
					<Panel name="thumb_area" x="2px" width="20px" height="*" alignment-horizontal="left" active="true" >
						<Panel name="thumb" width="20px" height="120px" active="true" style="style.filebrowser.scrollbar.thumb" hoverStyle="style.filebrowser.scrollbar.thumb.hovered"/>
					</Panel>
					<ImageButton name="scroll_down" width="24px" height="24px" source="Graphics\Icons_Content\ScrollbarHVR_arrDWN_DEF.png" hoverSource="Graphics\Icons_Content\ScrollbarHVR_arrDWN_HVR.png" />
				</VBox>
			</ScrollBar>	
		</Template>
		
		<Template name="button">
			<Button name="%NAME%" width="%WIDTH%" height="%HEIGHT%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="%MODALRESULT%">
				<Label text="%TEXT%" name="label" width="100%" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
			</Button>
		</Template>
		
		<Template name="vspacer">
			<Panel name="adjustablevspacer" width="0" height="%HEIGHT%" />
		</Template>
		
		<Template name="OSD_Label">
			<Label name="%NAME%" width="272px" height="66px" marginLeft="75" marginTop="22" style="style.OSD.panel.play" visible="false" />
		</Template>

		<Template name="OSD_Icon">
				<Panel name="%NAME%" width="272px" height="66px" visible="false">
					<Image width="100%" height="100%" source="Graphics\BG_OSD\NH_SmallPanel_Thin_BG.png" style="style.OSD.panel" />
					<Image x="12px" y="12px" width="40px" height="40px" source="%IMAGE%" style="style.OSD.panel" />
				</Panel>
		</Template>
		
		<Template name="OSD_IconWithText">
				<Panel name="%NAME%" width="272px" height="66px" visible="false">
					<Image width="100%" height="100%" source="Graphics\BG_OSD\NH_SmallPanel_Thin_BG.png" style="style.OSD.panel"/>
					<Image x="12px" y="12px" width="40px" height="40px" source="%IMAGE%" style="style.OSD.panel" />
					<Label textID="%TEXTID%" x="75px" width="198px" height="100%" style="style.OSD.label.title" text-alignment-vertical="center" />
				</Panel>
		</Template>

		
		<Template name="OSD_Definition">
			<Shortcut name="icon_mute" target="OSD_main.icon_mute"/>
			<Shortcut name="icon_unmute" target="OSD_main.icon_unmute"/>
			<Shortcut name="icon_play" target="OSD_main.icon_play"/>
			<Shortcut name="icon_record" target="OSD_main.icon_record"/>
			<Shortcut name="icon_pause" target="OSD_main.icon_pause"/>
			<Shortcut name="icon_stop" target="OSD_main.icon_stop"/>
			<Shortcut name="icon_fforward" target="OSD_main.icon_fforward"/>
			<Shortcut name="icon_rewind" target="OSD_main.icon_rewind"/>
			<Shortcut name="icon_next" target="OSD_main.icon_next"/>
			<Shortcut name="icon_previous" target="OSD_main.icon_previous"/>
			<Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
			<Shortcut name="label_speed" target="OSD_main.label_speed"/>
			<Shortcut name="label_Chapter" target="OSD_main.label_Chapter"/>
			<Shortcut name="label_Title" target="OSD_main.label_Title"/>
			<Shortcut name="label_TimePos" target="OSD_main.label_TimePos"/>
			<Shortcut name="label_LangInfo" target="OSD_main.label_LangInfo"/>
			<Shortcut name="label_Record" target="OSD_main.label_Record"/>
			<Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center" default-child-alignment-horizontal="right" default-child-alignment-vertical="top">
			
				<!-- Time Position -->
				<InsertTemplate name="OSD_Label" NAME="label_TimePos"/>
				
				<!-- Fast Forward -->
				<InsertTemplate name="OSD_Icon" NAME="icon_fforward" IMAGE="Graphics\Icons_OSD\NH_SmallPanel_FF.png"/>

				<!-- Fast Rewind -->
				<InsertTemplate name="OSD_Icon" NAME="icon_rewind" IMAGE="Graphics\Icons_OSD\NH_SmallPanel_FB.png"/>

				<InsertTemplate name="OSD_Label" NAME="label_speed"/>

				<!-- Next -->
				<InsertTemplate name="OSD_Icon" NAME="icon_next" IMAGE="Graphics\Icons_OSD\NH_SmallPanel_Next.png"/>

				<!-- Previous -->
				<InsertTemplate name="OSD_Icon" NAME="icon_previous" IMAGE="Graphics\Icons_OSD\NH_SmallPanel_Previous.png"/>
				
				<!-- Stop -->
				<InsertTemplate name="OSD_IconWithText" NAME="icon_stop" IMAGE="Graphics\Icons_OSD\NH_SmallPanel_Stop.png" TEXTID="IDS_OSD_STOPPED"/>

				<!-- Pause -->
				<InsertTemplate name="OSD_IconWithText" NAME="icon_pause" IMAGE="Graphics\Icons_OSD\NH_SmallPanel_Pause.png" TEXTID="IDS_OSD_PAUSED"/>
				

				<!-- Play -->
				<InsertTemplate name="OSD_IconWithText" NAME="icon_play" IMAGE="Graphics\Icons_OSD\NH_Control_Play_Active.png" TEXTID="IDS_OSD_PLAY"/>
				

				<!-- Recording -->
				<InsertTemplate name="OSD_IconWithText" NAME="icon_record" IMAGE="Graphics\Icons_OSD\NH_Save_Icon.png" TEXTID="IDS_OSD_RECORDINGSTARTED"/>
				
				<!-- Volume -->
				<Panel name="freetype_volume" width="272px" height="66px" visible="false">
					<Image width="100%" height="100%" source="Graphics\BG_OSD\NH_SmallPanel_Thin_BG.png" style="style.OSD.panel" />
					<Image x="12px" y="12px" width="40px" height="40px" source="Graphics\Icons_OSD\NH_Volume_Icon.png" style="style.OSD.panel" />
					
					<Image x="75px" y="30px" width="3px" height="15px" source="Graphics\Icons_OSD\NH_VolumeIndicator_Left.png" style="style.OSD.panel" />
					<Slider name="volume" x="78px" y="30px" width="160px" height="15px" active="false" thumbElement="movePanel" style="style.OSD.volume">
						<Panel name="movePanel" width="1px" height="100%" visible="false" />
					</Slider>
					<Image x="238px" y="30px" width="2px" height="15px" source="Graphics\Icons_OSD\NH_VolumeIndicator_Right.png" style="style.OSD.panel" />
				</Panel>

				<!-- Muted -->
				<Panel name="icon_mute" width="272px" height="66px" visible="false">
					<Image width="100%" height="100%" source="Graphics\BG_OSD\NH_SmallPanel_Thin_BG.png" style="style.OSD.panel" />
					<Image x="12px" y="12px" width="40px" height="40px" source="Graphics\Icons_OSD\NH_SmallPanel_Mute.png" style="style.OSD.panel" />
					
					<Image x="75px" y="30px" width="3px" height="15px" source="Graphics\Icons_OSD\NH_VolumeIndicator_Left.png" style="style.OSD.panel" />
					<Slider name="volume" x="78px" y="30px" width="160px" height="15px" active="false" thumbElement="movePanel" style="style.OSD.volume">
						<Panel name="movePanel" width="0" height="0" visible="false" />
					</Slider>
					<Image x="238px" y="30px" width="2px" height="15px" source="Graphics\Icons_OSD\NH_VolumeIndicator_Right.png" style="style.OSD.panel" />
				</Panel>
				
				<!-- Other labels -->
				<InsertTemplate name="OSD_Label" NAME="label_Chapter"/>
				<InsertTemplate name="OSD_Label" NAME="label_Title"/>
				<InsertTemplate name="OSD_Label" NAME="label_LangInfo"/>
				
				<Panel name="label_Record" width="272px" height="66px" visible="false">
					<Image width="100%" height="100%" source="Graphics\BG_OSD\NH_SmallPanel_Thin_BG.png" style="style.OSD.panel"/>
					<Image x="12px" y="12px" width="40px" height="40px" source="Graphics\Icons_OSD\NH_Save_Icon.png" style="style.OSD.panel" />
					<Label name="label_Record" x="75px" width="198px" height="100%" style="style.OSD.label.title" text-alignment-vertical="center" />
				</Panel>
				
			</Panel>		
		</Template>
		
		<Template name="ListView_SingleSelection">
			<ListView name="%NAME%" x="0" y="0" width="100%" height="95%" direction="horizontal" verticalScrollBar="vertical_scroll">
				<ListViewItems name="list_view_items" multiSelect="false" keepFocusInside="false" width="100%" height="100%" virtual="true"/>
				<InsertTemplate name="vertical_scroll"/>
			</ListView>					
		</Template>
	
		<Template name="ListView_Item">
			<HBox width="100%" height="100%">
				<Panel name="item" x="0" y="0" width="*" height="100%"  style="empty" selectedStyle="%SELECTION_STYLE%">
					
					<!-- background  -->
					<Panel height="100%" width="100%" 
						style="style.filebrowser.listview.item" 
						selectedStyle="style.filebrowser.listview.item" 

						hoverStyle="style.filebrowser.listview.item.hovered" 
						hoverSelectedStyle="style.filebrowser.listview.item.hovered" 
					/>
											
					<!-- separator line -->
					<Panel y="54px" height="3px" width="100%" style="style.listview.separator.line"/>

					<!-- content -->
					<InsertTemplate name="%CONTENT%"/>

				</Panel>
				<Panel width="30px" height="0" />
			</HBox>
		</Template>
		
		
		<Template name="ListView_FileBrowser_Content">
			<HBox height="100%" width="100%">
				<Panel y="7px" width="59px" height="32px">
				
					<!-- icon  -->
					<Image name="item_thumb" fillStyle="fit" x="15px" width="32px" height="32px" source="graphics\empty.png"
						style="style.filebrowser.listview.item.image" 
					/>
					
					<!-- i.e. Channel Number -->
					<Label name="item_info4" width="100%" height="100%"
						style="style.filebrowser.listview.item.label.small1"
						hoverStyle="style.filebrowser.listview.item.label.small1.hovered"
						selectedStyle="style.filebrowser.listview.item.label.small1.selected"
						hoverSelectedStyle="style.filebrowser.listview.item.label.small1.hoveredselected"
						text-alignment-vertical="center"
						text-alignment-horizontal="center"
					/>
				</Panel>

				
				<!-- main text area -->
				<VBox height="100%" width="*">
					<HBox width="100%" height="30px">
						<Label name="item_title" width="*" height="30px"
							text-alignment-vertical="bottom" 
							text-alignment-horizontal="left"
							style="style.filebrowser.listview.item.label" 
							hoverStyle="style.filebrowser.listview.item.label.hovered" 
							hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
							selectedStyle="style.filebrowser.listview.item.label.selected"
						/>
						
						<Panel width="2px" height="0" />
						
						<ProgressBar style="style.filebrowser.listview.progressbar" name="time_line" y="7px" width="100px" height="15px" visible="false"/> <!-- NOFACTOR y="7"? -->

						<!-- play status image -->
						<Panel name="item_state_playback" width="24px" height="100%" visible="false">
							<Image name="item_state_playback_image" fillStyle="fit" width="24px" height="24px" source="graphics\Icons_State\item_state_play.png" style="style.filebrowser.listview.item.state.playback" alignment-vertical="center" />
						</Panel>
					</HBox>
												
					<!-- additional text info -->
					<HBox width="100%" height="20px">
						<!-- TODO: Instead of percentage values use auto! -->
						<Label name="item_info1" width="*" height="100%"
							style="style.filebrowser.listview.item.label.small1"
							hoverStyle="style.filebrowser.listview.item.label.small1.hovered"
							selectedStyle="style.filebrowser.listview.item.label.small1.selected"
							hoverSelectedStyle="style.filebrowser.listview.item.label.small1.hoveredselected"
							text-alignment-vertical="center"
						/>
						<Panel width="1%" height="0" />
						<Label name="item_info2" width="61%" height="100%"
							style="style.filebrowser.listview.item.label.small2"
							hoverStyle="style.filebrowser.listview.item.label.small2.hovered"
							selectedStyle="style.filebrowser.listview.item.label.small2.selected"
							hoverSelectedStyle="style.filebrowser.listview.item.label.small2.hoveredselected"
							text-alignment-vertical="center"
						/>
					</HBox>
				</VBox>
			</HBox>		
		</Template>	
		
		<Template name="ListView_FavoriteTransitions_Content">
			<HBox height="100%" width="100%" default-child-alignment-vertical="center">
				<!-- spacer  -->
				<Panel width="12px" height="0" />
				
				<CheckBox name="checkbox" width="20px" height="20px" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" active="false" focusable="false">
					<CheckBoxStateElement name="image" width="100%" height="100%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" active="false" focusable="false" />
				</CheckBox>
				
				<Panel width="10px" height="0" />
				
				<Label name="label" width="*" height="100%"
					text-alignment-vertical="center" 
					text-alignment-horizontal="left"
					style="style.filebrowser.listview.item.label" 
					hoverStyle="style.filebrowser.listview.item.label.hovered" 
					hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
					selectedStyle="style.filebrowser.listview.item.label.selected"
				/>

			</HBox>
		</Template>
	
		<Template name="ListView_EPG_ChannelList_Content">
			<HBox height="100%" width="100%" default-child-alignment-vertical="center">
				<!-- spacer  -->
				<Panel width="12px" height="0" />
				
				
				<Label name="channel" width="*" height="100%"
					text-alignment-vertical="center" 
					text-alignment-horizontal="left"
					style="style.filebrowser.listview.item.label" 
					hoverStyle="style.filebrowser.listview.item.label.hovered" 
					hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
					selectedStyle="style.filebrowser.listview.item.label.selected"
				/>
				
				<Panel width="10px" height="0" />
				
				<Label name="epgchannel" width="*" height="100%" text="..."
					text-alignment-vertical="center" 
					text-alignment-horizontal="left"
					style="style.filebrowser.listview.item.label" 
					hoverStyle="style.filebrowser.listview.item.label.hovered" 
					hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
					selectedStyle="style.filebrowser.listview.item.label.selected"
				/>
			</HBox>
		</Template>	
		
		<Template name="ListView_EPG_List_Content">
			<HBox height="100%" width="100%" default-child-alignment-vertical="center">
				<!-- spacer  -->
				<Panel width="12px" height="0" />

				<Label name="label" width="*" height="100%"
					text-alignment-vertical="center" 
					text-alignment-horizontal="left"
					style="style.filebrowser.listview.item.label" 
					hoverStyle="style.filebrowser.listview.item.label.hovered" 
					hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
					selectedStyle="style.filebrowser.listview.item.label.selected"
				/>
				
			</HBox>
		</Template>			
		
		<Template name="ListView_EPG_SettingsPlugins_Content">
			<HBox height="100%" width="100%" default-child-alignment-vertical="center">
				<!-- spacer  -->
				<Panel width="12px" height="0" />
				
				<CheckBox name="checkbox" width="20px" height="20px" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" active="false" focusable="false">
					<CheckBoxStateElement name="image" width="100%" height="100%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" active="false" focusable="false" />
				</CheckBox>
				
				<Panel width="10px" height="0" />
				
				<Label name="label" width="*" height="100%"
					text-alignment-vertical="center" 
					text-alignment-horizontal="left"
					style="style.filebrowser.listview.item.label" 
					hoverStyle="style.filebrowser.listview.item.label.hovered" 
					hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
					selectedStyle="style.filebrowser.listview.item.label.selected"
				/>
			</HBox>
		</Template>	
			
	</Templates>
	

	
</NMUIDefinition>

<!-- 
    hints to define: 
        $home      = welcome.corepanel.button_home
        $back      = welcome.corepanel.content_header.button_back_pagewide.button_back
        $menu      = welcome.corepanel.main_area.modules_main_fullpage.menu_and_content_pagewide.vbox_menu_area
        $content   = welcome.corepanel.main_area.modules_main_fullpage.menu_and_content_pagewide.content
        $main      = welcome.corepanel.main_area
        $minimized = welcome.corepanel.minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task
        $carousel  = welcome.corepanel.main_area.carousel
-->
