﻿<?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">
		
		<!-- 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\abstract.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\abstract.jpg" cursor-timeout="30" />
		
		<HBox name="notification_area" visible="false" width="100%" height="75px" alignment-vertical="bottom" cursor-timeout="30">
			<Panel width="30px" height="0"/>
			<HBox width="*" height="100%">
				<Panel width="30%" height="0" />
				<Panel width="10px" height="0" />
				<HBox width="*" height="30px" visible="true" style="style.notification.background">
					<Panel width="5px" height="0" />
					<Image name="icon_info" source="Graphics\Icons_Notifications\info.png" width="20px" height="20px" alignment-vertical="center" />
					<Panel width="5px" height="0" />
					<Label name="label" width="*" height="100%" style="style.notification.label" text-alignment-vertical="center" />
					<Panel width="5px" height="0" />
				</HBox>
			</HBox>
			<Panel width="30px" height="0"/>
		</HBox>
		
		<HBox name="notification_area_fullscreen" visible="false" width="100%" height="75px" alignment-vertical="bottom" cursor-timeout="30">
			<Panel width="50px" height="0"/>
			<HBox width="*" height="100%" style="style.notification.background">
				<Panel width="5px" height="0" />
				<Image name="icon_info" source="Graphics\Icons_Notifications\info.png" width="20px" height="20px" alignment-vertical="center" />
				<Panel width="5px" height="0" />
				<Label name="label" width="*" height="100%" style="style.notification.label" text-alignment-vertical="center" />
				<Panel width="5px" height="0" />
			</HBox>
			<Panel width="50px" height="0"/>
		</HBox>

		<!-- Titlebar, holds maximize, minimize and quit buttons -->
		<Panel name="windowtitlebar" width="100%" height="60px" alignment-vertical="top" 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%">
		
			<!-- Page Header -->
			<HBox name="header" width="100%" y="50px" height="60px" alignment-vertical="top">
				<!-- Spacer to the left -->
				<Panel width="40px" height="0" />
			
				<!-- Logo (left aligned) -->
				<ImageButton name="button_home" width="130px" height="60px" 
						source="Graphics\Logo\logo.png"
						style="style.button.home"
						alignment-horizontal="left"
						onclick="application.home();"
				/>

				<!-- If there is a control "bottom_area_startpage", this area will be shown on all pages besides start page -->
				<HBox name="bottom_area_startpage" width="300px" height="100%" alignment-horizontal="right"
					  default-child-alignment-horizontal="right" default-child-alignment-vertical="center"
					  upElement="$windowbar:..windowtitlebar.windowbar" rightElement="$windowbar:..windowtitlebar.windowbar">
					<Panel name="searchpanel_placeholder" width="190px" height="25px" />
					<Panel width="5px" height="0" />
					<Button name="button_settings" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered">
						<Image x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\settings.png" />
					</Button>
					
					<!-- Spacer to the right -->
					<Panel width="50px" height="0" />
				</HBox>
			</HBox>

			<HBox name="hbox" height="100%" width="100%">
				
				<!-- Hold distance to the left -->
				<Panel name="spacer_left" width="30px" height="0" />
				
				<VBox name="vbox" height="100%" width="*">
				
					<!-- Hold distance to the top -->
					<Panel name="spacer_top" height="15px" width="0" />
	
					<Panel name="visible_screen" width="100%" height="*">

						<!-- If present, displays category image of modules -->
						<!-- <Image name="image_pageimage" x="0" y="0" width="100%" height="100%" source="" fillStyle="fit" /> -->
						
						<VBox name="root" x="0" y="0" width="100%" height="100%">
							
							<!-- Separates the page header from the body -->
							<Panel height="70px" width="0" />
							
							<!-- Content Header -->
							<HBox name="content_header" height="40px" width="100%">
								<!-- Spacer (with the size of the menu area) -->
								<Panel width="30%" width-min="150px" width-max="400px" height="0" />
		
								<!-- Spacer (smaller, distance between menu area and content) -->
								<Panel width="10px" height="0" />
								
								<!-- Back Button / Label --> <!-- hint="$back" -->
								<HBox name="button_back" y="5px" width="auto" height="30px" 
										style="style.page.back.button" active="true" 
										focusable="true" leftElement=".....header#$default" 
										rightElement="$windowbar:......windowtitlebar.windowbar"
										onclick="application.back();">
									<Image name="image_back" width="24px" height="24px" source="Graphics\Icons_Content\back.png" style="style.page.back.image" hoverStyle="style.page.back.image.hovered" alignment-vertical="center" />
									<Label name="label_back" width="auto" height="100%" style="style.page.back.label" hoverStyle="style.page.back.label.hovered" textID="IDS_PAGE_BACK" text-alignment-vertical="center" />
								</HBox>
								
								<!-- Page Title -->
								<Label name="pagetitle" width="*" height="100%" text="" style="style.page.title" text-alignment-vertical="center" text-alignment-horizontal="right" />
								
								<Panel width="5px" height="0" />
		
							</HBox>
						
							<!-- Main Area --> <!-- hint="$main" -->
							<Panel name="main_area" width="100%" height="*" upElement="....header#$default"/>
							
							<Panel height="15px" width="0" />
							
							<!-- Bottom Area -->
							<!--
							<Panel name="bottom_area" width="371px" height="47px" style="style.page.footer.controls" alignment-horizontal="right">
								<!- If there is a control "bottom_area_modules", this area will be shown on all pages besides start page
								<HBox name="bottom_area_modules" width="100%" height="100%" default-child-alignment-horizontal="right" visible="true">
									<!- space for additional information ->
									<Panel name="settings_info_status_area" width="40px" height="40px" />
									
									<!- if present, provides space for showing buttons like "Goto clipboard", "Goto searchresults", etc. ->
									<Panel name="settings_info_global_area" width="130px" height="40px" />
									
									<Panel width="250px" height="40px">
										<!- If present, show the clock ->
										<Panel name="settings_info_user_info" width="250px" height="40px" />
										<!- panel for additional info, e.g. background scanner status ->
										<Panel name="settings_info_additional_info" width="250px" height="40px" visible="false"/>
									</Panel>
								</HBox>
								->
							</Panel>
							-->
							
							<Panel height="30px" width="0" />					
						</VBox>

						<!-- Minimized Tasks (always on top) -->
						<Panel name="minimized_task" width="30%" height="30%" alignment-vertical="bottom" alignment-horizontal="left" />

					</Panel>
					
					<!-- Hold distance to the bottom -->
					<Panel name="spacer_bottom" height="40px" width="0" />
					
				</VBox>
				
				<!-- Hold distance to the right -->
				<Panel name="spacer_right" width="30px" height="0" />

			</HBox>
			
		</PredefinedPanel>
		
		
		<!-- Main Panel -->
		<PredefinedPanel name="modules_main" width="100%" height="100%">
			<HBox name="hbox" width="100%" height="100%">
				<!-- Menu Area --> <!-- hint="$menu" -->
				<Panel name="menu_area" width="30%" width-min="150px" width-max="400px" height="100%" 
					   downElement="...minimized_task.minimized_task_root.minimized_task_controls:...minimized_task"
					   upElement="......header.button_home#$default"/>
				
				<!-- Spacer (between menu and content) -->
				<Panel width="10px" height="0" />
		
				<!-- Main Content --> <!-- hint="$content" -->
				<Panel name="content" width="*" height="100%" width-min="200px" height-min="200px" style="style.page.content"
					   leftElement="...minimized_task#$default" rightElement="$stop"
					   upElement="..content_header.button_back#$default"/>
			</HBox>
		</PredefinedPanel>
		
		
		<!-- Modules Panel -->
		<PredefinedPanel name="startpage_modules" width="100%" height="100%">
			<VBox height="100%" width="100%">
				<Panel height="*" width="0" />
					<HBox height="50%" width="100%">
						<Panel active="true" focusable="true" name="button1" width="20%" height="100%" style="style.modules.button" hoverStyle="style.modules.button.hovered">
							<VBox width="100%" height="100%">
								<ImageButton name="module_image" fillStyle="fit" width="100%" height="*" source="Graphics\empty.png" style="style.modules.image.1" active="false" />
								<Label name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.modules.label" hoverStyle="style.modules.label.hovered" />
							</VBox>
						</Panel>
						<Panel active="true" focusable="true" name="button2" width="20%" height="100%" style="style.modules.button" hoverStyle="style.modules.button.hovered">
							<VBox width="100%" height="100%">
								<ImageButton name="module_image" fillStyle="fit" width="100%" height="*" source="Graphics\empty.png" style="style.modules.image.2" active="false" />
								<Label name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.modules.label" hoverStyle="style.modules.label.hovered" />
							</VBox>
						</Panel>
						<Panel active="true" focusable="true" name="button3" width="20%" height="100%" style="style.modules.button" hoverStyle="style.modules.button.hovered">
							<VBox width="100%" height="100%">
								<ImageButton name="module_image" fillStyle="fit" width="100%" height="*" source="Graphics\empty.png" style="style.modules.image.3" active="false" />
								<Label name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.modules.label" hoverStyle="style.modules.label.hovered" />
							</VBox>
						</Panel>
						<Panel active="true" focusable="true" name="button4" width="20%" height="100%" style="style.modules.button" hoverStyle="style.modules.button.hovered">
							<VBox width="100%" height="100%">
								<ImageButton name="module_image" fillStyle="fit" width="100%" height="*" source="Graphics\empty.png" style="style.modules.image.4" active="false" />
								<Label name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.modules.label" hoverStyle="style.modules.label.hovered" />
							</VBox>
						</Panel>
						<Panel active="true" focusable="true" name="button5" width="20%" height="100%" style="style.modules.button" hoverStyle="style.modules.button.hovered">
							<VBox width="100%" height="100%">
								<ImageButton name="module_image" fillStyle="fit" width="100%" height="*" source="Graphics\empty.png" style="style.modules.image.5" active="false" />
								<Label name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.modules.label" hoverStyle="style.modules.label.hovered" />
							</VBox>
						</Panel>
					</HBox>
				<Panel height="*" width="0" />
				<Panel name="module_menu_container" height="2*" width="100%">
					<VBox name="module_menu" width="50%" height="100%" visible="false" alignment-horizontal="center" style="style.startpage.menu"/>		
				</Panel>
			</VBox>
 		</PredefinedPanel>
		
 		<!-- Definition of the user info panel, containing e.g. the clock -->
		<PredefinedPanel name="userinfo" width="100%" height="100%">
			<Panel name = "clock" width="100%" height="100%" visible="true">
				<Label name="userinfo_begin" width="250px" height="20px" x="0" y="15px" text="| " style="style.settingsinfo" /> <!-- NOFACTOR y="15"? -->
				<Label name="date_label" width="240px" height="20px" x="10px" text="" style="style.settingsinfo.small" />  <!-- NOFACTOR x="10"? -->
				<Label name="userinfo_label" width="240px" height="20px" x="10px" y="15px" text="" style="style.settingsinfo" hoverStyle="style.settingsinfo.hovered" active="true" /> <!-- NOFACTOR x="10" y="15"? -->
			</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="*" height="25px" style="style.searchpanel.editcontrol" hoverStyle="style.searchpanel.editcontrol.hovered" marginLeft="4" marginTop="1" promptID="IDS_SEARCH_QUERYTEXTPLACEHOLDER" />
				
				<!-- Start Search Button -->
				<Panel width="2px" height="0" />
				<Button name="searchpanel_btn_go" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered">
					<Image x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\startsearch.png" />
				</Button>								
				<Panel width="2px" height="0" />
				
				<!-- If button "search activation" is present, it will be displayed if search is running or search results are not closed. -->
				<!--
				<Button name="search_activation"  width="25px" height="25px" visible="false">
					<Panel name="inprogress" x="0" y="0" width="100%" height="100%" style="style.page.searchresults.inprogress" hoverStyle="style.page.searchresults.hovered" />
					<Panel name="done"       x="0" y="0" width="100%" height="100%" style="style.page.searchresults.done"       hoverStyle="style.page.searchresults.hovered" visible="false" />
				</Button>
				-->
				
				<!-- Spacer -->
				<Panel width="10px" height="0" />
			</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: List View (small icons) -->
		<PredefinedPanel name="filebrowser_listview" width="100%" height="100%">
			<ListView name="listview" width="100%" height="100%" height-min="211px" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">

				<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"
				/>
				
				<ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
					<VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
						<Panel width="0" height="3px" />
						<ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="*" />
						<ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="3px" />
					</VBox>
				</ScrollBar>
				
			</ListView>
			<Panel name="child_panel" width="100%" height="100%" visible="false" />
		</PredefinedPanel>
		
		<PredefinedPanel name="filebrowser_listviewitem" width="100%" height="30px" >
			<Panel name="item" width="100%" height="100%" 
				style="style.filebrowser.listview.item" 
				hoverStyle="style.filebrowser.listview.item.hovered" 
				selectedStyle="style.filebrowser.listview.item.selected" 
				hoverSelectedStyle="style.filebrowser.listview.item.hoveredselected"
				>
				
				<HBox name="container" height="100%" width="100%">
					<Panel y="3px" width="40px" height="24px">
						<Image name="item_icon" fillStyle="fit" x="8px" width="24px" height="24px" source="Graphics\empty.png"
							style="style.filebrowser.listview.item.image" 
						/>
						<Label name="item_info4" width="100%" height="100%"
							style="style.filebrowser.listview.big.channelnr"
							text-alignment-vertical="center"
							text-alignment-horizontal="center"
						/>
					</Panel>
					<HBox width="*" height="100%">
						<Label name="item_title" width="*" height="100%" 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"
						/>
						<Panel width="5px" height="0" />
						<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" />
							<!--<Label name="item_state_playback_info1" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" style="style.filebrowser.listview.item.label.light" />-->
						</Panel>
					</HBox>
			
					<Label name="item_info3" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" style="style.filebrowser.listview.item.label.light" hoverStyle="style.filebrowser.listview.item.label.light.hovered" hoverSelectedStyle="style.filebrowser.listview.item.label.light.hoveredselected" />

					<Panel width="36px" height="0" />
				</HBox>
			</Panel>
		</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" style="style.page.content.darken">

				<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="10px" vgap="5px"
				/>
				
				<ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
					<VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
						<Panel width="0" height="5px" />
						<ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="*" />
						<ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="5px" />
					</VBox>
				</ScrollBar>
				
			</ListView> 
			<Panel name="child_panel" width="100%" height="100%" visible="false" />
		</PredefinedPanel>
		
		<PredefinedPanel name="filebrowser_iconviewitem" width="110px" height="125px">
			<Panel name="item" width="100%" height="100%"
				style="style.filebrowser.iconview.item" 
				hoverStyle="style.filebrowser.iconview.item.hovered" 
				selectedStyle="style.filebrowser.iconview.item.selected" 
				hoverSelectedStyle="style.filebrowser.iconview.item.hoveredselected"
				>
				
				<Image name="item_thumb" fillStyle="fit" x="5px" y="5px" width="100px" height="85px" source="Graphics\empty.png"
					style="style.filebrowser.listview.item.image" 
				/>
				
				<Label name="item_info4" x="5px" y="5px" width="100px" height="85px"
					style="style.filebrowser.iconview.channelnr"
					text-alignment-vertical="center"
					text-alignment-horizontal="center"
				/>
				
				<Label name="item_title" x="0px" y="95px" width="100%" 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"
				/>
			</Panel>
		</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" style="style.page.content.darken">

				<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"
					x="0" y="0" width="100%" height="100%" virtual="true"
				/>
				
				<ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
					<VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
						<Panel width="0" height="8px" />
						<ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="*" />
						<ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="8px" />
					</VBox>
				</ScrollBar>
								
			</ListView> 
			<Panel name="child_panel" width="100%" height="100%" visible="false" />
		</PredefinedPanel>
		
		<PredefinedPanel name="filebrowser_iconlistviewitem" width="100%" height="75px">
			<HBox name="item" x="0" y="0" width="100%" height="100%"
				style="style.filebrowser.listview.big.item" 
				selectedStyle="style.filebrowser.listview.big.item.selected" 
				hoverSelectedStyle="style.filebrowser.listview.big.item.hoveredselected"
				hoverStyle="style.filebrowser.listview.big.item.hovered"
				>
				
				<Panel width="6px" height="0" />
				<Panel y="5px" width="64px" height="64px">
					<Image name="item_thumb" fillStyle="fit" width="64px" height="64px" source="graphics\empty.png"
						style="style.filebrowser.listview.item.image" 
					/>
	
					<Label name="item_info4" width="64px" height="64px"
						style="style.filebrowser.listview.big.channelnr"
						text-alignment-vertical="center"
						text-alignment-horizontal="center"
					/>
				</Panel>
				<Panel width="6px" height="0" />
				
				<VBox height="100%" width="*">
					<HBox height="30px" width="100%">
						<HBox y="5px" width="*" height="100%">
							<Label name="item_title" 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="5px" height="0" />
															
							<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" />
								<!--<Label name="item_state_playback_info1" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" style="style.filebrowser.listview.item.label.light" />-->
							</Panel>
						</HBox>

						<Label name="item_info3" y="5px" width="auto" height="100%" 
							text-alignment-vertical="center"
							text-alignment-horizontal="right"
							style="style.filebrowser.listview.item.label.light"
							hoverStyle="style.filebrowser.listview.item.label.light.hovered"
							hoverSelectedStyle="style.filebrowser.listview.item.label.light.hoveredselected"
						/>
						<Panel width="36px" height="0" />
					</HBox>
					<Label name="item_info1" width="100%" height="18px" style="style.filebrowser.listview.item.label.small" hoverStyle="style.filebrowser.listview.item.label.small.hovered" hoverSelectedStyle="style.filebrowser.listview.item.label.small.hoveredselected" text-alignment-vertical="center" />
					<HBox width="100%" height="18px" default-child-alignment-vertical="center">
						<Label name="item_info2" width="*" height="auto" style="style.filebrowser.listview.item.label.small" hoverStyle="style.filebrowser.listview.item.label.small.hovered" hoverSelectedStyle="style.filebrowser.listview.item.label.small.hoveredselected" text-alignment-vertical="center" />
						<Panel width="5px" height="0" />
						<ProgressBar style="style.filebrowser.listview.progressbar" name="time_line" width="100px" height="15px" visible="false"/>
						<Panel width="10px" height="0" />
					</HBox>
				</VBox>
			</HBox>
		</PredefinedPanel>
		
		<!-- Main Menu -->
		<PredefinedPanel name="menuitems" width="100%" height="100%">
			<VBox name="menuitems" width="100%" height="100%" />
		</PredefinedPanel>
		
		<PredefinedPanel name="menuitem" width="100%" height="30px">
			<Button name="item" width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered">
				<HBox width="100%" height="100%" default-child-alignment-horizontal="right">
					<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"/>
					<Image name="checkbox" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
					<Image name="icon" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
					<Image name="navigate" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
					<Image name="colorkey" width="10px" height="100%" 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">
				<HBox name="minimized_task_controls" width="100%" height="22px" alignment-horizontal="right" default-child-alignment-horizontal="right" style="style.minimized_task.header">
					<Button name="button_restore" width="22px" height="22px" style="style.minimized_task.headercontrol" hoverStyle="style.minimized_task.headercontrol.hovered" visible="true">
						<Image name="icon" x="1px" y="1px" width="20px" height="20px" source="Graphics\Icons_Handlers\maximize.png" />
					</Button>
					<Panel width="2px" height="0" />
					<Button name="button_close" width="22px" height="22px" style="style.minimized_task.headercontrol" hoverStyle="style.minimized_task.headercontrol.hovered" visible="true">
						<Image x="1px" y="1px" width="20px" height="20px" source="Graphics\Icons_Handlers\close.png" />
					</Button>
				</HBox>
				<Panel name="minimized_task_panel" width="100%" height="*" style="style.page.minimizedtask" />
			</VBox>
		</PredefinedPanel>
		
		<!-- Player Controls: Full Screen -->
		<PredefinedPanel name="player_controls_full" width="100%" height="100%">						
			<Shortcut name="seekbar"			target="controls.controls_slider.seekbar"									/>
			<Shortcut name="label_position"		target="controls.controls_slider.label_position"							/>
			<Shortcut name="label_duration"		target="controls.controls_slider.label_duration"							/>

			<Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
						
			<!-- Activation Area -->
			<Panel name="pc_activation_area" width="100%" height="72px" active="true" alignment-vertical="bottom" />
			
			<!-- Control Bar -->
			<VBox name="controls" width="100%" height="72px" alignment-vertical="bottom" style="style.playercontrols.large.background">
				<!-- Shortcuts -->
				<Shortcut name="previous"			target="controls_normal.previous_panel.previous"					/>
				<Shortcut name="previous_disabled"	target="controls_normal.previous_panel.previous_disabled"			/>
				<Shortcut name="previous_panel"		target="controls_normal.previous_panel"								/>
				<Shortcut name="next"				target="controls_normal.next_panel.next"							/>
				<Shortcut name="next_disabled"		target="controls_normal.next_panel.next_disabled"					/>
				<Shortcut name="next_panel"			target="controls_normal.next_panel"									/>

				<Shortcut name="channelup"			target="controls_normal.channelup_panel.channelup"					/>
				<Shortcut name="channelup_disabled"	target="controls_normal.channelup_panel.channelup_disabled"			/>
				<Shortcut name="channelup_panel"	target="controls_normal.channelup_panel"							/>

				<Shortcut name="channeldown"		target="controls_normal.channeldown_panel.channeldown"				/>
				<Shortcut name="channeldown_disabled" target="controls_normal.channeldown_panel.channeldown_disabled"	/>
				<Shortcut name="channeldown_panel"	target="controls_normal.channeldown_panel"							/>

				<Shortcut name="play"				target="controls_normal.play_panel.play"							/>
				<Shortcut name="pause"				target="controls_normal.play_panel.pause"							/>
				<Shortcut name="pause_disabled"		target="controls_normal.play_panel.pause_disabled"					/>
				<Shortcut name="play_panel"			target="controls_normal.play_panel"									/>

				<Shortcut name="rewind"				target="controls_normal.rewind_panel.rewind"						/>
				<Shortcut name="rewind_disabled"	target="controls_normal.rewind_panel.rewind_disabled"				/>
				<Shortcut name="rewind_panel"		target="controls_normal.rewind_panel"								/>

				<Shortcut name="fforward"			target="controls_normal.fforward_panel.fforward"					/>
				<Shortcut name="fforward_disabled"	target="controls_normal.fforward_panel.fforward_disabled"			/>
				<Shortcut name="fforward_panel"		target="controls_normal.fforward_panel"								/>

				<Shortcut name="stop"				target="controls_normal.stop_panel.stop"							/>
				<Shortcut name="stop_disabled"		target="controls_normal.stop_panel.stop_disabled"					/>
				<Shortcut name="stop_panel"			target="controls_normal.stop_panel"									/>
				<Shortcut name="record"				target="controls_normal.record_panel.record"						/>
				<Shortcut name="record_disabled"	target="controls_normal.record_panel.record_disabled"				/>
				<Shortcut name="record_panel"		target="controls_normal.record_panel"								/>

				<Shortcut name="seekbar"			target="controls_slider.seekbar"									/>
				
				<Shortcut name="volume"				target="controls_normal.volume_panel.volume"						/>
				<Shortcut name="volume_panel"		target="controls_normal.volume_panel"								/>
				
				<Shortcut name="mute"				target="controls_normal.mute_panel.mute"							/>
				<Shortcut name="unmute"				target="controls_normal.mute_panel.unmute"							/>
				<Shortcut name="mute_panel"			target="controls_normal.mute_panel"									/>
				
				<Shortcut name="globalback"			target="controls_normal.globalback_panel.globalback_panel.globalback"	/>
				<Shortcut name="globalback_disabled" target="controls_normal.globalback_panel.globalback_panel.globalback_disabled"	/>
				<Shortcut name="globalback_panel"	target="controls_normal.globalback_panel"								/>
				<!-- Spacer -->
				<Panel width="0" height="4px" name="controls_spacer1"/>
				
				<!-- Seek Slider -->
				<HBox width="100%" height="21px" name="controls_slider">
					<Panel width="10px" height="0" name="slider_spacer1"/>
					<HBox name="seekbar" width="*" height="100%" style="style.playercontrols.large.seekbar">
						<Image width="2px" height="100%" source="Graphics\BG_PlayerControls\large_slider_left.png" name="image_slider_left"/>
						<Slider style="style.playercontrols.large.seekbar" name="slider" width="*" height="21px" thumbElement="movePanel" focusable="false"> <!-- NOFACTOR width="800"? -->
							<Panel width="16px" height="100%" name="movePanel" style="style.playercontrols.large.seekbar.thumb"/>
						</Slider>
						<Image width="2px" height="100%" source="Graphics\BG_PlayerControls\large_slider_right.png" name="image_slider_right"/>
					</HBox>
					<Panel width="10px" height="0" name="slider_spacer2"/>
					<Label name="label_position" width="auto" height="100%" text-alignment-vertical="center" text="0:00" style="style.player.osd.label" />
					<Label width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" text="/" style="style.player.osd.label.light" name="slash"/>
					<Label name="label_duration" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="center" text="0:00" style="style.player.osd.label" />
					<Panel width="10px" height="0" name="slider_spacer3"/>
				</HBox>
				
				<!-- Spacer -->
				<Panel width="0" height="2px" name="controls_spacer2"/>
			
				<!-- Controls -->
				<HBox width="100%" height="*" name="controls_normal">
					<!-- Spacer -->
					<Panel width="10px" height="0" name="spacer"/>
					<Image width="4px" height="100%" alignment-vertical="bottom" source="Graphics\Icons_PlayerControls\separator.png" name="separator1"/>
					
					<!-- Play / Pause -->
					<Panel name="play_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="pause_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause_disabled.png" active="false" focusable="false" />
						<ImageButton name="pause" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause.png" hoverSource="Graphics\Icons_PlayerControls\pause_active.png" focusable="false" />
						<ImageButton name="play" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\play.png" hoverSource="Graphics\Icons_PlayerControls\play_active.png" focusable="false" />
					</Panel>
					
					<!-- Stop -->
					<Panel name="stop_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="stop_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop_disabled.png" active="false" focusable="false" />
						<ImageButton name="stop" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop.png" hoverSource="Graphics\Icons_PlayerControls\stop_active.png" focusable="false" />
					</Panel>
					
					<!-- Record -->
					<Panel name="record_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="record_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record_disabled.png" active="false" focusable="false" />
						<ImageButton name="record" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record.png" hoverSource="Graphics\Icons_PlayerControls\record_active.png" focusable="false" />
					</Panel>
					
					<!-- Previous / Next -->
					<Panel name="previous_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="previous_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward_disabled.png" active="false" focusable="false" />
						<ImageButton name="previous" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward.png" hoverSource="Graphics\Icons_PlayerControls\backward_active.png" focusable="false" />
					</Panel>
					<Panel name="next_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="next_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward_disabled.png" active="false" focusable="false" />
						<ImageButton name="next" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward.png" hoverSource="Graphics\Icons_PlayerControls\forward_active.png" focusable="false" />
					</Panel>
					
					<!-- Fast Backward / Fast Forward -->
					<Panel name="rewind_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="rewind_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward_disabled.png" active="false" focusable="false" />
						<ImageButton name="rewind" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward.png" hoverSource="Graphics\Icons_PlayerControls\fastbackward_active.png" focusable="false" />
						<!-- <Label name="rw_speed" width="93%" height="33%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label" /> -->
					</Panel>
					<Panel name="fforward_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="fforward_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward_disabled.png" active="false" focusable="false" />
						<ImageButton name="fforward" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward.png" hoverSource="Graphics\Icons_PlayerControls\fastforward_active.png" focusable="false" />
						<!-- <Label name="ff_speed" width="93%" height="33%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label" /> -->
					</Panel>
					
					<!-- Channel Up / Channel Down -->
					<Panel name="channelup_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="channelup_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup_disabled.png" active="false" focusable="false" />
						<ImageButton name="channelup" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup.png" hoverSource="Graphics\Icons_PlayerControls\channelup_active.png" focusable="false" />
					</Panel>
					<Panel name="channeldown_panel" width="55px" height="100%" style="style.playercontrols.item">
						<ImageButton name="channeldown_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown_disabled.png" active="false" focusable="false" />
						<ImageButton name="channeldown" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown.png" hoverSource="Graphics\Icons_PlayerControls\channeldown_active.png" focusable="false" />
					</Panel>
					
					<!-- Mute -->
					<Panel width="10px" height="0" name="mute_spacer"/>
					<Panel name="mute_panel" y="5px" width="30px" height="30px">
						<ImageButton name="mute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_off.png" hoverSource="Graphics\Icons_PlayerControls\mute_off_active.png" focusable="false" />
						<ImageButton name="unmute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_on.png" hoverSource="Graphics\Icons_PlayerControls\mute_on_active.png" focusable="false" />
					</Panel>
					
					<!-- Volume -->
					<Panel name="volume_panel" y="10px" width="110px" height="20px">
						<Slider name="volume" width="110px" height="20px" thumbElement="movePanel" style="style.playercontrols.large.volume" focusable="false">
							<Panel width="5px" height="100%" name="movePanel" style="style.playercontrols.large.volume.thumb"/>
						</Slider>
					</Panel>
					
					<!-- Logo / Back -->
					<HBox name="globalback_panel" width="160px" height="100%" style="style.playercontrols.item" alignment-horizontal="right">
						
						<!-- Back -->
						<Panel y="8px" width="30px" height="30px" alignment-horizontal="right" name="globalback_panel">
							<ImageButton name="globalback_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\back.png" active="false" fillStyle="fit" focusable="false" />
							<ImageButton name="globalback" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\back.png" hoverSource="Graphics\Icons_PlayerControls\back_active.png" fillStyle="fit" focusable="false" />
						</Panel>
					</HBox>

				</HBox>
			</VBox>
			
		</PredefinedPanel>
		
		<!-- Player Controls: Normal -->
		<PredefinedPanel name="player_controls_normal" width="100%" height="100%">
			<Shortcut name="seekbar"			target="controls.controls_slider.seekbar"									/>
			<Shortcut name="label_position"		target="controls.controls_normal.labels.label_position"						/>
			<Shortcut name="label_duration"		target="controls.controls_normal.labels.label_duration"						/>


			<Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
			
			<!-- Activation Area -->
			<Panel name="pc_activation_area" width="100%" height="48px" active="true" alignment-vertical="bottom" />

			<!-- Control Bar -->
			<VBox name="controls" width="100%" height="48px" alignment-vertical="bottom" style="style.playercontrols.normal.background">
				<!-- Shortcuts -->
				<Shortcut name="previous"			target="controls_normal.previous_panel.previous"					/>
				<Shortcut name="previous_disabled"	target="controls_normal.previous_panel.previous_disabled"			/>
				<Shortcut name="previous_panel"		target="controls_normal.previous_panel"								/>
				<Shortcut name="next"				target="controls_normal.next_panel.next"							/>
				<Shortcut name="next_disabled"		target="controls_normal.next_panel.next_disabled"					/>
				<Shortcut name="next_panel"			target="controls_normal.next_panel"									/>

				<Shortcut name="channelup"			target="controls_normal.channelup_panel.channelup"					/>
				<Shortcut name="channelup_disabled"	target="controls_normal.channelup_panel.channelup_disabled"			/>
				<Shortcut name="channelup_panel"	target="controls_normal.channelup_panel"							/>

				<Shortcut name="channeldown"		target="controls_normal.channeldown_panel.channeldown"				/>
				<Shortcut name="channeldown_disabled" target="controls_normal.channeldown_panel.channeldown_disabled"	/>
				<Shortcut name="channeldown_panel"	target="controls_normal.channeldown_panel"							/>

				<Shortcut name="play"				target="controls_normal.play_panel.play"							/>
				<Shortcut name="pause"				target="controls_normal.play_panel.pause"							/>
				<Shortcut name="pause_disabled"		target="controls_normal.play_panel.pause_disabled"					/>
				<Shortcut name="play_panel"			target="controls_normal.play_panel"									/>

				<Shortcut name="rewind"				target="controls_normal.rewind_panel.rewind"						/>
				<Shortcut name="rewind_disabled"	target="controls_normal.rewind_panel.rewind_disabled"				/>
				<Shortcut name="rewind_panel"		target="controls_normal.rewind_panel"								/>

				<Shortcut name="fforward"			target="controls_normal.fforward_panel.fforward"					/>
				<Shortcut name="fforward_disabled"	target="controls_normal.fforward_panel.fforward_disabled"			/>
				<Shortcut name="fforward_panel"		target="controls_normal.fforward_panel"								/>

				<Shortcut name="stop"				target="controls_normal.stop_panel.stop"							/>
				<Shortcut name="stop_disabled"		target="controls_normal.stop_panel.stop_disabled"					/>
				<Shortcut name="stop_panel"			target="controls_normal.stop_panel"									/>
				<Shortcut name="record"				target="controls_normal.record_panel.record"						/>
				<Shortcut name="record_disabled"	target="controls_normal.record_panel.record_disabled"				/>
				<Shortcut name="record_panel"		target="controls_normal.record_panel"								/>

				<Shortcut name="seekbar"			target="controls_slider.seekbar"									/>
				
				<Shortcut name="volume"				target="controls_normal.volume_panel.volume"						/>
				<Shortcut name="volume_panel"		target="controls_normal.volume_panel"								/>
				
				<Shortcut name="mute"				target="controls_normal.mute_panel.mute"							/>
				<Shortcut name="unmute"				target="controls_normal.mute_panel.unmute"							/>
				<Shortcut name="mute_panel"			target="controls_normal.mute_panel"									/>
				
				
				<!-- Spacer -->
				<Panel width="0" height="3px" />
				
				<!-- Seek Slider -->
				<HBox width="100%" height="14px" name="controls_slider">
					<Panel width="10px" height="0" />
					<HBox name="seekbar" width="*" height="100%" style="style.playercontrols.normal.seekbar">
						<Image width="2px" height="100%" source="Graphics\BG_PlayerControls\normal_slider_left.png" />
						<Slider style="style.playercontrols.normal.seekbar" name="slider" width="*" height="14px" thumbElement="movePanel" focusable="false"> <!-- NOFACTOR width="800"? -->
							<Panel width="11px" height="100%" name="movePanel" style="style.playercontrols.normal.seekbar.thumb"/>
						</Slider>
						<Image width="2px" height="100%" source="Graphics\BG_PlayerControls\normal_slider_right.png" />
					</HBox>
					<Panel width="10px" height="0" />
				</HBox>
				
				<!-- Spacer -->
				<Panel width="0" height="1px" />
			
				<!-- Controls -->
				<HBox width="100%" height="*" name="controls_normal">
					<!-- Spacer -->
					<Panel width="10px" height="0" />
					<Image width="4px" height="100%" alignment-vertical="bottom" source="Graphics\Icons_PlayerControls\separator.png" />
					
					<!-- Play / Pause -->
					<Panel name="play_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="pause_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause_disabled.png" active="false" focusable="false" />
						<ImageButton name="pause" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause.png" hoverSource="Graphics\Icons_PlayerControls\pause_active.png" focusable="false" />
						<ImageButton name="play" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\play.png" hoverSource="Graphics\Icons_PlayerControls\play_active.png" focusable="false" />
					</Panel>
					
					<!-- Stop -->
					<Panel name="stop_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="stop_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop_disabled.png" active="false" focusable="false" />
						<ImageButton name="stop" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop.png" hoverSource="Graphics\Icons_PlayerControls\stop_active.png" focusable="false" />
					</Panel>
					
					<!-- Record -->
					<Panel name="record_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="record_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record_disabled.png" active="false" focusable="false" />
						<ImageButton name="record" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record.png" hoverSource="Graphics\Icons_PlayerControls\record_active.png" focusable="false" />
					</Panel>
					
					<!-- Previous / Next -->
					<Panel name="previous_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="previous_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward_disabled.png" active="false" focusable="false" />
						<ImageButton name="previous" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward.png" hoverSource="Graphics\Icons_PlayerControls\backward_active.png" focusable="false" />
					</Panel>
					<Panel name="next_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="next_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward_disabled.png" active="false" focusable="false" />
						<ImageButton name="next" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward.png" hoverSource="Graphics\Icons_PlayerControls\forward_active.png" focusable="false" />
					</Panel>
					
					<!-- Fast Backward / Fast Forward -->
					<Panel name="rewind_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="rewind_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward_disabled.png" active="false" focusable="false" />
						<ImageButton name="rewind" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward.png" hoverSource="Graphics\Icons_PlayerControls\fastbackward_active.png" focusable="false" />
						<!-- Label name="rw_speed" width="93%" height="45%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label.small" /-->
					</Panel>
					<Panel name="fforward_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="fforward_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward_disabled.png" active="false" focusable="false" />
						<ImageButton name="fforward" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward.png" hoverSource="Graphics\Icons_PlayerControls\fastforward_active.png" focusable="false" />
						<!-- Label name="ff_speed" width="93%" height="45%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label.small" /-->
					</Panel>
					
					<!-- Channel Up / Channel Down -->
					<Panel name="channelup_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="channelup_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup_disabled.png" active="false" focusable="false" />
						<ImageButton name="channelup" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup.png" hoverSource="Graphics\Icons_PlayerControls\channelup_active.png" focusable="false" />
					</Panel>
					<Panel name="channeldown_panel" width="36px" height="100%" style="style.playercontrols.item">
						<ImageButton name="channeldown_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown_disabled.png" active="false" focusable="false" />
						<ImageButton name="channeldown" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown.png" hoverSource="Graphics\Icons_PlayerControls\channeldown_active.png" focusable="false" />
					</Panel>
					
					<!-- Mute -->
					<Panel width="10px" height="0" />
					<Panel name="mute_panel" y="3px" width="20px" height="20px">
						<ImageButton name="mute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_off.png" hoverSource="Graphics\Icons_PlayerControls\mute_off_active.png" focusable="false" />
						<ImageButton name="unmute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_on.png" hoverSource="Graphics\Icons_PlayerControls\mute_on_active.png" focusable="false" />
					</Panel>
					
					<!-- Volume -->
					<Panel name="volume_panel" y="5px" width="75px" height="15px">
						<Slider name="volume" width="75px" height="15px" thumbElement="movePanel" style="style.playercontrols.normal.volume" focusable="false">
							<Panel width="5px" height="100%" name="movePanel" style="style.playercontrols.normal.volume.thumb"/>
						</Slider>
					</Panel>
					
					<HBox width="auto" height="100%" alignment-horizontal="right" name="labels">
						<Label name="label_position" width="auto" height="100%" text-alignment-vertical="center" text="0:00" style="style.player.osd.label" />
						<Label width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" text="/" style="style.player.osd.label.light" />
						<Label name="label_duration" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="center" text="0:00" style="style.player.osd.label" />
						<Panel width="10px" height="0" />
					</HBox>
				</HBox>
			</VBox>
			
		</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="23px" active="true" alignment-vertical="bottom" />
			
			<!-- Control Bar -->
			<HBox name="controls" width="100%" height="23px" style="style.playercontrols.small.background" alignment-vertical="bottom">
				<!-- 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="channelup"			target="channelup_panel.channelup"					/>
				<Shortcut name="channelup_disabled"	target="channelup_panel.channelup_disabled"			/>
				<Shortcut name="channeldown"		target="channeldown_panel.channeldown"				/>
				<Shortcut name="channeldown_disabled" target="channeldown_panel.channeldown_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="record"				target="record_panel.record"						/>
				<Shortcut name="record_disabled"	target="record_panel.record_disabled"				/>

				<!-- Controls -->
				<Panel name="play_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="pause_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause_disabled.png" active="false" focusable="false" />
					<ImageButton name="pause" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause.png" hoverSource="Graphics\Icons_PlayerControls\pause_active.png" focusable="false" />
					<ImageButton name="play" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\play.png" hoverSource="Graphics\Icons_PlayerControls\play_active.png" focusable="false" />
				</Panel>
				<Panel name="stop_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="stop_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop_disabled.png" active="false" focusable="false" />
					<ImageButton name="stop" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop.png" hoverSource="Graphics\Icons_PlayerControls\stop_active.png" focusable="false" />
				</Panel>
				<Panel name="record_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="record_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record_disabled.png" active="false" focusable="false" />
					<ImageButton name="record" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record.png" hoverSource="Graphics\Icons_PlayerControls\record_active.png" focusable="false" />
				</Panel>
				<Panel name="previous_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="previous_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward_disabled.png" active="false" focusable="false" />
					<ImageButton name="previous" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward.png" hoverSource="Graphics\Icons_PlayerControls\backward_active.png" focusable="false" />
				</Panel>
				<Panel name="next_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="next_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward_disabled.png" active="false" focusable="false" />
					<ImageButton name="next" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward.png" hoverSource="Graphics\Icons_PlayerControls\forward_active.png" focusable="false" />
				</Panel>
				<Panel name="rewind_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="rewind_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward_disabled.png" active="false" focusable="false" />
					<ImageButton name="rewind" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward.png" hoverSource="Graphics\Icons_PlayerControls\fastbackward_active.png" focusable="false" />
				</Panel>
				<Panel name="fforward_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="fforward_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward_disabled.png" active="false" focusable="false" />
					<ImageButton name="fforward" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward.png" hoverSource="Graphics\Icons_PlayerControls\fastforward_active.png" focusable="false" />
				</Panel>
				<Panel name="channelup_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="channelup_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup_disabled.png" active="false" focusable="false" />
					<ImageButton name="channelup" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup.png" hoverSource="Graphics\Icons_PlayerControls\channelup_active.png" focusable="false" />
				</Panel>
				<Panel name="channeldown_panel" width="27px" height="22px" style="style.playercontrols.item">
					<ImageButton name="channeldown_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown_disabled.png" active="false" focusable="false" />
					<ImageButton name="channeldown" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown.png" hoverSource="Graphics\Icons_PlayerControls\channeldown_active.png" focusable="false" />
				</Panel>

			</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">
				<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>
		
		<!-- 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>	
		
		<!-- 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.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.label.large" />
						<Label name="info_artist" text="" width="100%" height="30px" style="style.player.label.large" />
						<Label name="info_album" text="" width="100%" height="30px" style="style.player.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.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.label.large" />
						<Label name="info_artist" text="" width="100%" height="30px" style="style.player.label.large" />
						<Label name="info_album" text="" width="100%" height="30px" style="style.player.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">
				<Label name="info_title" width="100%" height="auto" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.label" />
				<Label name="info_artist" width="100%" height="auto" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.label.small" />
				<HBox width="100%" height="*">
					<Image name="image_cover" width="*" height="90%" source="Graphics\Icons_MediaCategory\audioandradio.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>
			</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="" style="style.player.slideshow" 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.arrowhorizontalstyle"
					arrowVerticalStyle="style.selection.arrowverticalstyle">
				</SelectionControl>	
			</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="" style="style.player.slideshow"  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" style="style.page.content.darken" 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 x="4" y="4"? -->
				<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 x="44" y="4"? -->
				<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"> <!-- NOFACTOR x="84" y="4"? -->
				<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" />
		    <HBox name="settings_content_root" width="100%" height="100%" style="style.page.content.darken">
				<Panel width="15px" height="0" />
				<VBox width="*" height="100%">
					<Panel width="0" height="5px" />
					<VBox name="settings_content" width="100%" height="*" />
					<Panel width="0" height="5px" />
				</VBox>
				<!--If your options do not fit the area, use the following
					scrollable panel instead of the vbox above: -->
				<!--
				<ScrollablePanel name="settings_container" width="*" height="100%"
						verticalScrollBar="vertical_scroll"
						focusable="false">
					<ScrollableArea width="100%" height="100%" name="settings_scrollable_area">
						<VBox name="settings_content" width="100%" height="auto">
							<Panel width="0" height="5px" />
						</VBox>
					</ScrollableArea>
					<ScrollBar name="vertical_scroll" width="100%" height="100%"
							   minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down"
							   scrollEvent="hover" scrollStep="10">
						<VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
							<Panel width="0" height="3px" />
							<ImageButton name="scroll_up" x="3px" width="24px" height="24px"
										 source="Graphics\Icons_Content\scrollup.png"
										 hoverSource="Graphics\Icons_Content\scrollup_hover.png"
										 disabledSource="Graphics\empty.png"
										 focusable="false"/>
							<Panel width="0" height="*" />
							<ImageButton name="scroll_down" x="3px" width="24px" height="24px"
										 source="Graphics\Icons_Content\scrolldown.png"
										 hoverSource="Graphics\Icons_Content\scrolldown_hover.png"
										 disabledSource="Graphics\empty.png"
										 focusable="false"/>
							<Panel width="0" height="3px" />
						</VBox>
					</ScrollBar>
				</ScrollablePanel>
				-->
				<Panel width="15px" height="0" />
			</HBox>
		</PredefinedPanel>

		<PredefinedPanel name="settings_content_spacer" width="100%" height="10px">
			<Panel width="100%" height="100%" />
		</PredefinedPanel>

		<PredefinedPanel name="settings_content_list" width="100%" height="45px">
			<VBox width="100%" height="100%">
				<HBox width="100%" height="20px">
					<Panel width="50px" height="100%" />
					<Label name="listcaption" width="auto" y="0px" height="20px" style="style.settings.label" text="" text-alignment-vertical="center"/>
				</HBox>
				<HBox name="container" width="100%" height="25px">				
					<Button name="button_down" y="2px" width="20px" height="20px" style="style.settings.list.down" hoverStyle="style.settings.list.down.hovered" >
						<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"  >
						<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="20px" 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="*" height="100%" x="30px" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center"  /> <!-- NOFACTOR width="1" x="30"? -->
				</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="25px" height="20px" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" > <!-- NOFACTOR y="2"? -->
					<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>
				<Panel width="5px" 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="100%" 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="30px">
			<HBox name="container" width="100%" height="100%">
				<Panel width="50px" height="0" />
				<Button name="button" width="*" height="100%" style="style.settings.button" hoverStyle="style.settings.button.hovered">
					<HBox width="100%" height="100%">
						<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
						<Label name="label" width="*" height="100%" style="style.settings.button.label" disabledStyle="style.settings.button.label.disabled" hoverStyle="style.settings.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
						<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
					</HBox>
				</Button>
			</HBox>
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_content_custom_favorite_transitions" width="100%" height="100%">
		
			<ListView name="listview" x="0" y="0" width="100%" height="95%" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">			
				
				<ListViewItems name="list_view_items" multiSelect="false" keepFocusInside="false"
					x="0" y="0" width="100%" height="100%" virtual="true"
				/>

				<ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
					<VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
						<Panel width="0" height="8px" />
						<ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="*" />
						<ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
						<Panel width="0" height="8px" />
					</VBox>
				</ScrollBar>

			</ListView> 
		</PredefinedPanel>
		
		<PredefinedPanel name="settings_favorite_transition_listviewitem" width="100%" height="30px">
			<HBox name="container" height="100%" width="100%" 
				default-child-alignment-vertical="center" 
				style="style.filebrowser.listview.item" 
				hoverStyle="style.filebrowser.listview.item.hovered" 
				selectedStyle="style.filebrowser.listview.item.selected" 
				hoverSelectedStyle="style.filebrowser.listview.item.hoveredselected"
				>
				<Panel width="6px" height="0" />
				<CheckBox name="checkbox" y="0" 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" 
					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="36px" height="0" />
			</HBox>
		</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"? -->
			<Panel name="field" width="95%" height="30px" x="2px" y="32px" />
			<Panel name="operator" width="95%" height="30px" x="2px" y="62px" />
			<EditControl name="value" width="95%" height="25px" x="2px" y="97px" 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="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<Button name="button1" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button2" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button3" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button4" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<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="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<Button name="button1" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button2" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button3" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button4" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<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="30px" 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="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
						<Button name="button1" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button2" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button3" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="button4" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<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="25px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
					<Panel width="0" height="20px" />
					<HBox name="buttons" width="100%" height="30px" 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">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<Button name="Cancel" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CANCEL">
							<HBox width="100%" height="100%">
								<Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
								<Label name="label" width="*" 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" />
								<Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
							</HBox>
						</Button>
						<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="30px" 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%" >
			<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.main_vertical_order.icon_bar.icon_play"/>
			<Shortcut name="icon_record" target="OSD_main.main_vertical_order.icon_bar.icon_record"/>
			<Shortcut name="icon_pause" target="OSD_main.main_vertical_order.icon_bar.icon_pause"/>
			<Shortcut name="icon_stop" target="OSD_main.main_vertical_order.icon_bar.icon_stop"/>
			<Shortcut name="icon_fforward" target="OSD_main.main_vertical_order.icon_bar.icon_fforward"/>
			<Shortcut name="icon_rewind" target="OSD_main.main_vertical_order.icon_bar.icon_rewind"/>
			<Shortcut name="icon_next" target="OSD_main.main_vertical_order.icon_bar.icon_next"/>
			<Shortcut name="icon_previous" target="OSD_main.main_vertical_order.icon_bar.icon_previous"/>
			<Shortcut name="label_speed" target="OSD_main.main_vertical_order.icon_bar.label_speed"/>
			<Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
			<Shortcut name="label_Chapter" target="OSD_main.main_vertical_order.label_bar.label_Chapter"/>
			<Shortcut name="label_Title" target="OSD_main.main_vertical_order.label_bar.label_Title"/>
			<Shortcut name="label_TimePos" target="OSD_main.main_vertical_order.label_bar.label_TimePos"/>
			<Shortcut name="label_LangInfo" target="OSD_main.main_vertical_order.label_bar.label_LangInfo"/>
			<Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
				
				<!-- Mute / Unmute stays in the upper left corner -->
				<Image name="icon_mute" width="20px" height="20px" source="Graphics\Icons_OSD\mute_on.png" visible="false" />
				<Image name="icon_unmute" width="20px" height="20px" source="Graphics\Icons_OSD\mute_off.png" visible="false" />

				<!-- All the rest but the volume is shown in the upper right one -->				
				<VBox name="main_vertical_order" width="100%" height="100%" default-child-alignment-horizontal="right">
					<HBox name="icon_bar" width="100%" height="20px" active="false" hgap="10px" default-child-alignment-horizontal="right">
						<Image name="icon_play" width="20px" height="20px" source="Graphics\Icons_OSD\play.png" visible="false" />
						<Image name="icon_record" width="20px" height="20px" source="Graphics\Icons_OSD\record.png" visible="false" />
						<Image name="icon_pause" width="20px" height="20px" source="Graphics\Icons_OSD\pause.png" visible="false" />
						<Image name="icon_stop" width="20px" height="20px" source="Graphics\Icons_OSD\stop.png" visible="false" />
						<Label name="label_speed" width="auto" height="20px" text="" style="style.OSD.label.minimized"  active="false" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Image name="icon_fforward" width="20px" height="20px" source="Graphics\Icons_OSD\fforward.png" visible="false" />
						<Image name="icon_rewind" width="20px" height="20px" source="Graphics\Icons_OSD\rewind.png" visible="false" />
						<Image name="icon_next" width="20px" height="20px" source="Graphics\Icons_OSD\next.png" visible="false" />
						<Image name="icon_previous" width="20px" height="20px" source="Graphics\Icons_OSD\previous.png" visible="false" />
					</HBox>
					<VBox name="label_bar" width="100%" height="auto" default-child-alignment-horizontal="right">
						<Label name="label_TimePos" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_Chapter" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_Title" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_LangInfo" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
					</VBox>
				</VBox>
				
				<!-- The volume bar is shown at the botton -->
				<HBox name="freetype_volume" width="143px" height="20px" alignment-horizontal="center" alignment-vertical="bottom" visible="false">
					<Image width="33px" height="20px" source="Graphics\BG_OSD\small_volume_left.png" />
					<Slider name="volume" width="110px" height="20px" active="false" thumbElement="movePanel" style="style.OSD.minimized.volume">
						<Panel name="movePanel" width="5px" height="100%" visible="false" style="style.OSD.minimized.volume.thumb" />
					</Slider>
				</HBox>
			</Panel>
		</PredefinedPanel>
		
		<PredefinedPanel name="OSD_normal" width="100%" height="100%" >
			<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.main_vertical_order.icon_bar.icon_play"/>
			<Shortcut name="icon_record" target="OSD_main.main_vertical_order.icon_bar.icon_record"/>
			<Shortcut name="icon_pause" target="OSD_main.main_vertical_order.icon_bar.icon_pause"/>
			<Shortcut name="icon_stop" target="OSD_main.main_vertical_order.icon_bar.icon_stop"/>
			<Shortcut name="icon_fforward" target="OSD_main.main_vertical_order.icon_bar.icon_fforward"/>
			<Shortcut name="icon_rewind" target="OSD_main.main_vertical_order.icon_bar.icon_rewind"/>
			<Shortcut name="icon_next" target="OSD_main.main_vertical_order.icon_bar.icon_next"/>
			<Shortcut name="icon_previous" target="OSD_main.main_vertical_order.icon_bar.icon_previous"/>
			<Shortcut name="label_speed" target="OSD_main.main_vertical_order.icon_bar.label_speed"/>
			<Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
			<Shortcut name="label_Chapter" target="OSD_main.main_vertical_order.label_bar.label_Chapter"/>
			<Shortcut name="label_Title" target="OSD_main.main_vertical_order.label_bar.label_Title"/>
			<Shortcut name="label_TimePos" target="OSD_main.main_vertical_order.label_bar.label_TimePos"/>
			<Shortcut name="label_LangInfo" target="OSD_main.main_vertical_order.label_bar.label_LangInfo"/>
			<Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
				
				<!-- Mute / Unmute stays in the upper left corner -->
				<Image name="icon_mute" width="40px" height="40px" source="Graphics\Icons_OSD\mute_on.png" visible="false" />
				<Image name="icon_unmute" width="40px" height="40px" source="Graphics\Icons_OSD\mute_off.png" visible="false" />

				<!-- All the rest but the volume is shown in the upper right one -->				
				<VBox name="main_vertical_order" width="100%" height="100%" default-child-alignment-horizontal="right">
					<HBox name="icon_bar" width="100%" height="40px" active="false" hgap="10px" default-child-alignment-horizontal="right">
						<Image name="icon_play" width="40px" height="40px" source="Graphics\Icons_OSD\play.png" visible="false" />
						<Image name="icon_record" width="40px" height="40px" source="Graphics\Icons_OSD\record.png" visible="false" />
						<Image name="icon_pause" width="40px" height="40px" source="Graphics\Icons_OSD\pause.png" visible="false" />
						<Image name="icon_stop" width="40px" height="40px" source="Graphics\Icons_OSD\stop.png" visible="false" />
						<Label name="label_speed" width="auto" height="40px" text="" style="style.OSD.label.normal"  active="false" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Image name="icon_fforward" width="40px" height="40px" source="Graphics\Icons_OSD\fforward.png" visible="false" />
						<Image name="icon_rewind" width="40px" height="40px" source="Graphics\Icons_OSD\rewind.png" visible="false" />
						<Image name="icon_next" width="40px" height="40px" source="Graphics\Icons_OSD\next.png" visible="false" />
						<Image name="icon_previous" width="40px" height="40px" source="Graphics\Icons_OSD\previous.png" visible="false" />
					</HBox>
					<VBox name="label_bar" width="100%" height="auto" default-child-alignment-horizontal="right">
						<Label name="label_TimePos" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_Chapter" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_Title" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_LangInfo" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
					</VBox>
				</VBox>
				
				<!-- The volume bar is shown at the botton -->
				<HBox name="freetype_volume" width="337px" height="40px" alignment-horizontal="center" alignment-vertical="bottom" visible="false">
					<Image width="67px" height="40px" source="Graphics\BG_OSD\normal_volume_left.png" />
					<Slider name="volume" width="270px" height="40px" active="false" thumbElement="movePanel" style="style.OSD.normal.volume">
						<Panel name="movePanel" width="5px" height="100%" visible="false" style="style.OSD.normal.volume.thumb" />
					</Slider>
				</HBox>
			</Panel>
		</PredefinedPanel>
		
		<PredefinedPanel name="OSD_fullscreen" width="100%" height="100%" >
			<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.main_vertical_order.icon_bar.icon_play"/>
			<Shortcut name="icon_record" target="OSD_main.main_vertical_order.icon_bar.icon_record"/>
			<Shortcut name="icon_pause" target="OSD_main.main_vertical_order.icon_bar.icon_pause"/>
			<Shortcut name="icon_stop" target="OSD_main.main_vertical_order.icon_bar.icon_stop"/>
			<Shortcut name="icon_fforward" target="OSD_main.main_vertical_order.icon_bar.icon_fforward"/>
			<Shortcut name="icon_rewind" target="OSD_main.main_vertical_order.icon_bar.icon_rewind"/>
			<Shortcut name="icon_next" target="OSD_main.main_vertical_order.icon_bar.icon_next"/>
			<Shortcut name="icon_previous" target="OSD_main.main_vertical_order.icon_bar.icon_previous"/>
			<Shortcut name="label_speed" target="OSD_main.main_vertical_order.icon_bar.label_speed"/>
			<Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
			<Shortcut name="label_Chapter" target="OSD_main.main_vertical_order.label_bar.label_Chapter"/>
			<Shortcut name="label_Title" target="OSD_main.main_vertical_order.label_bar.label_Title"/>
			<Shortcut name="label_TimePos" target="OSD_main.main_vertical_order.label_bar.label_TimePos"/>
			<Shortcut name="label_LangInfo" target="OSD_main.main_vertical_order.label_bar.label_LangInfo"/>
			<Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
				
				<!-- Mute / Unmute stays in the upper left corner -->
				<Image name="icon_mute" width="60px" height="60px" source="Graphics\Icons_OSD\mute_on.png" visible="false" />
				<Image name="icon_unmute" width="60px" height="60px" source="Graphics\Icons_OSD\mute_off.png" visible="false" />

				<!-- All the rest but the volume is shown in the upper right one -->				
				<VBox name="main_vertical_order" width="100%" height="100%" default-child-alignment-horizontal="right">
					<HBox name="icon_bar" width="100%" height="60px" active="false" hgap="10px" default-child-alignment-horizontal="right">
						<Image name="icon_play" width="60px" height="60px" source="Graphics\Icons_OSD\play.png" visible="false" />
						<Image name="icon_record" width="60px" height="60px" source="Graphics\Icons_OSD\record.png" visible="false" />
						<Image name="icon_pause" width="60px" height="60px" source="Graphics\Icons_OSD\pause.png" visible="false" />
						<Image name="icon_stop" width="60px" height="60px" source="Graphics\Icons_OSD\stop.png" visible="false" />
						<Label name="label_speed" width="auto" height="60px" text="" style="style.OSD.label.fullscreen"  active="false" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Image name="icon_fforward" width="60px" height="60px" source="Graphics\Icons_OSD\fforward.png" visible="false" />
						<Image name="icon_rewind" width="60px" height="60px" source="Graphics\Icons_OSD\rewind.png" visible="false" />
						<Image name="icon_next" width="60px" height="60px" source="Graphics\Icons_OSD\next.png" visible="false" />
						<Image name="icon_previous" width="60px" height="60px" source="Graphics\Icons_OSD\previous.png" visible="false" />
					</HBox>
					<VBox name="label_bar" width="100%" height="auto" default-child-alignment-horizontal="right">
						<Label name="label_TimePos" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_Chapter" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_Title" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
						<Label name="label_LangInfo" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
					</VBox>
				</VBox>
				
				<!-- The volume bar is shown at the botton -->
				<HBox name="freetype_volume" width="600px" height="60px" alignment-horizontal="center" alignment-vertical="bottom" visible="false">
					<Image width="100px" height="60px" source="Graphics\BG_OSD\large_volume_left.png" />
					<Slider name="volume" width="500px" height="60px" active="false" thumbElement="movePanel" style="style.OSD.large.volume">
						<Panel name="movePanel" width="5px" height="100%" visible="false" style="style.OSD.large.volume.thumb" />
					</Slider>
				</HBox>
			</Panel>
		</PredefinedPanel>

		<!-- The windowtitlebar is always present in the normal view, so there is no "windowbar_activation" panel -->
 		<PredefinedPanel name="windowtitlebar" width="100%" height="100%" > <!-- hint="$windowbar" -->
 			<VBox name="windowbar" width="100%" height="100%" alignment-vertical="bottom" default-child-alignment-vertical="bottom" visible="false">
				<HBox name="headercontrols" width="150px" height="60px" alignment-horizontal="right" default-child-alignment-horizontal="right">				
					<Panel width="2px" height="0" />
					<!-- Minimize, Maximize and Close -->
					<Panel width="10px" height="0" />
					<Button y="22px" name="button_minimize" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
						<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\minimize.png" />
					</Button>
					<Panel width="2px" height="0" />
					<Button y="22px" name="button_maximize" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
						<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\maximize.png" />
					</Button>
					<Button y="22px" name="button_restore" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
						<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\restore.png" />
					</Button>
					<Panel width="2px" height="0" />
					<Button y="22px" name="button_close" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
						<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\close.png" />
					</Button>
					<!-- Power button currently not supported
					<Panel width="2px" height="0" />
					<Button y="22px" name="button_power" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" focusable="false">
						<Image name="icon" x="2" y="2" width="20px" height="20px" source="Graphics\Icons_Handlers\power.png" />
					</Button>
					-->
					<!-- Spacer to the right -->
					<Panel width="20px" height="0" />
				</HBox>
 			</VBox>
		</PredefinedPanel>
		
		<!-- The windowtitlebar should autohide in the fullscreen view, so the "windowbar_activation" panel is present -->
 		<PredefinedPanel name="windowtitlebar_fullscreen" width="100%" height="100%" >
 			<!-- Note: the activation area is smaller than the actual bar
 			     because otherwise it overlaps the logo -->
 			<Panel name="windowbar_activation" width="100%" height="50px" alignment-vertical="top" active="true" />
 			<Panel name="windowbar" width="100%" height="60px" alignment-vertical="top" visible="false">
 					<HBox name="header" width="100%" height="100%" style="style.page.header" alignment-vertical="top" active="true">			
						<!-- Header Controls (right aligned) -->
						<HBox name="headercontrols" y="0" width="150px" height="60px" style="style.page.header.controls" alignment-horizontal="right" default-child-alignment-horizontal="right">				
												
							<!-- Rest of the header controls -->
							<Panel width="2px" height="0" />
																	
							<!-- Minimize, Maximize and Close -->
							<Panel width="10px" height="0" />
							<Button y="22px" name="button_minimize" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
								<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\minimize_fullscreen.png" />
							</Button>
							<Panel width="2px" height="0" />
							<Button y="22px" name="button_maximize" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
								<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\maximize_fullscreen.png" />
							</Button>
							<Button y="22px" name="button_restore" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
								<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\restore_fullscreen.png" />
							</Button>
							<Panel width="2px" height="0" />
							<Button y="22px" name="button_close" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
								<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\close_fullscreen.png" />
							</Button>
							<!-- Power button currently not supported
							<Panel width="2px" height="0" />
							<Button y="22px" name="button_power" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
								<Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\power_fullscreen.png" />
							</Button>
							-->
							<!-- Spacer to the right -->
							<Panel width="25px" height="0" />
						</HBox>
					</HBox>

			</Panel>
		</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" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover" scrollStep="10">
							<VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
								<Panel width="0" height="3px" />
								<ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
								<Panel width="0" height="*" />
								<ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
								<Panel width="0" height="3px" />
							</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.exportslideshow">
			
				<HBox name="controls" width="100%" height="20px" style="style.playercontrols.minimized.background" alignment-vertical="top" default-child-alignment-vertical="center">
					<Label name="export_slideshow_title" width="*" height="100%" text="" style="style.exportslideshow.title" text-alignment-horizontal="center" text-alignment-vertical="center" />  <!-- NOFACTOR width="1"? -->
				</HBox>

				<Panel name="export_slideshow_preview_panel" height="*" width="100%">
					<Label name="export_slideshow_please_wait" width="100%" height="100%" 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>
				<Panel height="3px" width="0" />
				
				<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="30px">
			<Button name="item" width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered">
				<HBox width="100%" height="100%" default-child-alignment-horizontal="right">
					<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="checkbox" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
					<Image name="icon" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
					<Image name="navigate" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
					<Image name="colorkey" width="10px" height="100%" 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\Logo\logo.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.player.label.large.light" />
			</VBox>
		</PredefinedPanel>

		<PredefinedPanel name="nmap_burn_disc" width="100%" height="100%">
			<VBox name="nmb_panel_burning_disc" width="100%" height="100%" visible="true">
				<Image name="discimage" width="100%" height="50%" source="Graphics\Logo\logo.png" fillStyle="fit" />
				<Label name="label_pleasewait" width="100%" height="30px" textID="IDS_BURNING_DISC" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.large.light" />
				<Label name="label_logline" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.small" />
				<Label name="label_phase" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.small" />
				<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">
		
			<!-- Layout is a copy of the favorite-transition icon list view -->
			<HBox width="100%" height="100%">
				<Panel name="item" x="0" y="0" width="*" height="100%"
					style="style.filebrowser.listview.small.item" 
					hoverStyle="style.filebrowser.listview.small.item.hovered" 
					selectedStyle="style.filebrowser.listview.small.item.selected" 
					hoverSelectedStyle="style.filebrowser.listview.small.item.hoveredselected"
					>
					
					<!-- background (3 parts - start - fill - fadeout) -->
					<HBox height="100%" width="100%">
						<Panel width="8px" height="100%"
							style="style.filebrowser.listview.small.background.left"
							selectedStyle="style.filebrowser.listview.small.background.selected.left"
							hoverStyle="style.filebrowser.listview.small.background.hovered.left"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.left"
							/>
						<Panel width="*" height="100%"
							style="style.filebrowser.listview.small.background"
							selectedStyle="style.filebrowser.listview.small.background.selected"
							hoverStyle="style.filebrowser.listview.small.background.hovered"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected"
							/>
						<Panel width="140px" height="100%"
							style="style.filebrowser.listview.small.background.right"
							selectedStyle="style.filebrowser.listview.small.background.selected.right"
							hoverStyle="style.filebrowser.listview.small.background.hovered.right"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.right"
							/>
					</HBox>
					
					<!-- separator line (3 parts - start - fill - fadeout) -->
					<HBox y="34px" height="3px" width="100%">
						<Panel width="60px" height="3px" style="style.listview.seperator.line.fadein" />
						<Panel width="*" height="3px" style="style.listview.seperator.line.stretch" />
						<Panel width="60px" height="3px" style="style.listview.seperator.line.fadeout" />
					</HBox>
					
					<!-- 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>
				</Panel>
				<Panel width="30px" height="0" />
			</HBox>
			
		</PredefinedPanel>
		
		<PredefinedPanel name="tv_epg_list_listviewitem" width="100%" height="36px">
		
			<!-- Layout is a copy of the favorite-transition icon list view -->
			<HBox width="100%" height="100%">
				<Panel name="item" x="0" y="0" width="*" height="100%"
					style="style.filebrowser.listview.small.item" 
					hoverStyle="style.filebrowser.listview.small.item.hovered" 
					selectedStyle="style.filebrowser.listview.small.item.selected" 
					hoverSelectedStyle="style.filebrowser.listview.small.item.hoveredselected"
					>
					
					<!-- background (3 parts - start - fill - fadeout) -->
					<HBox height="100%" width="100%">
						<Panel width="8px" height="100%"
							style="style.filebrowser.listview.small.background.left"
							selectedStyle="style.filebrowser.listview.small.background.selected.left"
							hoverStyle="style.filebrowser.listview.small.background.hovered.left"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.left"
							/>
						<Panel width="*" height="100%"
							style="style.filebrowser.listview.small.background"
							selectedStyle="style.filebrowser.listview.small.background.selected"
							hoverStyle="style.filebrowser.listview.small.background.hovered"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected"
							/>
						<Panel width="140px" height="100%"
							style="style.filebrowser.listview.small.background.right"
							selectedStyle="style.filebrowser.listview.small.background.selected.right"
							hoverStyle="style.filebrowser.listview.small.background.hovered.right"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.right"
							/>
					</HBox>
					
					<!-- separator line (3 parts - start - fill - fadeout) -->
					<HBox y="34px" height="3px" width="100%">
						<Panel width="60px" height="3px" style="style.listview.seperator.line.fadein" />
						<Panel width="*" height="3px" style="style.listview.seperator.line.stretch" />
						<Panel width="60px" height="3px" style="style.listview.seperator.line.fadeout" />
					</HBox>
					
					<!-- 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>
				</Panel>
				<Panel width="30px" height="0" />
			</HBox>
			
		</PredefinedPanel>
		
		
		<!-- 
			for epg-settings. 
		-->		
		<PredefinedPanel name="tv_epg_settings" width="100%" height="100%">
			<ListView name="tv_epg_settings_listview" 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"/>
				
				<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" >
							<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>
	
			</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">
		
			<!-- Layout is a copy of the favorite-transition icon list view -->
			<HBox width="100%" height="100%">
				<Panel name="item" x="0" y="0" width="*" height="100%"
					style="style.filebrowser.listview.small.item" 
					hoverStyle="style.filebrowser.listview.small.item.hovered" 
					selectedStyle="style.filebrowser.listview.small.item.selected" 
					hoverSelectedStyle="style.filebrowser.listview.small.item.hoveredselected"
					>
					
					<!-- background (3 parts - start - fill - fadeout) -->
					<HBox height="100%" width="100%">
						<Panel width="8px" height="100%"
							style="style.filebrowser.listview.small.background.left"
							selectedStyle="style.filebrowser.listview.small.background.selected.left"
							hoverStyle="style.filebrowser.listview.small.background.hovered.left"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.left"
							/>
						<Panel width="*" height="100%"
							style="style.filebrowser.listview.small.background"
							selectedStyle="style.filebrowser.listview.small.background.selected"
							hoverStyle="style.filebrowser.listview.small.background.hovered"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected"
							/>
						<Panel width="140px" height="100%"
							style="style.filebrowser.listview.small.background.right"
							selectedStyle="style.filebrowser.listview.small.background.selected.right"
							hoverStyle="style.filebrowser.listview.small.background.hovered.right"
							hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.right"
							/>
					</HBox>
					
					<!-- separator line (3 parts - start - fill - fadeout) -->
					<HBox y="34px" height="3px" width="100%">
						<Panel width="60px" height="3px" style="style.listview.seperator.line.fadein" />
						<Panel width="*" height="3px" style="style.listview.seperator.line.stretch" />
						<Panel width="60px" height="3px" style="style.listview.seperator.line.fadeout" />
					</HBox>
					
					<!-- 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>
				</Panel>
				<Panel width="30px" height="0" />
			</HBox>
			
		</PredefinedPanel>
		
	
 	</Predefinitions>
 	
 	
	<Templates>

		<Template name="vspacer">
			<Panel name="adjustablevspacer" width="0" height="%HEIGHT%" />
		</Template>

	</Templates>

	
</NMUIDefinition>

<!-- 
    hints to define:
        $header    = welcome.corepanel.header
        $home      = welcome.corepanel.header.button_home
        $back      = welcome.corepanel.hbox.vbox.visible_screen.content_header.button_back
        $menu      = welcome.corepanel.hbox.vbox.visible_screen.root.main_area.hbox.menu_area
        $content   = welcome.corepanel.hbox.vbox.visible_screen.root.main_area.hbox.content
        $main      = welcome.corepanel.hbox.vbox.visible_screen.root.main_area
        $minimized = welcome.corepanel.hbox.vbox.visible_screen.minimized_task
        $windowbar = welcome.windowtitlebar.windowbar
-->
