Microsoft® Surface® Live Stream Code Sample

ive Stream enables businesses to engage their customers face-to-face using the most recent and relevant Twitter™, Flickr®, and RSS newsfeeds.

C# (5.9 MB)
 
 
 
 
 
4.3 Star
(4)
6,654 times
Add to favorites
4/19/2011
E-mail Twitter del.icio.us Digg Facebook

Solution explorer

C#
<s:SurfaceUserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                      xmlns:s="http://schemas.microsoft.com/surface/2008"
                      xmlns:props="clr-namespace:LiveStream.Properties"
                      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                      xmlns:controls="clr-namespace:LiveStream.Controls"
                      xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
                      mc:Ignorable="d" x:Class="LiveStream.Controls.AdminPanel"
                      d:DesignWidth="485" d:DesignHeight="220">
  <s:SurfaceUserControl.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/LiveStream;component/Resources/Converters.xaml"/>
      </ResourceDictionary.MergedDictionaries>
      <Style TargetType="{x:Type TextBlock}">
        <Setter Property="FontFamily" Value="{DynamicResource MainFont}" />
        <Setter Property="Foreground" Value="White"/>
      </Style>
      <Style x:Key="SurfaceSliderStyle" TargetType="{x:Type s:SurfaceSlider}">
        <Setter Property="Background" Value="#191B2022"/>
        <Setter Property="BorderBrush" Value="#3F040404"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="Width" Value="Auto"/>
        <Setter Property="MinWidth" Value="30"/>
        <Setter Property="Height" Value="Auto"/>
        <Setter Property="MinHeight" Value="0"/>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type s:SurfaceSlider}">
              <ControlTemplate.Resources>
                <Storyboard x:Key="Touch">
                  <DoubleAnimation Duration="0:0:0.1" To="19" Storyboard.TargetProperty="Height" Storyboard.TargetName="TrackBkgd"/>
                </Storyboard>
                <Storyboard x:Key="Release">
                  <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="Height" Storyboard.TargetName="TrackBkgd"/>
                  <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="RadiusX" Storyboard.TargetName="TrackBkgd"/>
                  <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="RadiusY" Storyboard.TargetName="TrackBkgd"/>
                </Storyboard>
              </ControlTemplate.Resources>
              <Grid x:Name="GridRoot" Background="Transparent" Height="Auto" SnapsToDevicePixels="True" VerticalAlignment="Stretch">
                <Rectangle x:Name="TrackBkgd" Fill="White" Height="8" Opacity=".1" SnapsToDevicePixels="True"/>
                <Border x:Name="Track" Background="Transparent" HorizontalAlignment="Stretch" Height="Auto" Opacity="1" Grid.Row="1" SnapsToDevicePixels="True" VerticalAlignment="Stretch">
                  <s:SurfaceTrack x:Name="PART_Track" Grid.Row="1">
                    <s:SurfaceTrack.DecreaseRepeatButton>
                      <s:SurfaceRepeatButton x:Name="SliderDecrease" Command="Slider.DecreaseLarge">
                        <s:SurfaceRepeatButton.Style>
                          <Style TargetType="{x:Type s:SurfaceRepeatButton}">
                            <Setter Property="Background" Value="Transparent"/>
                            <Setter Property="BorderBrush" Value="Transparent"/>
                            <Setter Property="IsTabStop" Value="False"/>
                            <Setter Property="Focusable" Value="False"/>
                            <Setter Property="Template">
                              <Setter.Value>
                                <ControlTemplate TargetType="{x:Type s:SurfaceRepeatButton}">
                                  <Grid>
                                    <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/>
                                  </Grid>
                                </ControlTemplate>
                              </Setter.Value>
                            </Setter>
                          </Style>
                        </s:SurfaceRepeatButton.Style>
                      </s:SurfaceRepeatButton>
                    </s:SurfaceTrack.DecreaseRepeatButton>
                    <s:SurfaceTrack.IncreaseRepeatButton>
                      <s:SurfaceRepeatButton x:Name="SliderIncrease" Command="Slider.IncreaseLarge">
                        <s:SurfaceRepeatButton.Style>
                          <Style TargetType="{x:Type s:SurfaceRepeatButton}">
                            <Setter Property="Background" Value="Transparent"/>
                            <Setter Property="BorderBrush" Value="Transparent"/>
                            <Setter Property="IsTabStop" Value="False"/>
                            <Setter Property="Focusable" Value="False"/>
                            <Setter Property="Template">
                              <Setter.Value>
                                <ControlTemplate TargetType="{x:Type s:SurfaceRepeatButton}">
                                  <Grid>
                                    <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/>
                                  </Grid>
                                </ControlTemplate>
                              </Setter.Value>
                            </Setter>
                          </Style>
                        </s:SurfaceRepeatButton.Style>
                      </s:SurfaceRepeatButton>
                    </s:SurfaceTrack.IncreaseRepeatButton>
                    <s:SurfaceTrack.Thumb>
                      <s:SurfaceThumb x:Name="Thumb" Foreground="Black" SnapsToDevicePixels="True" VerticalAlignment="Center">
                        <s:SurfaceThumb.Style>
                          <Style TargetType="{x:Type s:SurfaceThumb}">
                            <Setter Property="Background" Value="Transparent"/>
                            <Setter Property="s:ContactVisualizer.Adapter">
                              <Setter.Value>
                                <s:ContactVisualizerRectangleAdapter RadiusY="15" RadiusX="15"/>
                              </Setter.Value>
                            </Setter>
                            <Setter Property="Template">
                              <Setter.Value>
                                <ControlTemplate TargetType="{x:Type s:SurfaceThumb}">
                                  <ControlTemplate.Resources>
                                    <Storyboard x:Key="Press">
                                      <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="LayoutRoot">
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="22"/>
                                      </DoubleAnimationUsingKeyFrames>
                                      <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="LayoutRoot">
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="22"/>
                                      </DoubleAnimationUsingKeyFrames>
                                    </Storyboard>
                                    <Storyboard x:Key="Release">
                                      <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="LayoutRoot">
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="18"/>
                                      </DoubleAnimationUsingKeyFrames>
                                      <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="LayoutRoot">
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="18"/>
                                      </DoubleAnimationUsingKeyFrames>
                                    </Storyboard>
                                  </ControlTemplate.Resources>
                                  <Grid x:Name="LayoutRoot" Background="Transparent" SnapsToDevicePixels="True" Height="18" Width="18">
                                    <Ellipse Fill="#FFBD2C7C" />
                                  </Grid>
                                </ControlTemplate>
                              </Setter.Value>
                            </Setter>
                          </Style>
                        </s:SurfaceThumb.Style>
                      </s:SurfaceThumb>
                    </s:SurfaceTrack.Thumb>
                  </s:SurfaceTrack>
                </Border>
              </Grid>
              <ControlTemplate.Triggers>
                <Trigger Property="s:Contacts.IsAnyContactCapturedWithin" Value="True">
                  <Trigger.ExitActions>
                    <BeginStoryboard x:Name="Release_BeginStoryboard" Storyboard="{StaticResource Release}"/>
                  </Trigger.ExitActions>
                  <Trigger.EnterActions>
                    <BeginStoryboard Storyboard="{StaticResource Touch}"/>
                  </Trigger.EnterActions>
                </Trigger>
              </ControlTemplate.Triggers>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="SurfaceCheckBoxStyle" TargetType="{x:Type s:SurfaceCheckBox}">
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Padding" Value="0,0,0,0"/>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type s:SurfaceCheckBox}">
              <ControlTemplate.Resources>
                <Storyboard x:Key="Release">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="fill">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Checked">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="check">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Press">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="fill">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Unchecked">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="check">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
              </ControlTemplate.Resources>
              <BulletDecorator x:Name="bulletDecorator" Background="Transparent" Height="Auto" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                <BulletDecorator.Bullet>
                  <Border x:Name="outline" BorderThickness="1" BorderBrush="#FFBD2C7C" Width="20" Height="20">
                    <Grid>
                      <Border x:Name="fill" Background="#FFBD2C7C" Opacity="0" />
                      <Path x:Name="check" Width="16.4091" Height="12.9587" Opacity="0" Stretch="Fill" Fill="White" Data="F1 M 5.32239,13.3333L 3.4504,11.4613L 3.45089,11.4608L 0,8.00907L 1.87067,6.13708L 5.32254,9.58897L 14.5357,0.374674L 16.4091,2.24666L 7.19466,11.4611L 5.32265,13.3331L 5.32239,13.3333 Z "/>
                    </Grid>
                  </Border>
                </BulletDecorator.Bullet>
                <Grid Margin="5,0,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                  <Grid x:Name="ContentBox" Background="Transparent" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                    <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                  </Grid>
                </Grid>
              </BulletDecorator>
              <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="True">
                  <Trigger.ExitActions>
                    <BeginStoryboard x:Name="Unchecked_BeginStoryboard" Storyboard="{StaticResource Unchecked}"/>
                  </Trigger.ExitActions>
                  <Trigger.EnterActions>
                    <BeginStoryboard x:Name="Checked_BeginStoryboard" Storyboard="{StaticResource Checked}"/>
                  </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                  <Trigger.ExitActions>
                    <BeginStoryboard Storyboard="{StaticResource Release}"/>
                  </Trigger.ExitActions>
                  <Trigger.EnterActions>
                    <BeginStoryboard x:Name="Press_BeginStoryboard" Storyboard="{StaticResource Press}"/>
                  </Trigger.EnterActions>
                </Trigger>
              </ControlTemplate.Triggers>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
        <Style.BasedOn>
          <Style TargetType="{x:Type ButtonBase}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="FocusVisualStyle">
              <Setter.Value>
                <Style>
                  <Setter Property="Control.Template">
                    <Setter.Value>
                      <ControlTemplate/>
                    </Setter.Value>
                  </Setter>
                </Style>
              </Setter.Value>
            </Setter>
            <Setter Property="FontFamily" Value="Segoe UI"/>
            <Setter Property="FontSize" Value="10"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="Background" Value="#33A4B4BD"/>
            <Setter Property="BorderBrush">
              <Setter.Value>
                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                  <GradientStop Color="#7FFFFFFF" Offset="0"/>
                  <GradientStop Color="#0CFFFFFF" Offset="1"/>
                </LinearGradientBrush>
              </Setter.Value>
            </Setter>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="15,6"/>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="MinWidth" Value="30"/>
            <Setter Property="MinHeight" Value="30"/>
            <Setter Property="Template">
              <Setter.Value>
                <ControlTemplate TargetType="{x:Type ButtonBase}">
                  <ControlTemplate.Resources>
                    <Storyboard x:Key="Press">
                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                        <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
                      </DoubleAnimationUsingKeyFrames>
                      <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                        <SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
                      </ThicknessAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="Release">
                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                        <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                        <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
                      </DoubleAnimationUsingKeyFrames>
                      <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                        <SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
                        <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
                      </ThicknessAnimationUsingKeyFrames>
                    </Storyboard>
                  </ControlTemplate.Resources>
                  <Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                    <Border x:Name="Shadow" BorderBrush="#33000000" BorderThickness="0,0,0,1" CornerRadius="6" Margin="1,1,1,0" Padding="1"/>
                    <Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Margin="1" RadiusY="5" RadiusX="5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" StrokeThickness="1">
                      <Rectangle.Stroke>
                        <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
                          <GradientStop Color="#66000000" Offset="0"/>
                          <GradientStop Color="#33000000" Offset="1"/>
                        </LinearGradientBrush>
                      </Rectangle.Stroke>
                    </Rectangle>
                    <Rectangle x:Name="RenderOverlay" Margin="2" Opacity="1" RadiusY="4" RadiusX="4" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1">
                      <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
                          <GradientStop Color="#26000000" Offset="0"/>
                          <GradientStop Color="#4CFFFFFF" Offset="1"/>
                        </LinearGradientBrush>
                      </Rectangle.Fill>
                    </Rectangle>
                    <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Color="White" CornerRadius="4" Margin="1" Opacity="0"/>
                    <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                      <ContentPresenter.RenderTransform>
                        <TranslateTransform X="0" Y="-1"/>
                      </ContentPresenter.RenderTransform>
                    </ContentPresenter>
                  </Grid>
                  <ControlTemplate.Triggers>
                    <Trigger Property="IsPressed" Value="True">
                      <Trigger.EnterActions>
                        <BeginStoryboard>
                          <Storyboard>
                            <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                              <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
                            </DoubleAnimationUsingKeyFrames>
                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                              <SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
                            </ThicknessAnimationUsingKeyFrames>
                          </Storyboard>
                        </BeginStoryboard>
                      </Trigger.EnterActions>
                      <Trigger.ExitActions>
                        <BeginStoryboard>
                          <Storyboard>
                            <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                              <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                              <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
                            </DoubleAnimationUsingKeyFrames>
                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                              <SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
                              <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
                            </ThicknessAnimationUsingKeyFrames>
                          </Storyboard>
                        </BeginStoryboard>
                      </Trigger.ExitActions>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="True"/>
                    <Trigger Property="IsEnabled" Value="False">
                      <Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
                      <Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
                      <Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
                      <Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
                      <Setter Property="Foreground" Value="#A5333333"/>
                      <Setter Property="Background" Value="Transparent"/>
                    </Trigger>
                  </ControlTemplate.Triggers>
                </ControlTemplate>
              </Setter.Value>
            </Setter>
          </Style>
        </Style.BasedOn>
      </Style>
      <Style x:Key="SurfaceRadioButtonStyle" TargetType="{x:Type s:SurfaceRadioButton}">
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="Padding" Value="0,0,0,0"/>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type s:SurfaceRadioButton}">
              <ControlTemplate.Resources>
                <Storyboard x:Key="Release">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="fill">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Checked">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="check">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Press">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="fill">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Unchecked">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="check">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
              </ControlTemplate.Resources>
              <BulletDecorator x:Name="bulletDecorator" Background="Transparent" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                <BulletDecorator.Bullet>
                  <Grid x:Name="layoutRoot" Width="20" Height="20">
                    <Ellipse x:Name="border" Stroke="#FFBD2C7C" />
                    <Ellipse x:Name="fill" Opacity="0" Fill="#FFBD2C7C" />
                    <Ellipse x:Name="check" Opacity="0" Fill="#FFBD2C7C" Margin="2" />
                  </Grid>
                </BulletDecorator.Bullet>
                <Grid HorizontalAlignment="Stretch" Margin="5,0,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                  <Grid x:Name="ContentBox" Background="Transparent" HorizontalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                    <ContentPresenter x:Name="Content" ClipToBounds="False" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                  </Grid>
                </Grid>
              </BulletDecorator>
              <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="True">
                  <Trigger.ExitActions>
                    <BeginStoryboard x:Name="Unchecked_BeginStoryboard" Storyboard="{StaticResource Unchecked}"/>
                  </Trigger.ExitActions>
                  <Trigger.EnterActions>
                    <BeginStoryboard x:Name="Checked_BeginStoryboard" Storyboard="{StaticResource Checked}"/>
                  </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                  <Trigger.ExitActions>
                    <BeginStoryboard Storyboard="{StaticResource Release}"/>
                  </Trigger.ExitActions>
                  <Trigger.EnterActions>
                    <BeginStoryboard x:Name="Press_BeginStoryboard" Storyboard="{StaticResource Press}"/>
                  </Trigger.EnterActions>
                </Trigger>
              </ControlTemplate.Triggers>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
        <Style.BasedOn>
          <Style TargetType="{x:Type ButtonBase}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="FocusVisualStyle">
              <Setter.Value>
                <Style>
                  <Setter Property="Control.Template">
                    <Setter.Value>
                      <ControlTemplate/>
                    </Setter.Value>
                  </Setter>
                </Style>
              </Setter.Value>
            </Setter>
            <Setter Property="FontFamily" Value="Segoe UI"/>
            <Setter Property="FontSize" Value="10"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="Background" Value="#33A4B4BD"/>
            <Setter Property="BorderBrush">
              <Setter.Value>
                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                  <GradientStop Color="#7FFFFFFF" Offset="0"/>
                  <GradientStop Color="#0CFFFFFF" Offset="1"/>
                </LinearGradientBrush>
              </Setter.Value>
            </Setter>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="15,6"/>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="MinWidth" Value="30"/>
            <Setter Property="MinHeight" Value="30"/>
            <Setter Property="Template">
              <Setter.Value>
                <ControlTemplate TargetType="{x:Type ButtonBase}">
                  <ControlTemplate.Resources>
                    <Storyboard x:Key="Press">
                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                        <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
                      </DoubleAnimationUsingKeyFrames>
                      <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                        <SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
                      </ThicknessAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="Release">
                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                        <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                        <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
                      </DoubleAnimationUsingKeyFrames>
                      <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                        <SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
                        <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
                      </ThicknessAnimationUsingKeyFrames>
                    </Storyboard>
                  </ControlTemplate.Resources>
                  <Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                    <Border x:Name="Shadow" BorderBrush="#33000000" BorderThickness="0,0,0,1" CornerRadius="6" Margin="1,1,1,0" Padding="1"/>
                    <Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Margin="1" RadiusY="5" RadiusX="5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" StrokeThickness="1">
                      <Rectangle.Stroke>
                        <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
                          <GradientStop Color="#66000000" Offset="0"/>
                          <GradientStop Color="#33000000" Offset="1"/>
                        </LinearGradientBrush>
                      </Rectangle.Stroke>
                    </Rectangle>
                    <Rectangle x:Name="RenderOverlay" Margin="2" Opacity="1" RadiusY="4" RadiusX="4" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1">
                      <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
                          <GradientStop Color="#26000000" Offset="0"/>
                          <GradientStop Color="#4CFFFFFF" Offset="1"/>
                        </LinearGradientBrush>
                      </Rectangle.Fill>
                    </Rectangle>
                    <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Color="White" CornerRadius="4" Margin="1" Opacity="0"/>
                    <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                      <ContentPresenter.RenderTransform>
                        <TranslateTransform X="0" Y="-1"/>
                      </ContentPresenter.RenderTransform>
                    </ContentPresenter>
                  </Grid>
                  <ControlTemplate.Triggers>
                    <Trigger Property="IsPressed" Value="True">
                      <Trigger.EnterActions>
                        <BeginStoryboard>
                          <Storyboard>
                            <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                              <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
                            </DoubleAnimationUsingKeyFrames>
                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                              <SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
                            </ThicknessAnimationUsingKeyFrames>
                          </Storyboard>
                        </BeginStoryboard>
                      </Trigger.EnterActions>
                      <Trigger.ExitActions>
                        <BeginStoryboard>
                          <Storyboard>
                            <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
                              <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                              <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
                            </DoubleAnimationUsingKeyFrames>
                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
                              <SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
                              <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
                            </ThicknessAnimationUsingKeyFrames>
                          </Storyboard>
                        </BeginStoryboard>
                      </Trigger.ExitActions>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="True"/>
                    <Trigger Property="IsEnabled" Value="False">
                      <Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
                      <Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
                      <Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
                      <Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
                      <Setter Property="Foreground" Value="#A5333333"/>
                      <Setter Property="Background" Value="Transparent"/>
                    </Trigger>
                  </ControlTemplate.Triggers>
                </ControlTemplate>
              </Setter.Value>
            </Setter>
          </Style>
        </Style.BasedOn>
      </Style>
      <Style x:Key="SurfaceButtonStyle" TargetType="{x:Type s:SurfaceButton}">
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="FontFamily" Value="Segoe UI"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Focusable" Value="False"/>
        <Setter Property="MinWidth" Value="20"/>
        <Setter Property="MinHeight" Value="20"/>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type s:SurfaceButton}">
              <ControlTemplate.Resources>
                <Storyboard x:Key="Press">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="border">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="Release">
                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="border">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
              </ControlTemplate.Resources>
              <Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                <Border x:Name="border" Background="#FFBD2C7C" Opacity="0" />
                <Border BorderBrush="#FFBD2C7C" BorderThickness="1">
                  <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="0,2,0,3"/>
                </Border>
              </Grid>
              <ControlTemplate.Triggers>
                <Trigger Property="IsPressed" Value="True">
                  <Trigger.ExitActions>
                    <BeginStoryboard x:Name="Release_BeginStoryboard" Storyboard="{StaticResource Release}"/>
                  </Trigger.ExitActions>
                  <Trigger.EnterActions>
                    <BeginStoryboard Storyboard="{StaticResource Press}"/>
                  </Trigger.EnterActions>
                </Trigger>
              </ControlTemplate.Triggers>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <ImageBrush x:Key="BackgroundImageBrush" ImageSource="/LiveStream;component/Resources/AdminBackground.png"/>
    </ResourceDictionary>
  </s:SurfaceUserControl.Resources>
  <Border Background="White" Padding="5">
    <Grid Background="{DynamicResource BackgroundImageBrush}">
      <Grid Margin="20,20,20,0">
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
          <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto" />
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="20" />
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <TextBlock Text="{x:Static props:Resources.System}" FontFamily="/LiveStream;component/Fonts/#Segoe UI Light" FontSize="24" Grid.ColumnSpan="3" Margin="0,-10,0,10" />

        <controls:AdminIndicatorLight Grid.Row="1" Grid.Column="0" IsOn="{Binding Volume}" />
        <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.Volume}}" />
        <Path Grid.Row="2" Grid.Column="0" Width="5.67999" Height="9.42932" Canvas.Left="28.2581" Canvas.Top="62.9336" Stretch="Fill" Fill="#80FFFFFF" Data="F1 M 33.9381,62.9336L 30.4568,65.6483L 28.2581,65.6483L 28.2581,69.6483L 30.4568,69.6483L 33.9381,72.3629L 33.9381,62.9336 Z " HorizontalAlignment="Left"/>
        <Grid Grid.Row="2" Grid.Column="1">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
          </Grid.ColumnDefinitions>
          <s:SurfaceSlider Minimum="0" Maximum="1" Value="{Binding Volume, Mode=TwoWay}" Style="{DynamicResource SurfaceSliderStyle}" VerticalAlignment="Center" Height="22" IsAnyContactCapturedWithinChanged="VolumeSlider_IsAnyContactCapturedWithinChanged" />
          <Path Grid.Column="1" Width="10.8805" Height="9.42932" Canvas.Left="288.015" Canvas.Top="62.9336" Stretch="Fill" Fill="#80FFFFFF" Data="M 293.695,62.9336L 290.214,65.6483L 288.015,65.6483L 288.015,69.6483L 290.214,69.6483L 293.695,72.3629L 293.695,62.9336 Z M 296.909,67.6484C 296.909,66.3258 296.151,65.1911 295.051,64.6218C 294.954,64.7298 294.717,64.8418 294.63,64.9564C 295.638,65.4391 296.338,66.4578 296.338,67.6484C 296.338,68.8391 295.638,69.8578 294.63,70.3405C 294.717,70.4551 294.954,70.5671 295.051,70.6751C 296.151,70.1058 296.909,68.9711 296.909,67.6484 Z M 298.896,67.6484C 298.896,65.8391 297.992,64.2431 296.618,63.2725C 296.396,63.3884 296.181,63.5111 295.978,63.6604C 297.323,64.4858 298.225,65.9564 298.225,67.6484C 298.225,69.3405 297.323,70.8111 295.978,71.6364C 296.181,71.7858 296.396,71.9071 296.618,72.0245C 297.992,71.0538 298.896,69.4578 298.896,67.6484 Z " Margin="5,0,0,0"/>
        </Grid>

        <controls:AdminIndicatorLight Grid.Row="4" Grid.Column="0" IsOn="{Binding FeedProcessor.IsTwitterUp}"
                                      Visibility="{Binding TwitterQuery, Converter={StaticResource VisibilityConverter}, Source={x:Static props:Settings.Default}}" />
        <TextBlock Grid.Row="4" Grid.Column="1"
                   Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.Twitter}}"
                   Visibility="{Binding TwitterQuery, Converter={StaticResource VisibilityConverter}, Source={x:Static props:Settings.Default}}"/>
        <TextBlock Grid.Row="4" Grid.Column="1" TextAlignment="Right" Opacity="0.6"
                   Text="{Binding FeedProcessor.LastTwitterUpdate, StringFormat={x:Static props:Resources.DateTimeFormat}}"
                   Visibility="{Binding TwitterQuery, Converter={StaticResource VisibilityConverter}, Source={x:Static props:Settings.Default}}" />

        <controls:AdminIndicatorLight Grid.Row="5" Grid.Column="0" IsOn="{Binding FeedProcessor.IsFlickrUp}"
                                      Visibility="{Binding FlickrQuery, Converter={StaticResource VisibilityConverter}, Source={x:Static props:Settings.Default}}"/>
        <TextBlock Grid.Row="5" Grid.Column="1"
                   Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.Flickr}}"
                   Visibility="{Binding FlickrQuery, Converter={StaticResource VisibilityConverter}, Source={x:Static props:Settings.Default}}"/>
        <TextBlock Grid.Row="5" Grid.Column="1" TextAlignment="Right" Opacity="0.6"
                   Text="{Binding FeedProcessor.LastFlickrUpdate, StringFormat={x:Static props:Resources.DateTimeFormat}}"
                   Visibility="{Binding FlickrQuery, Converter={StaticResource VisibilityConverter}, Source={x:Static props:Settings.Default}}" />

        <s:SurfaceButton Grid.Row="6" Grid.Column="1" VerticalAlignment="Center" Style="{DynamicResource SurfaceButtonStyle}"
                         ContactTapGesture="RemoveBansBtn_ContactTapGesture">
          <s:SurfaceButton.Visibility>
            <MultiBinding Converter="{StaticResource MultiVisibilityConverter}">
              <Binding Source="{x:Static props:Settings.Default}" Path="FlickrBans" />
              <Binding Source="{x:Static props:Settings.Default}" Path="TwitterBans" />
              <Binding Source="{x:Static props:Settings.Default}" Path="NewsBans" />
            </MultiBinding>
          </s:SurfaceButton.Visibility>
          <TextBlock Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.RemoveBans}}" />
        </s:SurfaceButton>

        <TextBlock Grid.Row="6" Grid.Column="1" VerticalAlignment="Center" TextAlignment="Center" Text="{x:Static props:Resources.NoBans}">
          <TextBlock.Visibility>
            <MultiBinding Converter="{StaticResource MultiVisibilityConverter}" ConverterParameter="flip">
              <Binding Source="{x:Static props:Settings.Default}" Path="FlickrBans" />
              <Binding Source="{x:Static props:Settings.Default}" Path="TwitterBans" />
              <Binding Source="{x:Static props:Settings.Default}" Path="NewsBans" />
            </MultiBinding>
          </TextBlock.Visibility>
        </TextBlock>

        <TextBlock Grid.Row="1" Grid.Column="3" Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.StreamVelocity}}" />
        <Grid Grid.Row="2" Grid.Column="3">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
          </Grid.ColumnDefinitions>
          <Path Grid.Row="0" Grid.Column="0" Width="16.6799" Height="11.9989" Canvas.Left="22.5847" Canvas.Top="113.928" Stretch="Fill" Fill="#80FFFFFF" Data="M 38.6953,118.602C 38.47,118.294 38.3087,117.93 38.098,117.707C 37.494,117.059 36.3767,117.051 35.558,116.758C 35.582,114.684 33.6647,114.099 31.822,113.968C 31.4233,113.944 30.9713,113.835 30.6753,114.122C 31.2127,115.598 33.0753,115.879 33.614,117.407C 29.6353,115.978 25.0007,117.332 24.25,120.991C 24.202,121.231 24.19,121.463 24.1993,121.691C 24.2153,122.027 24.3633,122.371 24.4127,122.686C 23.482,122.206 22.5847,122.452 22.5847,122.452C 22.5847,122.452 23.9247,125.723 26.242,125.723C 27.3207,125.991 28.3273,125.44 29.3807,125.523C 29.834,125.566 30.2407,125.879 30.6753,125.922C 31.0353,125.962 31.638,125.758 32.1193,125.723C 32.806,125.686 33.6313,125.68 34.2633,125.723C 35.106,125.786 36.1393,125.946 35.858,124.78C 35.1433,124.539 34.0913,124.432 34.462,123.286C 34.602,122.852 35.3073,122.474 35.758,121.988C 36.0967,121.623 36.3167,121.235 36.6033,121.14C 37.7753,121.186 38.9367,121.219 39.246,120.395C 39.3393,119.571 39.07,119.114 38.6953,118.602 Z " RenderTransformOrigin="0.5,0.5">
            <Path.RenderTransform>
              <TransformGroup>
                <ScaleTransform ScaleX="-1"/>
                <SkewTransform/>
                <RotateTransform/>
                <TranslateTransform/>
              </TransformGroup>
            </Path.RenderTransform>
          </Path>
          <s:SurfaceSlider Grid.Row="0" Grid.Column="1" Minimum="-200" Maximum="200" Value="{Binding AutoScrollSpeed, Mode=TwoWay}" Style="{DynamicResource SurfaceSliderStyle}" Height="22" Margin="5,0" />
          <Path Grid.Row="0" Grid.Column="2" Width="16.6799" Height="11.9989" Canvas.Left="22.5847" Canvas.Top="113.928" Stretch="Fill" Fill="#80FFFFFF" Data="M 38.6953,118.602C 38.47,118.294 38.3087,117.93 38.098,117.707C 37.494,117.059 36.3767,117.051 35.558,116.758C 35.582,114.684 33.6647,114.099 31.822,113.968C 31.4233,113.944 30.9713,113.835 30.6753,114.122C 31.2127,115.598 33.0753,115.879 33.614,117.407C 29.6353,115.978 25.0007,117.332 24.25,120.991C 24.202,121.231 24.19,121.463 24.1993,121.691C 24.2153,122.027 24.3633,122.371 24.4127,122.686C 23.482,122.206 22.5847,122.452 22.5847,122.452C 22.5847,122.452 23.9247,125.723 26.242,125.723C 27.3207,125.991 28.3273,125.44 29.3807,125.523C 29.834,125.566 30.2407,125.879 30.6753,125.922C 31.0353,125.962 31.638,125.758 32.1193,125.723C 32.806,125.686 33.6313,125.68 34.2633,125.723C 35.106,125.786 36.1393,125.946 35.858,124.78C 35.1433,124.539 34.0913,124.432 34.462,123.286C 34.602,122.852 35.3073,122.474 35.758,121.988C 36.0967,121.623 36.3167,121.235 36.6033,121.14C 37.7753,121.186 38.9367,121.219 39.246,120.395C 39.3393,119.571 39.07,119.114 38.6953,118.602 Z "/>
        </Grid>

        <Path Grid.Row="3" Grid.Column="3" HorizontalAlignment="Center" Width="16.1603" Height="8.37729" Canvas.Left="155.331" Canvas.Top="131.722" Stretch="Fill" Fill="#80FFFFFF" Data="M 155.331,137.471C 155.973,137.449 156.771,137.315 157.427,137.401C 157.291,138.067 156.315,138.882 156.256,139.765C 156.655,140.371 157.575,140.039 157.953,139.662C 158.116,139.499 158.396,138.61 158.607,138.575C 158.904,138.527 159.269,138.934 159.555,139.058C 159.98,139.239 160.447,139.398 160.847,139.454C 163.031,139.754 165.08,139.478 166.683,138.89C 166.929,138.799 167.233,138.606 167.369,138.622C 167.615,138.658 167.883,139.134 168.049,139.354C 168.26,139.639 168.451,139.955 168.757,140.026C 169.161,140.121 169.719,139.862 169.737,139.402C 169.748,139.134 169.303,138.717 169.148,138.551C 168.883,138.266 168.625,138.029 168.616,137.641C 168.888,137.421 169.328,137.466 169.715,137.274C 169.915,137.173 170.073,136.971 170.248,136.903C 170.669,136.733 171.34,136.863 171.468,136.326C 171.64,135.598 170.808,134.942 170.125,135.079C 169.796,135.146 169.551,135.733 169.252,135.682C 169.145,135.661 168.901,135.142 168.789,134.961C 168.328,134.219 167.655,133.835 167.076,133.35C 166.16,132.586 165.1,131.727 163.427,131.722C 162.759,131.721 162.168,131.923 161.621,132.185C 160.569,132.685 159.763,133.361 159.059,134.318C 158.899,134.535 158.708,134.701 158.531,134.957C 158.356,135.213 158.129,135.47 158.025,135.706C 157.865,136.077 157.945,136.221 157.56,136.43C 157.251,136.598 156.673,136.606 156.317,136.701C 155.967,136.793 155.569,137.205 155.331,137.471 Z " Margin="0,5,0,0"/>

        <Grid Grid.Row="4" Grid.RowSpan="4" Grid.Column="3" Margin="0,5,0,0">
          <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
          </Grid.RowDefinitions>
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
          </Grid.ColumnDefinitions>
          <s:SurfaceCheckBox Grid.ColumnSpan="2" IsChecked="{Binding IsProfanityFilterEnabled, Mode=TwoWay}" Style="{DynamicResource SurfaceCheckBoxStyle}" FontSize="12" Margin="0,0,0,3" HorizontalAlignment="Left">
            <TextBlock Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.EnableProfanityFilter}}" />
          </s:SurfaceCheckBox>
          <TextBlock Grid.Row="1" Margin="0,0,8,0" VerticalAlignment="Center"><InlineUIContainer>
          		<TextBlock Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.Mode}}" />
          	</InlineUIContainer></TextBlock>
          <s:SurfaceRadioButton x:Name="_chronologicalBtn" x:FieldModifier="private" Grid.Row="1" Grid.Column="1" Checked="ModeBtn_Checked" Style="{DynamicResource SurfaceRadioButtonStyle}" MinHeight="0" HorizontalAlignment="Left">
            <TextBlock Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.Chronological}}" />
          </s:SurfaceRadioButton>
          <s:SurfaceRadioButton x:Name="_randomBtn" x:FieldModifier="private" Grid.Row="2" Grid.Column="1" Checked="ModeBtn_Checked" Style="{DynamicResource SurfaceRadioButtonStyle}" MinHeight="0" Margin="0,10,0,0" HorizontalAlignment="Left">
            <TextBlock Text="{Binding Converter={StaticResource TitleCaseConverter}, Source={x:Static props:Resources.Random}}" />
          </s:SurfaceRadioButton>
        </Grid>

      </Grid>
      <s:SurfaceButton ContactTapGesture="Close_ContactTapGesture" Grid.Column="1" Style="{DynamicResource ImageCloseButtonStyle}" Foreground="White" Background="#FFBD2C7C" HorizontalAlignment="Right" VerticalAlignment="Top"/>
    </Grid>
  </Border>
</s:SurfaceUserControl>