<?xml version="1.0" encoding="utf-8"?>
<UserControl mc:Ignorable="d" x:Class="SilverTunes.Page" KeyDown="coverFlow_KeyDown" d:DesignWidth="1029" d:DesignHeight="631" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:System="clr-namespace:System;assembly=mscorlib">

    <UserControl.Resources>
        <Storyboard x:Name="sbSpinner" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="spinner" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                <SplineDoubleKeyFrame KeyTime="00:00:02" Value="360" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <ControlTemplate TargetType="Button" x:Key="SimpleButton">
            <Grid x:Name="Root">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="MouseOver">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)" To="1" Duration="0:0:0.1" />
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Normal">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)" To="0.5" Duration="0:0:0.1" />
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Pressed">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)" To="0.75" Duration="0:0:0.1" />
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <ContentPresenter />
            </Grid>
        </ControlTemplate>

        <Style TargetType="TextBox" x:Key="TextBoxStyle">
            <Setter Property="SelectionBackground">
                <Setter.Value>
                    <SolidColorBrush Color="Blue" Opacity="0.3" />
                </Setter.Value>
            </Setter>
            <Setter Property="SelectionForeground" Value="Black" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="3">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.504,0.483" StartPoint="0.504,-0.4">
                                    <GradientStop Color="#FFB4DDFF" Offset="0.524" />
                                    <GradientStop Color="#FFFCFCFC" Offset="1" />
                                    <GradientStop Color="#FFDDEEFD" Offset="0.688" />
                                </LinearGradientBrush>
                            </Border.Background>
                            <ScrollViewer Margin="5,-3,0,0" x:Name="ContentElement" BorderThickness="0" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>


        <Style TargetType="ListBox" x:Key="SongsList">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBox">
                        <Grid>
                            <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}" BorderThickness="0">
                                <ItemsPresenter />
                            </ScrollViewer>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="ListBoxItem" x:Name="SongsListItem">
            <Setter Property="IsEnabled" Value="true" />
            <Setter Property="Foreground" Value="#FF000000" />
            <Setter Property="HorizontalContentAlignment" Value="Left" />
            <Setter Property="VerticalContentAlignment" Value="Top" />
            <Setter Property="Cursor" Value="Arrow" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Padding" Value="2,0,0,0" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid Background="{TemplateBinding Background}">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="HoverOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.75" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="HoverOverlay" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#1C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="HoverOverlay" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#1C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="HoverOverlay" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#1C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="HoverOverlay" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#00000000" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="HoverOverlay" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#00000000" />
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Unselected" />
                                    <VisualState x:Name="Selected">
                                        <Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#6C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#6C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#6C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#9C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#9C4E8CD1" />
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Rectangle x:Name="rectangle" IsHitTestVisible="False">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.316111,0.724833" StartPoint="0.316111,0.0165521">
                                        <GradientStop Color="#00000000" Offset="0" x:Name="fillStop0" />
                                        <GradientStop Color="#00000000" Offset="0.682203" x:Name="fillStop1" />
                                        <GradientStop Color="#00000000" Offset="1" x:Name="fillStop2" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.318122,0.715784" StartPoint="0.318122,0.0360108">
                                        <GradientStop Color="#00000000" Offset="0" x:Name="strokeStop0" />
                                        <GradientStop Color="#00000000" Offset="1" x:Name="strokeStop1" />
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>
                            <Rectangle x:Name="HoverOverlay" IsHitTestVisible="False" Opacity="0">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.316111,0.724833" StartPoint="0.316111,0.0165521">
                                        <GradientStop Color="#00000000" Offset="0" x:Name="fillStop0Hover" />
                                        <GradientStop Color="#00000000" Offset="0.682203" x:Name="fillStop1Hover" />
                                        <GradientStop Color="#00000000" Offset="1" x:Name="fillStop2Hover" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.318122,0.715784" StartPoint="0.318122,0.0360108">
                                        <GradientStop Color="#00000000" Offset="0" x:Name="strokeStop0Hover" />
                                        <GradientStop Color="#00000000" Offset="1" x:Name="strokeStop1Hover" />
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>
                            <Rectangle x:Name="FocusVisual" IsHitTestVisible="False" Visibility="Collapsed" Stroke="Black" StrokeDashArray="1,2" />
                            <ContentPresenter HorizontalAlignment="Left" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" />

                        </Grid>
                    </ControlTemplate>

                </Setter.Value>
            </Setter>
        </Style>

    	<ControlTemplate x:Key="ValidationToolTipTemplate">
    		<Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0">
    			<VisualStateManager.VisualStateGroups>
    				<VisualStateGroup x:Name="OpenStates">
    					<VisualStateGroup.Transitions>
    						<VisualTransition GeneratedDuration="0" />
    						<VisualTransition GeneratedDuration="0:0:0.2" To="Open">
    							<Storyboard>
    								<DoubleAnimationUsingKeyFrames Storyboard.TargetName="xform" Storyboard.TargetProperty="X">
    									<SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0" />
    								</DoubleAnimationUsingKeyFrames>
    								<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">
    									<SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1" />
    								</DoubleAnimationUsingKeyFrames>
    							</Storyboard>
    						</VisualTransition>
    					</VisualStateGroup.Transitions>
    					<VisualState x:Name="Closed">
    						<Storyboard>
    							<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">
    								<SplineDoubleKeyFrame KeyTime="0" Value="0" />
    							</DoubleAnimationUsingKeyFrames>
    						</Storyboard>
    					</VisualState>
    					<VisualState x:Name="Open">
    						<Storyboard>
    							<DoubleAnimationUsingKeyFrames Storyboard.TargetName="xform" Storyboard.TargetProperty="X">
    								<SplineDoubleKeyFrame KeyTime="0" Value="0" />
    							</DoubleAnimationUsingKeyFrames>
    							<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">
    								<SplineDoubleKeyFrame KeyTime="0" Value="1" />
    							</DoubleAnimationUsingKeyFrames>
    						</Storyboard>
    					</VisualState>
    				</VisualStateGroup>
    			</VisualStateManager.VisualStateGroups>
    			<Grid.RenderTransform>
    				<TranslateTransform x:Name="xform" X="-25" />
    			</Grid.RenderTransform>
    			<Border Margin="4,4,-4,-4" Background="#052A2E31" CornerRadius="5" />
    			<Border Margin="3,3,-3,-3" Background="#152A2E31" CornerRadius="4" />
    			<Border Margin="2,2,-2,-2" Background="#252A2E31" CornerRadius="3" />
    			<Border Margin="1,1,-1,-1" Background="#352A2E31" CornerRadius="2" />
    			<Border Background="#FFDC000C" CornerRadius="2" />
    			<Border CornerRadius="2">
    				<TextBlock Margin="8,4,8,4" MaxWidth="250" UseLayoutRounding="false" Foreground="White" Text="{Binding (Validation.Errors)[0].ErrorContent}" TextWrapping="Wrap" />
    			</Border>
    		</Grid>
    	</ControlTemplate>
    	<Style x:Key="ListBoxSectionList" TargetType="ListBox">
    		<Setter Property="Padding" Value="1" />
    		<Setter Property="Background" Value="#FFFFFFFF" />
    		<Setter Property="Foreground" Value="#FF000000" />
    		<Setter Property="HorizontalContentAlignment" Value="Left" />
    		<Setter Property="VerticalContentAlignment" Value="Top" />
    		<Setter Property="IsTabStop" Value="False" />
    		<Setter Property="BorderThickness" Value="1" />
    		<Setter Property="TabNavigation" Value="Once" />
    		<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
    		<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
    		<Setter Property="BorderBrush">
    			<Setter.Value>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="#FFA3AEB9" Offset="0" />
    					<GradientStop Color="#FF8399A9" Offset="0.375" />
    					<GradientStop Color="#FF718597" Offset="0.375" />
    					<GradientStop Color="#FF617584" Offset="1" />
    				</LinearGradientBrush>
    			</Setter.Value>
    		</Setter>
    		<Setter Property="Template">
    			<Setter.Value>
    				<ControlTemplate TargetType="ListBox">
    					<Grid>
    						<VisualStateManager.VisualStateGroups>
    							<VisualStateGroup x:Name="ValidationStates">
    								<VisualState x:Name="Valid" />
    								<VisualState x:Name="InvalidUnfocused">
    									<Storyboard>
    										<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationErrorElement" Storyboard.TargetProperty="Visibility">
    											<DiscreteObjectKeyFrame KeyTime="0">
    												<DiscreteObjectKeyFrame.Value>
    													<Visibility>Visible</Visibility>
    												</DiscreteObjectKeyFrame.Value>
    											</DiscreteObjectKeyFrame>
    										</ObjectAnimationUsingKeyFrames>
    									</Storyboard>
    								</VisualState>
    								<VisualState x:Name="InvalidFocused">
    									<Storyboard>
    										<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationErrorElement" Storyboard.TargetProperty="Visibility">
    											<DiscreteObjectKeyFrame KeyTime="0">
    												<DiscreteObjectKeyFrame.Value>
    													<Visibility>Visible</Visibility>
    												</DiscreteObjectKeyFrame.Value>
    											</DiscreteObjectKeyFrame>
    										</ObjectAnimationUsingKeyFrames>
    										<ObjectAnimationUsingKeyFrames Storyboard.TargetName="validationTooltip" Storyboard.TargetProperty="IsOpen">
    											<DiscreteObjectKeyFrame KeyTime="0">
    												<DiscreteObjectKeyFrame.Value>
    													<System:Boolean>True</System:Boolean>
    												</DiscreteObjectKeyFrame.Value>
    											</DiscreteObjectKeyFrame>
    										</ObjectAnimationUsingKeyFrames>
    									</Storyboard>
    								</VisualState>
    							</VisualStateGroup>
    						</VisualStateManager.VisualStateGroups>
    						<Border>
    							<ScrollViewer x:Name="ScrollViewer" BorderBrush="Transparent" BorderThickness="0" Padding="{TemplateBinding Padding}" TabNavigation="{TemplateBinding TabNavigation}">
    								<ItemsPresenter />
    							</ScrollViewer>
    						</Border>
    						<Border x:Name="ValidationErrorElement" Visibility="Collapsed" BorderBrush="#FFDB000C" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2">
    							<ToolTipService.ToolTip>
    								<ToolTip x:Name="validationTooltip" DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}" Template="{StaticResource ValidationToolTipTemplate}" Placement="Right" PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}">
    									<ToolTip.Triggers>
    										<EventTrigger RoutedEvent="Canvas.Loaded">
    											<BeginStoryboard>
    												<Storyboard>
    													<ObjectAnimationUsingKeyFrames Storyboard.TargetName="validationTooltip" Storyboard.TargetProperty="IsHitTestVisible">
    														<DiscreteObjectKeyFrame KeyTime="0">
    															<DiscreteObjectKeyFrame.Value>
    																<System:Boolean>true</System:Boolean>
    															</DiscreteObjectKeyFrame.Value>
    														</DiscreteObjectKeyFrame>
    													</ObjectAnimationUsingKeyFrames>
    												</Storyboard>
    											</BeginStoryboard>
    										</EventTrigger>
    									</ToolTip.Triggers>
    								</ToolTip>
    							</ToolTipService.ToolTip>
    							<Grid Height="10" HorizontalAlignment="Right" Margin="0,-4,-4,0" VerticalAlignment="Top" Width="10" Background="Transparent">
    								<Path Fill="#FFDC000C" Margin="-1,3,0,0" Data="M 1,0 L6,0 A 2,2 90 0 1 8,2 L8,7 z" />
    								<Path Fill="#ffffff" Margin="-1,3,0,0" Data="M 0,0 L2,0 L 8,6 L8,8" />
    							</Grid>
    						</Border>
    					</Grid>
    				</ControlTemplate>
    			</Setter.Value>
    		</Setter>
    	</Style>
    	<Style x:Key="SectionListItem" TargetType="ListBoxItem">
    		<Setter Property="Padding" Value="3" />
    		<Setter Property="HorizontalContentAlignment" Value="Left" />
    		<Setter Property="VerticalContentAlignment" Value="Top" />
    		<Setter Property="Background" Value="Transparent" />
    		<Setter Property="BorderThickness" Value="1" />
    		<Setter Property="TabNavigation" Value="Local" />
    		<Setter Property="Template">
    			<Setter.Value>
    				<ControlTemplate TargetType="ListBoxItem">
    					<Grid Background="{TemplateBinding Background}" Height="34">
    						<VisualStateManager.VisualStateGroups>
    							<VisualStateGroup x:Name="CommonStates">
    								<VisualState x:Name="Normal" />
    								<VisualState x:Name="MouseOver">
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity">
    											<SplineDoubleKeyFrame KeyTime="0" Value=".5" />
    										</DoubleAnimationUsingKeyFrames>
    									</Storyboard>
    								</VisualState>
    								<VisualState x:Name="Disabled">
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity">
    											<SplineDoubleKeyFrame KeyTime="0" Value=".55" />
    										</DoubleAnimationUsingKeyFrames>
    									</Storyboard>
    								</VisualState>
    							</VisualStateGroup>
    							<VisualStateGroup x:Name="SelectionStates">
    								<VisualState x:Name="Unselected" />
    								<VisualState x:Name="Selected">
    								</VisualState>
    							</VisualStateGroup>
    							<VisualStateGroup x:Name="FocusStates">
    								<VisualState x:Name="Focused">
    								</VisualState>
    								<VisualState x:Name="Unfocused" />
    							</VisualStateGroup>
    						</VisualStateManager.VisualStateGroups>
    						<Rectangle x:Name="fillColor" Fill="#FF46A5DA" RadiusX="1" RadiusY="1" IsHitTestVisible="False" Opacity="0" />
    						<ContentPresenter x:Name="contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="Center" />
    						
    					</Grid>
    				</ControlTemplate>
    			</Setter.Value>
    		</Setter>
    	</Style>

    </UserControl.Resources>

    <UserControl.Triggers>
        <EventTrigger>
            <BeginStoryboard>
                <Storyboard x:Name="glass" RepeatBehavior="Forever">
                    <PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glass" Storyboard.TargetProperty="(Shape.Fill).(LinearGradientBrush.StartPoint)">
                        <SplinePointKeyFrame KeyTime="00:00:00" Value="-0.399,5.634" />
                        <SplinePointKeyFrame KeyTime="00:00:00.7000000" Value="1.194,5.505" />
                        <SplinePointKeyFrame KeyTime="00:00:05.2000000" Value="1.194,5.505" />
                        <SplinePointKeyFrame KeyTime="00:00:09.9000000" Value="1.194,5.505" />
                    </PointAnimationUsingKeyFrames>
                    <PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glass" Storyboard.TargetProperty="(Shape.Fill).(LinearGradientBrush.EndPoint)">
                        <SplinePointKeyFrame KeyTime="00:00:00" Value="0.575,-1.501" />
                        <SplinePointKeyFrame KeyTime="00:00:00.7000000" Value="2.168,-1.63" />
                        <SplinePointKeyFrame KeyTime="00:00:05.2000000" Value="2.168,-1.63" />
                        <SplinePointKeyFrame KeyTime="00:00:09.9000000" Value="2.168,-1.63" />
                    </PointAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glass" Storyboard.TargetProperty="(UIElement.Opacity)">
                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.26" />
                        <SplineDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0" />
                        <SplineDoubleKeyFrame KeyTime="00:00:05.2000000" Value="0" />
                        <SplineDoubleKeyFrame KeyTime="00:00:09.9000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </UserControl.Triggers>

    <Grid x:Name="LayoutRoot">

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.15*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="0.15*" />
        </Grid.ColumnDefinitions>

        <Rectangle HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Grid.RowSpan="3" RadiusX="0" RadiusY="0" Fill="#FF000000" Stroke="#FF000000" StrokeThickness="0" Grid.ColumnSpan="3" />

        <Rectangle Grid.RowSpan="3" RadiusY="5" RadiusX="5" StrokeThickness="2" Margin="5,5,5,5" Fill="#FF292929" Grid.ColumnSpan="3" />
        <Rectangle Height="7" HorizontalAlignment="Stretch" Margin="5,-0.998000025749207,5,0" VerticalAlignment="Top" Grid.Row="1" RadiusX="0" RadiusY="0" Stroke="#FF000000" StrokeThickness="0" Grid.ColumnSpan="3">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF000000" />
                    <GradientStop Color="#00000000" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Grid Margin="0,3,0,0" Grid.ColumnSpan="3" x:Name="header" Height="80">
        	<Grid.ColumnDefinitions>
				<ColumnDefinition />
        		<ColumnDefinition />
        	</Grid.ColumnDefinitions>
            <Path Margin="5,2,5,0" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0" Data="M4.9999952,1.1368684E-13 L995,1.1368684E-13 C997.76141,-5.9604633E-07 1000,2.2385757 1000,4.9999952 L1000,84.833 L1000,90.000008 L1000,95 L995,95 L4.9999952,95 L0,95 L0,90.000008 L0,84.833 L0,4.9999952 C0,2.2385757 2.2385762,-5.9604633E-07 4.9999952,1.1368684E-13 z" VerticalAlignment="Top" Grid.ColumnSpan="2">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF033753" />
                        <GradientStop Color="#FF0171B0" Offset="1" />
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
            <Path Margin="5,2,5,0" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0" Data="M4.9999952,1.1368684E-13 L995,1.1368684E-13 C997.76141,-5.9604633E-07 1000,2.2385757 1000,4.9999952 L1000,84.833 L1000,90.000008 L1000,95 L995,95 L4.9999952,95 L0,95 L0,90.000008 L0,84.833 L0,4.9999952 C0,2.2385757 2.2385762,-5.9604633E-07 4.9999952,1.1368684E-13 z" Opacity="0.065" x:Name="Glass" VerticalAlignment="Top" Grid.ColumnSpan="2">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="1.523,-1.604" StartPoint="0.549,5.531">
                        <GradientStop Color="#01FFFFFF" Offset="0.992" />
                        <GradientStop Color="#00FFFDFD" Offset="0" />
                        <GradientStop Color="#00FFFDFD" Offset="0.286" />
                        <GradientStop Color="#FFFFFDFD" Offset="0.298" />
                        <GradientStop Color="#FEFEFDFD" Offset="0.346" />
                        <GradientStop Color="#00FEFDFD" Offset="0.37" />
                        <GradientStop Color="#FFFFFDFD" Offset="0.065" />
                        <GradientStop Color="#00FFFCFC" Offset="0.1" />
                        <GradientStop Color="#7EFEFDFD" Offset="0.441" />
                        <GradientStop Color="#00FEFDFD" Offset="0.477" />
                        <GradientStop Color="#00FEFDFD" Offset="0.531" />
                        <GradientStop Color="#00FEFDFD" Offset="0.382" />
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
            <Path Margin="8,5,8,0" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0" Data="M4.9999952,1.1368684E-13 L995,1.1368684E-13 C997.76141,-5.9604633E-07 1000,2.2385757 1000,4.9999952 L1000,84.833 L1000,90.000008 L1000,95 L995,95 L4.9999952,95 L0,95 L0,90.000008 L0,84.833 L0,4.9999952 C0,2.2385757 2.2385762,-5.9604633E-07 4.9999952,1.1368684E-13 z" VerticalAlignment="Top" Height="30" Opacity="0.095" Grid.ColumnSpan="2">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFA9BEC9" />
                        <GradientStop Color="#FF1D89C6" Offset="1" />
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
            <Rectangle HorizontalAlignment="Stretch" Margin="0,0,0,8" VerticalAlignment="Bottom" RadiusX="0" RadiusY="0" Opacity="0.695" Visibility="Collapsed" Grid.ColumnSpan="2">
                <Rectangle.Fill>
                    <RadialGradientBrush>
                        <RadialGradientBrush.RelativeTransform>
                            <TransformGroup>
                                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleY="1.979" />
                                <SkewTransform CenterX="0.5" CenterY="0.5" />
                                <RotateTransform CenterX="0.5" CenterY="0.5" />
                                <TranslateTransform Y="-0.49" />
                            </TransformGroup>
                        </RadialGradientBrush.RelativeTransform>
                        <GradientStop Color="#FF0887CE" />
                        <GradientStop Color="#00000000" Offset="1" />
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
        </Grid>
        <Canvas Width="370.001" x:Name="title" HorizontalAlignment="Left" VerticalAlignment="Center" d:LayoutOverrides="HorizontalAlignment" Height="70" Margin="0,22,0,0" Grid.Column="1">

        	<TextBlock x:Name="mnuPortfolios" Width="256" Height="24" FontFamily="Lucida Sans Unicode" FontSize="14" FontWeight="Normal" Foreground="#FFFFFFFF" Text="ComponentOne®" Canvas.Top="-1.707" />

        	<TextBlock Width="370" Height="30.667" FontSize="28" Foreground="#16FFFFFF" FontWeight="Normal" FontStyle="Normal" FontFamily="Lucida Sans Unicode" RenderTransformOrigin="0.5,0.5" Text="SilverTunes" Canvas.Left="0.001" Canvas.Top="42.41">
        		<TextBlock.OpacityMask>
        			<LinearGradientBrush EndPoint="0.487,0.011" StartPoint="0.488,1.186">
        				<GradientStop Color="#00FFFDFD" Offset="0.298" />
        				<GradientStop Color="#00FFFFFF" Offset="0.692" />
        				<GradientStop Color="#00FFFDFD" Offset="0.327" />
        				<GradientStop Color="#FFFEFDFD" Offset="0.33" />
        			</LinearGradientBrush>
        		</TextBlock.OpacityMask>
        		<TextBlock.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform ScaleX="1" ScaleY="-1" />
        				<SkewTransform AngleX="0" AngleY="0" />
        				<RotateTransform Angle="0" />
        				<TranslateTransform X="0" Y="0" />
        			</TransformGroup>
        		</TextBlock.RenderTransform>
        	</TextBlock>

        	<TextBlock Width="370" Height="35.686" FontSize="28" Text="SilverTunes" Foreground="#FFFFF8F8" FontWeight="Normal" FontStyle="Normal" FontFamily="Lucida Sans Unicode" Canvas.Top="12" />

        </Canvas>
        <Grid Height="50" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0" Grid.Column="1">
        	<c1:C1ThemeShinyBlue HorizontalContentAlignment="Stretch">
        		<Grid>
        			<StackPanel Height="35" HorizontalAlignment="Right" Margin="10,0,0,0" Orientation="Horizontal">
        				<Grid Height="35" Margin="0,0,10,0">		
        					<Rectangle HorizontalAlignment="Left" VerticalAlignment="Stretch" Width="220" RadiusX="5" RadiusY="5" Grid.Column="0">
        						<Rectangle.Fill>
        							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        								<GradientStop Color="#5B000000" />
        								<GradientStop Color="#487F7F82" Offset="1" />
        							</LinearGradientBrush>
        						</Rectangle.Fill>
        					</Rectangle>					
        					<Path Width="19.623" Fill="#FFD1E9F8" Stretch="Fill" Data="M11.61993,0.5 C16.866634,0.5 21.11993,4.7532949 21.11993,10 C21.11993,15.246705 16.866634,19.5 11.61993,19.5 C10.216341,19.5 8.8838482,19.19561 7.7042937,18.606592 C6.4711151,20.387463 1.6003776,27.173536 0.40457109,27.561794 C-0.79123563,27.950052 -2.911936,26.639696 -3.1001863,25.134895 C-3.2884367,23.630095 3.0812943,17.794579 4.3719416,15.930717 C2.9252987,14.378058 2.1199298,12.283081 2.1199298,10 C2.1199298,4.7532949 6.3732247,0.5 11.61993,0.5 z" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="8.033,8,0,5.331" StrokeThickness="2" UseLayoutRounding="False">
        						<Path.RenderTransform>
        							<TransformGroup>
        								<ScaleTransform ScaleX="0.75" ScaleY="0.75" />
        								<SkewTransform AngleX="0" AngleY="0" />
        								<RotateTransform Angle="0" />
        								<TranslateTransform X="-0.32787489891052246" Y="-0.33362501859664917" />
        							</TransformGroup>
        						</Path.RenderTransform>
        						<Path.Stroke>
        							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        								<GradientStop Color="#FFB0B0B0" />
        								<GradientStop Color="#FF4C4C4C" Offset="0.324" />
        								<GradientStop Color="#FF7A7A7A" Offset="0.227" />
        								<GradientStop Color="#FF040404" Offset="0.716" />
        							</LinearGradientBrush>
        						</Path.Stroke>
        					</Path>
        					<TextBox x:Name="txtSearch" Margin="22,0,0,0" Width="175.074" Height="23" FontSize="13" FontFamily="Lucida Sans Unicode" TextChanged="txtSearch_TextChanged" />
        				</Grid>
        				<Grid Height="35" Width="35">
        					<Rectangle RadiusX="5" RadiusY="5" Grid.Column="0">
        						<Rectangle.Fill>
        							<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        								<GradientStop Color="#5B000000" />
        								<GradientStop Color="#487F7F82" Offset="1" />
        							</LinearGradientBrush>
        						</Rectangle.Fill>
        					</Rectangle>
        					<Button Click="ToggleFullScreen" Width="20" HorizontalAlignment="Center" Height="20" VerticalAlignment="Center">
        						<Grid Height="12">
        							<Path x:Name="icofull2" Fill="White" Stretch="Fill" Stroke="{x:Null}" Height="14" HorizontalAlignment="Left" Margin="-1" VerticalAlignment="Top" Width="14" UseLayoutRounding="False" Data="M1.9999999,0.99999994 C1.8619158,1.0000005 1.730376,1.027985 1.6107376,1.0785894 C1.580828,1.0912404 1.5516622,1.1053054 1.5233245,1.1207001 C1.2966095,1.2438647 1.1228704,1.4521363 1.0449578,1.7026297 C1.0254792,1.7652555 1.0119901,1.83052 1.0051626,1.8977559 C1.0017484,1.9313726 0.99999982,1.965482 0.99999994,2 L0.99999994,9.999999 C0.99999946,10.138066 1.0279766,10.269607 1.0785819,10.389254 C1.0912319,10.419163 1.1052961,10.448327 1.1206901,10.476666 C1.2438322,10.703346 1.4520738,10.877108 1.7026258,10.955036 C1.7652481,10.974513 1.8305137,10.988003 1.8977523,10.994835 C1.93137,10.998249 1.9654809,10.999999 1.9999999,10.999999 L6.000001,10.999999 L6.000001,12 L3.9999979,12 L3.9999979,13 L6.000001,13 L8.000001,13 L9.9999981,13 L9.9999981,12 L8.000001,12 L8.000001,10.999999 L12,10.999999 C12.138067,10.999999 12.269624,10.972014 12.389252,10.92142 C12.419159,10.908771 12.448324,10.894708 12.476664,10.879313 C12.703341,10.75618 12.87711,10.547947 12.955034,10.297383 C12.974511,10.234763 12.988003,10.169493 12.994835,10.102253 C12.998249,10.068633 13,10.034521 13,9.999999 L13,2 C13,1.8619331 12.97202,1.7304015 12.921421,1.6107645 C12.908772,1.580856 12.894709,1.5516906 12.879314,1.5233518 C12.756174,1.2966561 12.547875,1.1228712 12.297366,1.0449572 C12.234735,1.0254769 12.169466,1.0119901 12.102239,1.0051626 C12.068622,1.0017487 12.034515,1.0000001 12,0.99999994 z M0.99999994,0 L13,0 C13.138055,0 13.269608,0.027981786 13.389245,0.078584909 C13.419158,0.091236033 13.44832,0.10530061 13.47666,0.12069452 C13.703376,0.24385683 13.87713,0.45210943 13.955042,0.70263064 C13.97452,0.76525664 13.988008,0.83052146 13.994837,0.89775586 C13.998251,0.931373 14,0.96548241 14,0.99999994 L14,11 C14,11.138084 13.972006,11.269626 13.921415,11.389245 C13.908764,11.419158 13.8947,11.44832 13.879306,11.47666 C13.756144,11.703369 13.547887,11.877121 13.29737,11.955042 C13.23474,11.974521 13.169479,11.988008 13.102244,11.994837 C13.068626,11.998251 13.034514,12 13,12 L11,12 L11,13 C11,13.138083 10.972007,13.269626 10.921415,13.389245 C10.908764,13.419158 10.8947,13.44832 10.879306,13.47666 C10.756153,13.703351 10.547909,13.877114 10.29737,13.955042 C10.234744,13.97452 10.169478,13.988008 10.102244,13.994837 C10.068626,13.998251 10.034514,14 10,14 L4.0000005,14 C3.8619351,14 3.730396,13.972016 3.6107554,13.921415 C3.5808451,13.908764 3.5516796,13.8947 3.5233409,13.879306 C3.2966383,13.756148 3.1228743,13.547881 3.0449586,13.29737 C3.0254798,13.234744 3.0119915,13.169478 3.0051632,13.102244 C3.0017495,13.068626 3.0000005,13.034514 3.0000005,13 L3.0000005,12 L0.99999994,12 C0.86193293,12 0.73039407,11.972015 0.61075497,11.921415 C0.58084548,11.908764 0.55167961,11.8947 0.52334058,11.879306 C0.2966345,11.756143 0.12287726,11.547883 0.044958055,11.29737 C0.02547913,11.234744 0.011991019,11.169478 0.0051628351,11.102244 C0.00174875,11.068626 0,11.034514 0,11 L0,0.99999994 C0,0.86192834 0.027982682,0.73039222 0.078584909,0.61075497 C0.091235697,0.58084524 0.10530019,0.55167937 0.12069452,0.52334058 C0.24385075,0.29663235 0.45212474,0.12287256 0.70263064,0.044958055 C0.7652576,0.025478872 0.83052218,0.011990992 0.89775586,0.0051628351 C0.93137288,0.001748939 0.96548229,0 0.99999994,0 z" Visibility="Collapsed" />
        							<Path x:Name="icofull1" Fill="#FFEBF3F8" Stretch="Fill" Stroke="{x:Null}" Height="12" HorizontalAlignment="Left" Margin="0" VerticalAlignment="Top" Width="12" UseLayoutRounding="False" Data="M9,5.5254836 L10,5.5254836 L10,7.000001 L10,8.000001 L9,8.0000019 L7.0000005,8.000001 L7.0000005,7.000001 L9,7.000001 z M1.9999981,5.5254836 L2.9999981,5.5254836 L2.9999981,7.000001 L4.9999981,7.000001 L4.9999981,8.000001 L2.9999981,8.000001 L1.9999981,8.0000019 z M7.0000005,1.9999986 L9,1.9999986 L10,1.9999986 L10,4.5254807 L9,4.5254807 L9,2.9999986 L7.0000005,2.9999986 z M1.9999981,1.9999986 L4.9999981,1.9999986 L4.9999981,2.9999986 L2.9999981,2.9999986 L2.9999981,4.5254807 L1.9999981,4.5254807 L1.9999981,2.9999986 z M0.99999815,0.99999869 L0.99999815,8.999999 L10.999998,8.999999 L10.999998,0.99999869 z M0.99999994,0 L11,0 C11.138059,6.5804762E-10 11.269604,0.027980383 11.389245,0.078584969 C11.449061,0.10388532 11.505909,0.13484225 11.55911,0.17078429 C11.585709,0.1887549 11.611398,0.20797198 11.636093,0.22835129 C11.833672,0.39140722 11.967525,0.62882876 11.994837,0.89775574 C11.998251,0.93137288 12,0.96548218 12,0.99999994 L12,8.999999 C12,9.1380825 11.972,9.2696362 11.921415,9.3892441 C11.896111,9.4490671 11.865158,9.5059137 11.829216,9.5591087 C11.811246,9.5857077 11.792029,9.6113968 11.771648,9.6360922 C11.608603,9.8336697 11.371201,9.9675236 11.102244,9.9948359 C11.068627,9.99825 11.034515,9.999999 11,9.999999 L7.000001,9.999999 L7.000001,11 L8.9999981,11 L8.9999981,12 L7.000001,12 L5.000001,12 L2.9999979,12 L2.9999979,11 L5.000001,11 L5.000001,9.999999 L0.99999994,9.999999 C0.86192364,9.999999 0.73038334,9.9720049 0.61075491,9.9214144 C0.55093247,9.8961105 0.49408808,9.8651552 0.44089043,9.829215 C0.4142898,9.811244 0.38860077,9.7920275 0.3639071,9.7716475 C0.16634187,9.6086092 0.032475326,9.3712034 0.0051628947,9.1022434 C0.0017486045,9.0686245 -1.7854269E-07,9.0345163 1.3672737E-11,8.999999 L1.3672737E-11,0.99999994 C-7.142304E-07,0.86192942 0.027981915,0.73039097 0.078584969,0.61075491 C0.10388625,0.55093467 0.13484338,0.4940896 0.17078429,0.44089043 C0.18875463,0.41429064 0.20797169,0.38860151 0.22835129,0.3639071 C0.39137706,0.16636579 0.62878597,0.032477923 0.89775592,0.0051628947 C0.93137258,0.0017488969 0.96548206,1.6451436E-10 0.99999994,0 z" />
        						</Grid>                
        					</Button>
        				</Grid>
        			</StackPanel>
        		</Grid>
        	</c1:C1ThemeShinyBlue>
        </Grid>
        <c1:C1ThemeExpressionDark x:Name="body" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" Padding="0,15,0,20">
            <Grid Margin="0,0,0,10">
        		<Grid.RowDefinitions>
        			<RowDefinition Height="*" />
        			<RowDefinition Height="0.4*" />
        		</Grid.RowDefinitions>

        		<Grid.ColumnDefinitions>
        			<ColumnDefinition Width="180" />
        			<ColumnDefinition />
        		</Grid.ColumnDefinitions>
				<Border Margin="0,10,0,0" CornerRadius="4" Grid.Row="1">
					<Border.Background>
            				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            					<GradientStop Color="#FF3D3D3D" />
            					<GradientStop Color="#FF292929" Offset="1" />
            				</LinearGradientBrush>
            			</Border.Background>
				</Border>
        		<ListBox x:Name="sectionList" Grid.Row="1" Margin="0,10,0,0" Style="{StaticResource ListBoxSectionList}" BorderThickness="0" ItemContainerStyle="{StaticResource SectionListItem}" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="#FFC8C8C8" Padding="0" />
				<c1:C1ThemeShinyBlue Grid.Row="1" Margin="0,17,5,0" HorizontalAlignment="Right" VerticalAlignment="Top">
					<Button Content="Import" x:Name="browseButton" HorizontalAlignment="Right" Click="Browse" Height="20" VerticalAlignment="Top" Width="59" Padding="3,1,3,3" />
				</c1:C1ThemeShinyBlue>	
        		<Grid x:Name="mediafiles" MinHeight="250" Grid.ColumnSpan="2">
        			<Grid.Resources>
        				<Style TargetType="c1:C1CoverFlowItem" x:Key="itemStyle">
        					<Setter Property="ReflectionBackground" Value="#FF3E3E3E" />
                            <Setter Property="VerticalAlignment" Value="Stretch" />
        				</Style>
        			</Grid.Resources>
        			<c1:C1CoverFlow x:Name="musicCoverFlow" SelectedIndexChanged="OnMusicIndexChanged" ItemContainerStyle="{StaticResource itemStyle}">
        				<c1:C1CoverFlow.ItemTemplate>
        					<DataTemplate>
        						<Grid>
        							<Image Source="Resources/default.png" />
        							<Image Source="{Binding}" />
        						</Grid>
        					</DataTemplate>
        				</c1:C1CoverFlow.ItemTemplate>
        			</c1:C1CoverFlow>
        			<c1:C1CoverFlow x:Name="tedCoverFlow" ItemContainerStyle="{StaticResource itemStyle}" Visibility="Collapsed" SelectedIndexChanged="OnTedIndexChanged" />
        		</Grid>

            	<Grid x:Name="info" Grid.Row="1" Margin="10,10,0,0" Grid.Column="1">
            		<Grid.RowDefinitions>
            			<RowDefinition Height="Auto" />
            			<RowDefinition Height="*" />
            		</Grid.RowDefinitions>
            		<Border VerticalAlignment="Stretch" Opacity="0.595" CornerRadius="0,0,0,0" Grid.RowSpan="1" Grid.Row="1">
            			<Border.Background>
            				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            					<GradientStop Color="#FF3D3D3D" />
            					<GradientStop Color="#FF292929" Offset="1" />
            				</LinearGradientBrush>
            			</Border.Background>
            		</Border>
            		<Border CornerRadius="5,5,0,0">
            			<Border.Background>
            				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            					<GradientStop Color="#99043C5A" />
            					<GradientStop Color="#990170AD" Offset="1" />
            				</LinearGradientBrush>
            			</Border.Background>
            			<Grid Height="34">
            				<Grid.ColumnDefinitions>
            					<ColumnDefinition />
            					<ColumnDefinition Width="Auto" />
            				</Grid.ColumnDefinitions>
            				<TextBlock Text="Album, Artist" TextWrapping="NoWrap" Foreground="#FFC8C8C8" x:Name="lblAlbumArtist" FontSize="16" FontWeight="Normal" FontFamily="Lucida Sans Unicode" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="10,0">
            					<TextBlock.Effect>
            						<DropShadowEffect Direction="135" BlurRadius="0" ShadowDepth="1" />
            					</TextBlock.Effect>
            				</TextBlock>
            				<TextBlock x:Name="lblSummary" HorizontalAlignment="Right" TextWrapping="Wrap" Foreground="#FFCCDBE2" Height="Auto" FontFamily="Lucida Sans Unicode" FontSize="11" Margin="0,1,10,1" VerticalAlignment="Center" Grid.Column="1" />
            			</Grid>
            		</Border>
            		<Grid x:Name="musicInfo" Grid.Row="1">
            			<ListBox Grid.Column="1" x:Name="lbSongs" Style="{StaticResource SongsList}" BorderThickness="0" Background="Transparent" ItemContainerStyle="{StaticResource SectionListItem}" Margin="0,10,0,0" d:IsHidden="True">
            				<ListBox.ItemTemplate>
            					<DataTemplate>								
            						<Grid Margin="0 0 0 5">
            							<Grid.ColumnDefinitions>
            								<ColumnDefinition Width="*" />
            								<ColumnDefinition Width="Auto" />
            							</Grid.ColumnDefinitions>								
            							<ListBoxItem Content="{Binding Title}" FontSize="11" Foreground="#FFE4EDF2" VerticalAlignment="Stretch" HorizontalAlignment="Left" />
										<StackPanel Grid.Column="1" Orientation="Horizontal" Margin="20,0,0,0" VerticalAlignment="Stretch" HorizontalAlignment="Right">
						            		
						            		<Button Click="PlayStop" Template="{StaticResource SimpleButton}" Width="20" Height="20" Margin="0 0 5 0">
						            			<Canvas Width="20" Height="20" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5">
						            				<Canvas.RenderTransform>
						            					<TransformGroup>
						            						<ScaleTransform ScaleX="0.8" ScaleY="0.8" />
						            						<SkewTransform AngleX="0" AngleY="0" />
						            						<RotateTransform Angle="0" />
						            						<TranslateTransform X="0" Y="0" />
						            					</TransformGroup>
						            				</Canvas.RenderTransform>
						            				<Ellipse VerticalAlignment="Stretch" Width="22" Height="22" Margin="-1,-1,0,0">
						            					<Ellipse.Fill>
						            						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						            							<GradientStop Color="#5B000000" />
						            							<GradientStop Color="#487F7F82" Offset="1" />
						            						</LinearGradientBrush>
						            					</Ellipse.Fill>
						            				</Ellipse>
						            				<Ellipse Width="20" Height="20" Margin="0,0,0,0">
						            					<Ellipse.Fill>
						            						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						            							<GradientStop Color="#FFFFFFFF" Offset="0" />
						            							<GradientStop Color="#FF17B6FA" Offset="1" />
						            						</LinearGradientBrush>
						            					</Ellipse.Fill>
						            				</Ellipse>
						            				<Ellipse Height="11" Width="16" Fill="#5DFFFFFF" Canvas.Left="0" Canvas.Top="0" HorizontalAlignment="Center" Margin="2,0,0,0" />
						            				<Path x:Name="pathPlay" Width="7" Fill="#B9062253" Stretch="Fill" Data="M237.7261,132.64427 L237.7261,150.7324 248.06212,141.20096 z" Height="11" Canvas.Left="0" Canvas.Top="0" HorizontalAlignment="Center" Margin="7,5,0,0" VerticalAlignment="Center" />
						            				<Rectangle Height="8" Width="8" Fill="#B9062253" Canvas.Left="0" Canvas.Top="0" x:Name="pathStop" Margin="6,6,0,0" Visibility="Collapsed" />
						            			</Canvas>
						            		</Button>
						            		<Border HorizontalAlignment="Left" VerticalAlignment="Stretch" CornerRadius="5" Margin="2,0,0,0">
						            			<Border.Background>
						            				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						            					<GradientStop Color="#5B000000" />
						            					<GradientStop Color="#487F7F82" Offset="1" />
						            				</LinearGradientBrush>
						            			</Border.Background>	
											</Border>
						            	</StackPanel>
            						</Grid>
            					</DataTemplate>
            				</ListBox.ItemTemplate>
            			</ListBox>
            		</Grid>
            		<Grid Grid.Row="1" x:Name="tedInfo" Visibility="Collapsed">
            			<TextBlock x:Name="tedDescription" HorizontalAlignment="Left" Margin="15,15,0,8" TextWrapping="Wrap" Height="Auto" FontFamily="Lucida Sans Unicode" FontSize="11" Foreground="#FFCCDBE2" />
            		</Grid>
            	</Grid>
        		<Canvas HorizontalAlignment="Center" VerticalAlignment="Center" Width="60" Height="60" RenderTransformOrigin="0.5,0.5" x:Name="spinner" Grid.ColumnSpan="2">
        			<Canvas.RenderTransform>
        				<TransformGroup>
        					<ScaleTransform ScaleX="1" ScaleY="1" />
        					<SkewTransform AngleX="0" AngleY="0" />
        					<RotateTransform Angle="0" />
        					<TranslateTransform X="0" Y="0" />
        				</TransformGroup>
        			</Canvas.RenderTransform>
        			<Ellipse Height="60" Width="60" Fill="#FF000000" Opacity="0.215" />
        			<Path Width="54" Stretch="Fill" Data="M100,50.500001 C72.661905,50.5 50.5,72.661905 50.500001,100 50.5,127.3381 72.661905,149.5 100,149.5 C127.3381,149.5 149.5,127.3381 149.5,100 C149.5,72.661905 127.3381,50.5 100,50.500001 z M100,0.5 C154.95233,0.5 199.5,45.047668 199.5,100 C199.5,154.95233 154.95233,199.5 100,199.5 45.047668,199.5 0.5,154.95233 0.5,100 0.5,45.047668 45.047668,0.5 100,0.5 z" Height="54" Stroke="#1AFFFFFF" HorizontalAlignment="Center" VerticalAlignment="Center" Canvas.Left="3" Canvas.Top="3">
        				<Path.RenderTransform>
        					<TransformGroup>
        						<ScaleTransform ScaleX="1" ScaleY="1" />
        						<SkewTransform AngleX="0" AngleY="0" />
        						<RotateTransform Angle="0" />
        						<TranslateTransform X="0" Y="0" />
        					</TransformGroup>
        				</Path.RenderTransform>
        				<Path.Fill>
        					<RadialGradientBrush GradientOrigin="0.813,-0.009">
        						<RadialGradientBrush.RelativeTransform>
        							<TransformGroup>
        								<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.9" ScaleY="1.9" />
        								<SkewTransform CenterX="0.5" CenterY="0.5" />
        								<RotateTransform CenterX="0.5" CenterY="0.5" />
        								<TranslateTransform />
        							</TransformGroup>
        						</RadialGradientBrush.RelativeTransform>
        						<GradientStop Color="#CBD5D5D5" Offset="0.253" />
        						<GradientStop Color="#7E4C4C4C" Offset="1" />
        						<GradientStop Color="#7F5D5D5D" Offset="0.808" />
        					</RadialGradientBrush>
        				</Path.Fill>
        			</Path>
        		</Canvas>
				 <c1:C1ThemeExpressionDark Grid.ColumnSpan="2">
        			<MediaElement x:Name="mp3Player" Visibility="Collapsed" Height="125" HorizontalAlignment="Left" VerticalAlignment="Top" Width="250" />
				 </c1:C1ThemeExpressionDark>
        	</Grid>
        </c1:C1ThemeExpressionDark>
    </Grid>
</UserControl>