<ResourceDictionary
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:c="http://schemas.telerik.com/2008/xaml/compile"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="c"
        xmlns:imageEditor="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.ImageEditor"
        xmlns:toolsUI="clr-namespace:Telerik.Windows.Media.Imaging.Tools.UI;assembly=Telerik.Windows.Controls.ImageEditor"
        xmlns:animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls"
        xmlns:imaging="clr-namespace:Telerik.Windows.Media.Imaging;assembly=Telerik.Windows.Controls.ImageEditor">
    <ResourceDictionary.MergedDictionaries>
        <telerik:Office2016ResourceDictionary/>
    </ResourceDictionary.MergedDictionaries>
    <FontFamily x:Key="TelerikWebUI">/Telerik.Windows.Controls;component/Themes/Fonts/TelerikWebUI.ttf#TelerikWebUI</FontFamily>
    <sys:String x:Key="GlyphArrowChevronDown"></sys:String>
    <sys:String x:Key="GlyphUndo"></sys:String>
    <sys:String x:Key="GlyphRedo"></sys:String>
    <sys:String x:Key="GlyphSave"></sys:String>
    <sys:String x:Key="GlyphImageResize"></sys:String>
    <sys:String x:Key="GlyphCrop"></sys:String>
    <sys:String x:Key="GlyphMirror"></sys:String>
    <sys:String x:Key="GlyphFlipHorizontal"></sys:String>
    <sys:String x:Key="GlyphFlipVertical"></sys:String>
    <sys:String x:Key="GlyphRotate"></sys:String>
    <sys:String x:Key="GlyphPalette"></sys:String>
    <sys:String x:Key="GlyphBrightnessContrast"></sys:String>
    <sys:String x:Key="GlyphSaturation"></sys:String>
    <sys:String x:Key="GlyphGreyscale"></sys:String>
    <sys:String x:Key="GlyphBlur"></sys:String>
    <sys:String x:Key="GlyphSharpen"></sys:String>
    <sys:String x:Key="GlyphShape"></sys:String>
    <sys:String x:Key="GlyphRoundCorners"></sys:String>
    <sys:String x:Key="GlyphEditTools"></sys:String>
    <sys:String x:Key="GlyphFolderOpen"></sys:String>
    <telerik:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
    <Thickness x:Key="ToolSettings_ControlPadding">10 10 10 0</Thickness>
    <Thickness x:Key="ToolSettingsHeader_Margin">0 5 0 10</Thickness>
    <Thickness x:Key="ToolSettings_ContentPresenterMargin">0 5</Thickness>
    <Thickness x:Key="ToolSettings_ShortContentPresenterMargin">0 10 0 15</Thickness>
    <Thickness x:Key="ToolSettings_TextTopMargin">0 15 0 0</Thickness>
    <Style TargetType="imageEditor:RadImageEditor" x:Key="RadImageEditorStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Padding" Value="10"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="imageEditor:RadImageEditor">
                    <Grid x:Name="LayoutRoot">
                        <ScrollViewer x:Name="ScrollViewer"
                                HorizontalScrollBarVisibility="Auto"
                                VerticalScrollBarVisibility="Auto"
                                BorderBrush="{x:Null}"
                                Background="{TemplateBinding Background}"
                                Padding="-1 -1 0 0">
                            <Grid x:Name="ScrollContent">
                                <Grid x:Name="ImageView">
                                    <Grid Background="{telerik:Office2016Resource ResourceKey=MainBrush}" HorizontalAlignment="Center" VerticalAlignment="Center">
                                        <Image x:Name="MainImage"/>
                                        <Grid x:Name="PreviewPanel"/>
                                    </Grid>
                                </Grid>
                            </Grid>
                        </ScrollViewer>
                        <Grid>
                            <toolsUI:InlineToolSettingsPane x:Name="ToolSettingsPane" Visibility="Collapsed"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:InlineToolSettingsPane" x:Key="InlineToolSettingsPaneStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="MinWidth" Value="160"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:InlineToolSettingsPane">
                    <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Cursor="Hand">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <ContentPresenter Margin="4"/>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Row="1" Margin="4">
                                <telerik:RadButton Name="ButtonOK" Margin="4 0" MinWidth="58" telerik:LocalizationManager.ResourceKey="Ok"/>
                                <telerik:RadButton Name="ButtonCancel" Margin="4 0" MinWidth="58" telerik:LocalizationManager.ResourceKey="Cancel"/>
                                <telerik:RadButton Name="ButtonReset" Margin="4 0" MinWidth="58" HorizontalAlignment="Right" telerik:LocalizationManager.ResourceKey="Reset"/>
                            </StackPanel>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:ToolSettingsPanel" x:Key="ToolSettingsPanelStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="BorderBrush" Value="{x:Null}"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="MinWidth" Value="210"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:ToolSettingsPanel">
                    <Grid Background="{TemplateBinding Background}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}">
                            <ContentPresenter Margin="{TemplateBinding Margin}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </ScrollViewer>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Row="1" Margin="10">
                            <telerik:RadButton x:Name="ButtonOK" Visibility="Collapsed" MinWidth="58" Margin="0 0 8 0" telerik:LocalizationManager.ResourceKey="Ok"/>
                            <telerik:RadButton x:Name="ButtonCancel" Visibility="Collapsed" MinWidth="58" Margin="0 0 8 0" telerik:LocalizationManager.ResourceKey="Cancel"/>
                            <telerik:RadButton x:Name="ButtonReset" MinWidth="58" telerik:LocalizationManager.ResourceKey="Reset"/>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="Thumb" x:Key="ThumbStyleEmpty">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Thumb">
                    <Rectangle Fill="Black"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="Thumb" x:Key="IntersectionThumbStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Thumb">
                    <Rectangle Fill="{telerik:Office2016Resource ResourceKey=AccentFocusedBrush}" Width="5" Height="5"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="Thumb" x:Key="BridgeThumbStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Thumb">
                    <Rectangle Fill="{telerik:Office2016Resource ResourceKey=AccentFocusedBrush}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:CropAdorner" x:Key="CropAdornerStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:CropAdorner">
                    <Grid x:Name="MainGrid">
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Rectangle Fill="Black" Opacity="0.3" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3"/>
                        <Rectangle Fill="Black" Opacity="0.3" Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="1"/>
                        <Rectangle Fill="Black" Opacity="0.3" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3"/>
                        <Rectangle Fill="Black" Opacity="0.3" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="1"/>
                        <Thumb x:Name="ThumbC" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Style="{StaticResource ThumbStyleEmpty}" Opacity="0"/>
                        <Thumb x:Name="ThumbL"
                                Width="16"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="-8 0 0 0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Stretch"
                                Style="{StaticResource ThumbStyleEmpty}"
                                Opacity="0"
                                Cursor="SizeWE"/>
                        <Thumb x:Name="ThumbR"
                                Width="16"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="0 0 -8 0"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Stretch"
                                Style="{StaticResource ThumbStyleEmpty}"
                                Opacity="0"
                                Cursor="SizeWE"/>
                        <Thumb x:Name="ThumbT"
                                Height="16"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="0 -8 0 0"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Top"
                                Style="{StaticResource ThumbStyleEmpty}"
                                Opacity="0"
                                Cursor="SizeNS"/>
                        <Thumb x:Name="ThumbB"
                                Height="16"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="0 0 0 -8"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Bottom"
                                Style="{StaticResource ThumbStyleEmpty}"
                                Opacity="0"
                                Cursor="SizeNS"/>
                        <Thumb x:Name="ThumbTL"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="-2 -2 0 0"
                                Cursor="SizeNWSE"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Top"
                                Style="{StaticResource IntersectionThumbStyle}"/>
                        <Thumb x:Name="ThumbTR"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="0 -2 -2 0"
                                Cursor="SizeNESW"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Top"
                                Style="{StaticResource IntersectionThumbStyle}"/>
                        <Thumb x:Name="ThumbBR"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="0 0 -2 -2"
                                Cursor="SizeNWSE"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Bottom"
                                Style="{StaticResource IntersectionThumbStyle}"/>
                        <Thumb x:Name="ThumbBL"
                                Grid.Row="1"
                                Grid.Column="1"
                                Margin="-2 0 0 -2"
                                Cursor="SizeNESW"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Bottom"
                                Style="{StaticResource IntersectionThumbStyle}"/>
                        <Thumb x:Name="ThumbBridgeL" Grid.Row="1" Grid.Column="1" Width="1" HorizontalAlignment="Left" VerticalAlignment="Stretch" Style="{StaticResource BridgeThumbStyle}"/>
                        <Thumb x:Name="ThumbBridgeT" Grid.Row="1" Grid.Column="1" Height="1" HorizontalAlignment="Stretch" VerticalAlignment="Top" Style="{StaticResource BridgeThumbStyle}"/>
                        <Thumb x:Name="ThumbBridgeR" Grid.Row="1" Grid.Column="1" Width="1" HorizontalAlignment="Right" VerticalAlignment="Stretch" Style="{StaticResource BridgeThumbStyle}"/>
                        <Thumb x:Name="ThumbBridgeB" Grid.Row="1" Grid.Column="1" Height="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Style="{StaticResource BridgeThumbStyle}"/>
                        <Canvas Grid.Row="1" Grid.Column="1" Margin="-2 -16 0 0">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock x:Name="CropSizeLabel" Foreground="{telerik:Office2016Resource ResourceKey=MarkerInvertedBrush}" IsHitTestVisible="False"/>
                                <TextBlock Text="px" Margin="2 0 0 0" Foreground="{telerik:Office2016Resource ResourceKey=MarkerInvertedBrush}" IsHitTestVisible="False"/>
                            </StackPanel>
                        </Canvas>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <ControlTemplate x:Key="ImageEditorToggleButtonTemplate" TargetType="telerik:RadToggleButton">
        <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
    </ControlTemplate>
    <Style x:Key="EmptyFocusVisual">
        <Setter Property="Control.Template">
            <Setter.Value>
                <ControlTemplate>
                    <Rectangle Stroke="Transparent" StrokeThickness="0" Margin="0"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="ImageEditorExpanderStyle" TargetType="telerik:RadExpander">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="Background" Value="#00FFFFFF"/>
        <Setter Property="BorderBrush" Value="#00FFFFFF"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Padding" Value="4 0"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="VerticalHeaderAlignment" Value="Center"/>
        <Setter Property="ExpandDirection" Value="Down"/>
        <Setter Property="animation:AnimationManager.AnimationSelector">
            <Setter.Value>
                <animation:AnimationSelector>
                    <animation:ExpanderExpandCollapseAnimation AnimationName="Expand" Direction="In" TargetElementName="Content"/>
                    <animation:ExpanderExpandCollapseAnimation AnimationName="Collapse" Direction="Out" TargetElementName="Content"/>
                </animation:AnimationSelector>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerik:RadExpander">
                    <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="ExpandStateGroup">
                                <VisualState x:Name="Expanded">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="arrow" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="180" Duration="0:0:0.2"/>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Collapsed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="arrow" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="0" Duration="0:0:0.2"/>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition x:Name="row0" Height="Auto" MinHeight="26"/>
                                    <RowDefinition x:Name="row1" Height="Auto"/>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition x:Name="col0" Width="Auto"/>
                                    <ColumnDefinition x:Name="col1" Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <telerik:RadToggleButton x:Name="ImageEditorHeaderButton"
                                        TabIndex="{TemplateBinding TabIndex}"
                                        HorizontalAlignment="{TemplateBinding HorizontalHeaderAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalHeaderAlignment}"
                                        HorizontalContentAlignment="{TemplateBinding HorizontalHeaderAlignment}"
                                        VerticalContentAlignment="{TemplateBinding VerticalHeaderAlignment}"
                                        Background="Transparent"
                                        Template="{StaticResource ImageEditorToggleButtonTemplate}"
                                        IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                        ClickMode="{TemplateBinding ClickMode}"
                                        FontSize="{TemplateBinding FontSize}"
                                        FontStyle="{TemplateBinding FontStyle}"
                                        FontWeight="{TemplateBinding FontWeight}"
                                        FontFamily="{TemplateBinding FontFamily}"
                                        FontStretch="{TemplateBinding FontStretch}"
                                        Foreground="{TemplateBinding Foreground}"
                                        FocusVisualStyle="{StaticResource EmptyFocusVisual}">
                                    <Grid x:Name="HeaderPanel" Background="Transparent">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="*"/>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Grid Grid.Column="0" Grid.Row="0" Margin="6 0">
                                            <Grid x:Name="arrowPanel" RenderTransformOrigin="0.5 0.5">
                                                <Grid.RenderTransform>
                                                    <RotateTransform/>
                                                </Grid.RenderTransform>
                                                <TextBlock x:Name="arrow"
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        Text="{StaticResource GlyphArrowChevronDown}"
                                                        FontFamily="{StaticResource TelerikWebUI}"
                                                        Foreground="{telerik:Office2016Resource ResourceKey=IconBrush}"
                                                        FontSize="16"
                                                        Margin="5 5 -5 5"
                                                        RenderTransformOrigin="0.5 0.5">
                                                    <TextBlock.RenderTransform>
                                                        <RotateTransform Angle="0"/>
                                                    </TextBlock.RenderTransform>
                                                </TextBlock>
                                            </Grid>
                                        </Grid>
                                        <telerikPrimitives:LayoutTransformControl x:Name="HeaderContentTransform" RenderTransformOrigin=".5 .5" Grid.Column="0" Grid.Row="0">
                                            <ContentControl x:Name="HeaderContent"
                                                    Margin="10 4 10 0"
                                                    VerticalAlignment="Stretch"
                                                    HorizontalAlignment="Stretch"
                                                    DataContext="{TemplateBinding Header}"
                                                    Content="{Binding}"
                                                    ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                    FontWeight="Bold"
                                                    FontFamily="{TemplateBinding FontFamily}"
                                                    FontSize="{TemplateBinding FontSize}"
                                                    Foreground="{TemplateBinding Foreground}"/>
                                        </telerikPrimitives:LayoutTransformControl>
                                    </Grid>
                                </telerik:RadToggleButton>
                                <ContentPresenter x:Name="Content"
                                        Margin="{TemplateBinding Padding}"
                                        Visibility="Collapsed"
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Grid>
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="Content" Property="Opacity" Value="{telerik:Office2016Resource ResourceKey=DisabledOpacity}"/>
                            <Setter TargetName="HeaderContent" Property="Opacity" Value="{telerik:Office2016Resource ResourceKey=DisabledOpacity}"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="arrow" Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=AccentMouseOverBrush}"/>
                            <Setter TargetName="HeaderContent" Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=AccentMouseOverBrush}"/>
                        </Trigger>
                        <Trigger Property="ResultOrientation" Value="Vertical">
                            <Setter TargetName="HeaderContentTransform" Property="LayoutTransform">
                                <Setter.Value>
                                    <RotateTransform Angle="90"/>
                                </Setter.Value>
                            </Setter>
                            <Setter TargetName="HeaderContentTransform" Property="Grid.Row" Value="1"/>
                        </Trigger>
                        <Trigger Property="ResultOrientation" Value="Horizontal">
                            <Setter TargetName="HeaderContentTransform" Property="LayoutTransform">
                                <Setter.Value>
                                    <RotateTransform Angle="0"/>
                                </Setter.Value>
                            </Setter>
                            <Setter TargetName="HeaderContentTransform" Property="Grid.Column" Value="1"/>
                        </Trigger>
                        <Trigger Property="ExpandDirection" Value="Down">
                            <Setter TargetName="col0" Property="Width" Value="*"/>
                            <Setter TargetName="row1" Property="Height" Value="*"/>
                            <Setter TargetName="Content" Property="Grid.Row" Value="1"/>
                            <Trigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="arrow" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="180" Duration="0:0:0.2"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                        </Trigger>
                        <Trigger Property="ExpandDirection" Value="Up">
                            <Setter TargetName="col0" Property="Width" Value="*"/>
                            <Setter TargetName="row0" Property="Height" Value="*"/>
                            <Setter TargetName="ImageEditorHeaderButton" Property="Grid.Row" Value="1"/>
                            <Trigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="arrow" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" To="0" Duration="0:0:0.2"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="imageEditor:RadImageEditorUI" x:Key="RadImageEditorUIStyle">
        <Setter Property="Background" Value="{telerik:Office2016Resource ResourceKey=AlternativeBrush}"/>
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="imageEditor:RadImageEditorUI">
                    <Grid x:Name="LayoutRoot" Background="{TemplateBinding Background}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" MinWidth="150"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto" BorderBrush="{x:Null}" Background="{TemplateBinding Background}" Margin="0 4 0 0">
                            <Grid Grid.Column="0">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                </Grid.RowDefinitions>
                                <StackPanel Orientation="Horizontal" Margin="10 5">
                                    <telerik:RadButton
                                            Command="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenCommand, Mode=TwoWay}"
                                            IsBackgroundVisible="False"
                                            CommandParameter="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenCommandParameter, Mode=TwoWay}"
                                            Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsOpenButtonVisible, Converter={StaticResource BooleanToVisibilityConverter}}"
                                            Margin="1">
                                        <ToolTipService.ToolTip>
                                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_Open"/>
                                        </ToolTipService.ToolTip>
                                        <TextBlock
                                                Text="{StaticResource GlyphFolderOpen}"
                                                FontFamily="{StaticResource TelerikWebUI}"
                                                Foreground="{Binding (TextElement.Foreground), RelativeSource={RelativeSource AncestorType=ContentPresenter}}"
                                                FontSize="16"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"/>
                                    </telerik:RadButton>
                                    <telerik:RadButton
                                            Command="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=SaveCommand, Mode=TwoWay}"
                                            IsBackgroundVisible="False"
                                            CommandParameter="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=SaveCommandParameter, Mode=TwoWay}"
                                            Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsSaveButtonVisible, Converter={StaticResource BooleanToVisibilityConverter}}"
                                            Margin="1">
                                        <ToolTipService.ToolTip>
                                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_Save"/>
                                        </ToolTipService.ToolTip>
                                        <TextBlock
                                                Text="{StaticResource GlyphSave}"
                                                FontFamily="{StaticResource TelerikWebUI}"
                                                Foreground="{Binding (TextElement.Foreground), RelativeSource={RelativeSource AncestorType=ContentPresenter}}"
                                                FontSize="16"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"/>
                                    </telerik:RadButton>
                                    <telerik:RadButton Command="{Binding Path=Commands.Undo, ElementName=ImageEditor}" IsBackgroundVisible="False" Margin="1">
                                        <ToolTipService.ToolTip>
                                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_Undo"/>
                                        </ToolTipService.ToolTip>
                                        <TextBlock
                                                Text="{StaticResource GlyphUndo}"
                                                FontFamily="{StaticResource TelerikWebUI}"
                                                Foreground="{Binding (TextElement.Foreground), RelativeSource={RelativeSource AncestorType=ContentPresenter}}"
                                                FontSize="16"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"/>
                                    </telerik:RadButton>
                                    <telerik:RadButton Command="{Binding Path=Commands.Redo, ElementName=ImageEditor}" IsBackgroundVisible="False" Width="22" Height="22" Margin="1">
                                        <ToolTipService.ToolTip>
                                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_Redo"/>
                                        </ToolTipService.ToolTip>
                                        <TextBlock
                                                Text="{StaticResource GlyphRedo}"
                                                FontFamily="{StaticResource TelerikWebUI}"
                                                Foreground="{Binding (TextElement.Foreground), RelativeSource={RelativeSource AncestorType=ContentPresenter}}"
                                                FontSize="16"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"/>
                                    </telerik:RadButton>
                                </StackPanel>
                                <ItemsControl Grid.Row="2" VerticalAlignment="Top" Margin="0 5 0 0" ItemsSource="{TemplateBinding ImageToolsSections}">
                                    <ItemsControl.ItemTemplate>
                                        <DataTemplate>
                                            <telerik:RadExpander Header="{Binding Header}" IsExpanded="True" Style="{StaticResource ImageEditorExpanderStyle}">
                                                <ItemsControl ItemsSource="{Binding Items}">
                                                    <ItemsControl.ItemsPanel>
                                                        <ItemsPanelTemplate>
                                                            <StackPanel Margin="0"/>
                                                        </ItemsPanelTemplate>
                                                    </ItemsControl.ItemsPanel>
                                                    <ItemsControl.ItemTemplate>
                                                        <DataTemplate>
                                                            <imageEditor:RadImageEditorButton
                                                                    Content="{Binding Text}"
                                                                    Command="{Binding Command}"
                                                                    CommandParameter="{Binding CommandParameter}"
                                                                    CommandTarget="{Binding ElementName=ImageEditor}"
                                                                    ImageKey="{Binding ImageKey}"
                                                                    Image="{Binding Image}"/>
                                                        </DataTemplate>
                                                    </ItemsControl.ItemTemplate>
                                                </ItemsControl>
                                            </telerik:RadExpander>
                                        </DataTemplate>
                                    </ItemsControl.ItemTemplate>
                                </ItemsControl>
                            </Grid>
                        </ScrollViewer>
                        <Border
                                Grid.Column="1"
                                Background="{telerik:Office2016Resource ResourceKey=AlternativeBrush}"
                                BorderBrush="{telerik:Office2016Resource ResourceKey=BasicBrush}"
                                BorderThickness="0">
                            <Grid Margin="20 20 20 0">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <TextBlock
                                        telerik:LocalizationManager.ResourceKey="ImageEditor_ImagePreview"
                                        Foreground="{telerik:Office2016Resource ResourceKey=MarkerBrush}"
                                        FontWeight="Bold"
                                        VerticalAlignment="Top"/>
                                <imageEditor:RadImageEditor
                                        Grid.Row="1"
                                        x:Name="ImageEditor"
                                        ToolSettingsContainer="{Binding ElementName=SettingsPanel}"
                                        VerticalAlignment="Stretch"
                                        HorizontalAlignment="Stretch"
                                        Margin="0 8 0 0"
                                        Image="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Image, Mode=OneWay}"
                                        IsReadOnly="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsReadOnly, Mode=TwoWay}"/>
                                <imaging:ZoomController Grid.Row="2" ImageEditor="{Binding ElementName=ImageEditor}" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0 8"/>
                            </Grid>
                        </Border>
                        <Grid Grid.Column="2" Margin="0 5 0 0">
                            <Rectangle
                                    Width="1"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Stretch"
                                    Visibility="{Binding Visibility, ElementName=SettingsPanel}"
                                    Fill="{telerik:Office2016Resource ResourceKey=BasicBrush}"/>
                            <toolsUI:ToolSettingsPanel x:Name="SettingsPanel" Visibility="Collapsed"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:NumericPropertyEditor" x:Key="NumericPropertyEditorStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="Margin" Value="0 4"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:NumericPropertyEditor">
                    <Grid x:Name="LayoutRoot" Margin="{TemplateBinding Padding}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" MinHeight="24"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                Grid.ColumnSpan="2"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Text="{TemplateBinding PropertyName}"
                                Foreground="{TemplateBinding Foreground}"
                                FontFamily="{TemplateBinding FontFamily}"
                                FontSize="{TemplateBinding FontSize}"/>
                        <telerik:RadSlider
                                Grid.Row="1"
                                Margin="0 0 10 0"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Value, Mode=TwoWay}"
                                Minimum="{TemplateBinding MinimumValue}"
                                Maximum="{TemplateBinding MaximumValue}"/>
                        <telerik:RadNumericUpDown
                                Grid.Row="1"
                                Grid.Column="1"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Minimum="{TemplateBinding MinimumValue}"
                                Width="75"
                                Maximum="{TemplateBinding MaximumValue}"
                                Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Value, Mode=TwoWay}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="imaging:PercentComboBox" x:Key="PercentComboBoxStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="imaging:PercentComboBox">
                    <Grid x:Name="LayoutRoot">
                        <telerik:RadComboBox x:Name="comboPercent" IsEditable="True" SelectedIndex="3" IsTextSearchEnabled="False" VerticalAlignment="Center" MaxDropDownHeight="210">
                            <telerik:RadComboBoxItem telerik:LocalizationManager.ResourceKey="ImageEditor_Auto"/>
                            <telerik:RadComboBoxItem Content="10%"/>
                            <telerik:RadComboBoxItem Content="25%"/>
                            <telerik:RadComboBoxItem Content="50%"/>
                            <telerik:RadComboBoxItem Content="100%"/>
                            <telerik:RadComboBoxItem Content="150%"/>
                            <telerik:RadComboBoxItem Content="200%"/>
                            <telerik:RadComboBoxItem Content="500%"/>
                        </telerik:RadComboBox>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="imaging:ZoomController" x:Key="ZoomControllerStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="imaging:ZoomController">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" MinWidth="120"/>
                            <ColumnDefinition Width="Auto" MinWidth="62"/>
                        </Grid.ColumnDefinitions>
                        <telerik:RadSlider Grid.Column="0" x:Name="ZoomSlider" Minimum="0" Maximum="1" Margin="0 0 5 0" SmallChange="0.01" LargeChange="0.025" VerticalAlignment="Center"/>
                        <imaging:PercentComboBox Grid.Column="1" x:Name="ZoomComboBox"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="RadImageEditorButtonStyle" TargetType="imageEditor:RadImageEditorButton">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="{x:Null}"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Margin" Value="0 1"/>
        <Setter Property="Padding" Value="4 5"/>
        <Setter Property="ImageThemeKey" Value="{x:Null}"/>
        <Setter Property="IsBackgroundVisible" Value="False"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="CornerRadius" Value="{telerik:Office2016Resource ResourceKey=CornerRadius}"/>
        <Setter Property="UseLayoutRounding" Value="True"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="imageEditor:RadImageEditorButton">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Border x:Name="BorderVisual"
                                Grid.ColumnSpan="2"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                Background="{TemplateBinding Background}"
                                CornerRadius="{telerik:Office2016Resource ResourceKey=CornerRadius}"/>
                        <Border x:Name="MouseOverVisual"
                                Grid.ColumnSpan="2"
                                Opacity="0"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{telerik:Office2016Resource ResourceKey=AccentMouseOverBrush}"
                                Background="{telerik:Office2016Resource ResourceKey=AccentMouseOverBrush}"
                                CornerRadius="{telerik:Office2016Resource ResourceKey=CornerRadius}"/>
                        <TextBlock x:Name="Glyph"
                                FontFamily="{StaticResource TelerikWebUI}"
                                Foreground="{telerik:Office2016Resource ResourceKey=IconBrush}"
                                FontSize="16"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                RenderTransformOrigin="0.5 0.5"
                                Margin="8 0"/>
                        <ContentPresenter x:Name="Content"
                                Grid.Column="1"
                                Margin="{TemplateBinding Padding}"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                RecognizesAccessKey="True"/>
                        <Border x:Name="FocusVisual"
                                Grid.ColumnSpan="2"
                                Opacity="0"
                                BorderThickness="{telerik:Office2016Resource ResourceKey=FocusThickness}"
                                BorderBrush="{telerik:Office2016Resource ResourceKey=AccentFocusedBrush}"
                                CornerRadius="{telerik:Office2016Resource ResourceKey=CornerRadius}"/>
                        <Rectangle Fill="Transparent" Grid.ColumnSpan="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Resize">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphImageResize}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Rotate90CW">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphRotate}"/>
                            <Setter TargetName="Glyph" Property="LayoutTransform">
                                <Setter.Value>
                                    <RotateTransform Angle="90"/>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Rotate180CW">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphRotate}"/>
                            <Setter TargetName="Glyph" Property="LayoutTransform">
                                <Setter.Value>
                                    <RotateTransform Angle="180"/>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Rotate90CCW">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphRotate}"/>
                            <Setter TargetName="Glyph" Property="LayoutTransform">
                                <Setter.Value>
                                    <RotateTransform Angle="270"/>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="RoundCorners">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphRoundCorners}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="FlipHorizontal">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphFlipHorizontal}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="FlipVertical">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphFlipVertical}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Crop">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphCrop}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="DrawText">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphEditTools}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="HueShift">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphSaturation}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Saturation">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphGreyscale}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Contrast">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphBrightnessContrast}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Invert">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphMirror}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Sharpen">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphSharpen}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Blur">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphBlur}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Shape">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphShape}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ImageKey, RelativeSource={RelativeSource Self}}" Value="Draw">
                            <Setter TargetName="Glyph" Property="Text" Value="{StaticResource GlyphPalette}"/>
                        </DataTrigger>
                        <Trigger Property="IsFocused" Value="True">
                            <Setter TargetName="FocusVisual" Property="Opacity" Value="1"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="MouseOverVisual" Property="Opacity" Value="1"/>
                            <Setter TargetName="Content" Property="TextBlock.Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerInvertedBrush}"/>
                            <Setter TargetName="Glyph" Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerInvertedBrush}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="MouseOverVisual" Property="Background" Value="{telerik:Office2016Resource ResourceKey=AccentPressedBrush}"/>
                            <Setter TargetName="MouseOverVisual" Property="BorderBrush" Value="{telerik:Office2016Resource ResourceKey=AccentPressedBrush}"/>
                            <Setter TargetName="Content" Property="TextBlock.Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerInvertedBrush}"/>
                            <Setter TargetName="Glyph" Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerInvertedBrush}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="Content" Property="Opacity" Value="{telerik:Office2016Resource ResourceKey=DisabledOpacity}"/>
                            <Setter TargetName="MouseOverVisual" Property="BorderBrush" Value="{telerik:Office2016Resource ResourceKey=BasicBrush}"/>
                            <Setter TargetName="MouseOverVisual" Property="Background" Value="{telerik:Office2016Resource ResourceKey=AlternativeBrush}"/>
                            <Setter TargetName="Glyph" Property="Opacity" Value="{telerik:Office2016Resource ResourceKey=DisabledOpacity}"/>
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsMouseOver" Value="True"/>
                                <Condition Property="IsFocused" Value="True"/>
                            </MultiTrigger.Conditions>
                            <Setter TargetName="FocusVisual" Property="Opacity" Value="0"/>
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsFocused" Value="True"/>
                                <Condition Property="IsPressed" Value="True"/>
                            </MultiTrigger.Conditions>
                            <Setter TargetName="FocusVisual" Property="Opacity" Value="0"/>
                        </MultiTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:RoundCornersToolSettings" x:Key="RoundCornersToolSettingsStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Padding" Value="{StaticResource ToolSettings_ControlPadding}"/>
        <Setter Property="FontWeight" Value="Normal"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:RoundCornersToolSettings">
                    <Grid>
                        <Grid Margin="{TemplateBinding Padding}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <TextBlock x:Name="roundCornersHeaderHelperTextBlock" telerik:LocalizationManager.ResourceKey="ImageEditor_RoundCorners" Visibility="Collapsed"/>
                            <TextBlock
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Left"
                                    TextWrapping="Wrap"
                                    Margin="{StaticResource ToolSettingsHeader_Margin}"
                                    FontWeight="Bold"
                                    Text="{Binding ElementName=roundCornersHeaderHelperTextBlock, Path=Text}"/>
                            <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ContentPresenterMargin}" Row="1">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <TextBlock x:Name="radiusHelperTextBlock" Grid.Row="0" Grid.ColumnSpan="2" Visibility="Collapsed" telerik:LocalizationManager.ResourceKey="ImageEditor_Radius"/>
                                <toolsUI:NumericPropertyEditor
                                        PropertyName="{Binding ElementName=radiusHelperTextBlock, Path=Text}"
                                        Grid.Row="0"
                                        Grid.ColumnSpan="2"
                                        MinimumValue="0"
                                        MaximumValue="50"
                                        VerticalAlignment="Center"
                                        x:Name="SliderRadius"/>
                                <TextBlock Grid.Row="1" VerticalAlignment="Center" telerik:LocalizationManager.ResourceKey="ImageEditor_Background"/>
                                <telerik:RadColorPicker
                                        AutomaticColor="Transparent"
                                        Grid.Row="1"
                                        Grid.Column="1"
                                        x:Name="ColorPickerBackground"
                                        NoColorVisibility="Visible"
                                        Margin="0 5"
                                        HorizontalAlignment="Right"
                                        NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Transparent}"/>
                                <TextBlock x:Name="borderThicknessHelperTextBlock"
                                        Grid.Row="2"
                                        Grid.ColumnSpan="2"
                                        Visibility="Collapsed"
                                        telerik:LocalizationManager.ResourceKey="ImageEditor_BorderThickness"/>
                                <toolsUI:NumericPropertyEditor
                                        PropertyName="{Binding ElementName=borderThicknessHelperTextBlock, Path=Text}"
                                        Grid.Row="2"
                                        Grid.ColumnSpan="2"
                                        MinimumValue="0"
                                        MaximumValue="10"
                                        x:Name="SliderBorderThickness"/>
                                <TextBlock Grid.Row="3" VerticalAlignment="Center" telerik:LocalizationManager.ResourceKey="ImageEditor_BorderColor"/>
                                <telerik:RadColorPicker
                                        AutomaticColor="Transparent"
                                        Grid.Row="3"
                                        Grid.Column="1"
                                        x:Name="ColorPickerBorder"
                                        NoColorVisibility="Visible"
                                        NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Transparent}"
                                        Margin="0 5"
                                        HorizontalAlignment="Right"/>
                            </Grid>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:CanvasResizeToolSettings" x:Key="CanvasResizeToolSettingsStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Padding" Value="{StaticResource ToolSettings_ControlPadding}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:CanvasResizeToolSettings">
                    <Grid Margin="{TemplateBinding Padding}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock x:Name="canvasResizeHeaderHelperTextBlock" telerik:LocalizationManager.ResourceKey="ImageEditor_CanvasResize" Visibility="Collapsed"/>
                        <TextBlock
                                VerticalAlignment="Center"
                                HorizontalAlignment="Left"
                                TextWrapping="Wrap"
                                Margin="{StaticResource ToolSettingsHeader_Margin}"
                                Foreground="{TemplateBinding Foreground}"
                                Text="{Binding ElementName=canvasResizeHeaderHelperTextBlock, Path=Text}"
                                FontWeight="Bold"/>
                        <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ContentPresenterMargin}" Row="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_CanvasSize" Grid.ColumnSpan="4" VerticalAlignment="Center"/>
                            <TextBlock x:Name="LabelCanvasSize" Grid.Column="3" Grid.ColumnSpan="3" FontWeight="Bold" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            <TextBlock Grid.Row="1" telerik:LocalizationManager.ResourceKey="ImageEditor_Width" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                            <telerik:RadNumericUpDown x:Name="NumericWidthPx"
                                    Grid.Row="2"
                                    Grid.Column="0"
                                    IsInteger="True"
                                    Maximum="4000"
                                    Width="70"
                                    Minimum="1"
                                    NumberDecimalDigits="0"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Left"
                                    UpdateValueEvent="PropertyChanged"
                                    Margin="0 0 5 0"/>
                            <TextBlock Grid.Row="2" Grid.Column="1" Text="px" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="1 0"/>
                            <TextBlock Grid.Row="1" Grid.Column="3" telerik:LocalizationManager.ResourceKey="ImageEditor_Height" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                            <telerik:RadNumericUpDown x:Name="NumericHeightPx"
                                    Grid.Row="2"
                                    Grid.Column="3"
                                    IsInteger="True"
                                    Maximum="4000"
                                    Minimum="1"
                                    Width="70"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Left"
                                    NumberDecimalDigits="0"
                                    UpdateValueEvent="PropertyChanged"
                                    Margin="0 0 5 0"/>
                            <TextBlock Grid.Row="2" Grid.Column="4" Text="px" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="1 0"/>
                            <TextBlock
                                    Grid.Row="3"
                                    Grid.ColumnSpan="6"
                                    telerik:LocalizationManager.ResourceKey="ImageEditor_ImageAlignment"
                                    VerticalAlignment="Center"
                                    Margin="{StaticResource ToolSettings_TextTopMargin}"/>
                            <Grid Grid.Row="4" Grid.ColumnSpan="6" HorizontalAlignment="Center" VerticalAlignment="Center" Width="80" Height="80" Margin="0 10 0 0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition/>
                                    <ColumnDefinition/>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition/>
                                    <RowDefinition/>
                                    <RowDefinition/>
                                </Grid.RowDefinitions>
                                <telerik:RadRadioButton Grid.Row="0" Grid.Column="0" x:Name="AlignTL"/>
                                <telerik:RadRadioButton Grid.Row="0" Grid.Column="1" x:Name="AlignTC"/>
                                <telerik:RadRadioButton Grid.Row="0" Grid.Column="2" x:Name="AlignTR"/>
                                <telerik:RadRadioButton Grid.Row="1" Grid.Column="0" x:Name="AlignCL"/>
                                <telerik:RadRadioButton Grid.Row="1" Grid.Column="1" x:Name="AlignCC"/>
                                <telerik:RadRadioButton Grid.Row="1" Grid.Column="2" x:Name="AlignCR"/>
                                <telerik:RadRadioButton Grid.Row="2" Grid.Column="0" x:Name="AlignBL"/>
                                <telerik:RadRadioButton Grid.Row="2" Grid.Column="1" x:Name="AlignBC"/>
                                <telerik:RadRadioButton Grid.Row="2" Grid.Column="2" x:Name="AlignBR"/>
                            </Grid>
                            <TextBlock Grid.Row="5" Grid.ColumnSpan="4" telerik:LocalizationManager.ResourceKey="ImageEditor_Background" VerticalAlignment="Center"/>
                            <telerik:RadColorPicker
                                    AutomaticColor="Transparent"
                                    Grid.Row="5"
                                    Grid.Column="3"
                                    Grid.ColumnSpan="3"
                                    x:Name="ColorPickerBackground"
                                    NoColorVisibility="Visible"
                                    Margin="0 5"
                                    NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Transparent}"
                                    HorizontalAlignment="Right"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:DrawTextToolSettings" x:Key="DrawTextToolSettingsStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="Padding" Value="{StaticResource ToolSettings_ControlPadding}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:DrawTextToolSettings">
                    <Grid Margin="{TemplateBinding Padding}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <TextBlock x:Name="drawtextHelperTextBlock" telerik:LocalizationManager.ResourceKey="ImageEditor_DrawText" Visibility="Collapsed"/>
                            <TextBlock
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Left"
                                    TextWrapping="Wrap"
                                    Margin="{StaticResource ToolSettingsHeader_Margin}"
                                    Foreground="{TemplateBinding Foreground}"
                                    FontWeight="Bold"
                                    Text="{Binding ElementName=drawtextHelperTextBlock, Path=Text}"/>
                            <Grid Grid.Row="2" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ContentPresenterMargin}">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Row="0" Grid.ColumnSpan="2" VerticalAlignment="Center" telerik:LocalizationManager.ResourceKey="ImageEditor_Text"/>
                                <TextBox
                                        Grid.Row="1"
                                        Grid.ColumnSpan="2"
                                        Name="TextBox"
                                        SnapsToDevicePixels="True"
                                        VerticalAlignment="Center"
                                        VerticalContentAlignment="Center"
                                        Width="188"
                                        HorizontalAlignment="Left"/>
                                <TextBlock x:Name="fontSizeHelperTextBlock" Grid.Row="2" Grid.ColumnSpan="2" Visibility="Collapsed" telerik:LocalizationManager.ResourceKey="ImageEditor_FontSize"/>
                                <toolsUI:NumericPropertyEditor PropertyName="{Binding ElementName=fontSizeHelperTextBlock, Path=Text}" Grid.Row="2" Grid.ColumnSpan="2" MinimumValue="1" MaximumValue="160" x:Name="NumericFontSize"/>
                                <TextBlock Grid.Row="3" VerticalAlignment="Center" telerik:LocalizationManager.ResourceKey="ImageEditor_TextColor"/>
                                <telerik:RadColorPicker
                                        AutomaticColor="Black"
                                        Grid.Row="3"
                                        Grid.Column="1"
                                        x:Name="ColorPickerText"
                                        NoColorVisibility="Visible"
                                        HorizontalAlignment="Right"
                                        NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Black}"/>
                                <TextBlock x:Name="horizontalPositionHelperTextBlock"
                                        Grid.Row="4"
                                        Grid.ColumnSpan="2"
                                        Visibility="Collapsed"
                                        telerik:LocalizationManager.ResourceKey="ImageEditor_HorizontalPosition"/>
                                <toolsUI:NumericPropertyEditor PropertyName="{Binding ElementName=horizontalPositionHelperTextBlock, Path=Text}" Grid.Row="4" Grid.ColumnSpan="2" Name="NumericPositionX"/>
                                <TextBlock x:Name="verticalPositionHelperTextBlock"
                                        Grid.Row="5"
                                        Grid.ColumnSpan="2"
                                        Visibility="Collapsed"
                                        telerik:LocalizationManager.ResourceKey="ImageEditor_VerticalPosition"/>
                                <toolsUI:NumericPropertyEditor PropertyName="{Binding ElementName=verticalPositionHelperTextBlock, Path=Text}" Grid.Row="5" Grid.ColumnSpan="2" Name="NumericPositionY"/>
                                <TextBlock x:Name="rotationHelperTextBlock" Grid.Row="6" Grid.ColumnSpan="2" Visibility="Collapsed" telerik:LocalizationManager.ResourceKey="ImageEditor_Rotation"/>
                                <toolsUI:NumericPropertyEditor
                                        PropertyName="{Binding ElementName=rotationHelperTextBlock, Path=Text}"
                                        Grid.Row="6"
                                        Grid.ColumnSpan="2"
                                        Name="NumericRotationDegrees"
                                        MaximumValue="180"
                                        MinimumValue="-180"/>
                            </Grid>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:ResizeToolSettings" x:Key="ResizeToolSettingsStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="Padding" Value="{StaticResource ToolSettings_ControlPadding}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:ResizeToolSettings">
                    <Grid Margin="{TemplateBinding Padding}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <TextBlock x:Name="resizeHeaderHelperTextBlock" telerik:LocalizationManager.ResourceKey="ImageEditor_Resize" Visibility="Collapsed"/>
                            <TextBlock
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Left"
                                    TextWrapping="Wrap"
                                    Margin="{StaticResource ToolSettingsHeader_Margin}"
                                    Foreground="{TemplateBinding Foreground}"
                                    FontSize="{TemplateBinding FontSize}"
                                    FontWeight="Bold"
                                    Text="{Binding ElementName=resizeHeaderHelperTextBlock, Path=Text}"/>
                            <Grid Grid.Row="2" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ContentPresenterMargin}">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                    <RowDefinition Height="Auto" MinHeight="26"/>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_ImageSize" Grid.ColumnSpan="6" VerticalAlignment="Center"/>
                                <TextBlock x:Name="LabelImageSize" Grid.Column="3" Grid.ColumnSpan="3" FontWeight="Bold" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                                <TextBlock Grid.Row="1" telerik:LocalizationManager.ResourceKey="ImageEditor_Width" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <telerik:RadNumericUpDown x:Name="NumericWidthPx"
                                        Grid.Row="2"
                                        Grid.Column="0"
                                        IsInteger="True"
                                        Maximum="4000"
                                        Width="70"
                                        Minimum="1"
                                        NumberDecimalDigits="0"
                                        VerticalAlignment="Center"
                                        HorizontalAlignment="Left"
                                        Margin="0 0 5 0"
                                        UpdateValueEvent="PropertyChanged"/>
                                <TextBlock Grid.Row="2" Grid.Column="1" Text="px" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0"/>
                                <TextBlock Grid.Row="1" Grid.Column="3" telerik:LocalizationManager.ResourceKey="ImageEditor_Height" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <telerik:RadNumericUpDown x:Name="NumericHeightPx"
                                        Grid.Row="2"
                                        Grid.Column="3"
                                        IsInteger="True"
                                        Maximum="4000"
                                        Minimum="1"
                                        Width="70"
                                        VerticalAlignment="Center"
                                        HorizontalAlignment="Left"
                                        Margin="0 0 5 0"
                                        NumberDecimalDigits="0"
                                        UpdateValueEvent="PropertyChanged"/>
                                <TextBlock Grid.Row="2" Grid.Column="4" Text="px" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0"/>
                                <TextBlock
                                        Grid.Row="3"
                                        Grid.ColumnSpan="6"
                                        telerik:LocalizationManager.ResourceKey="ImageEditor_RelativeSize"
                                        VerticalAlignment="Center"
                                        Margin="{StaticResource ToolSettings_TextTopMargin}"/>
                                <TextBlock Grid.Row="4" telerik:LocalizationManager.ResourceKey="ImageEditor_Width" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <telerik:RadNumericUpDown x:Name="NumericWidthPercent"
                                        Grid.Row="5"
                                        Grid.Column="0"
                                        IsInteger="False"
                                        Maximum="100000"
                                        Minimum="0"
                                        Margin="0 0 5 0"
                                        VerticalAlignment="Center"
                                        HorizontalAlignment="Left"
                                        NumberDecimalDigits="2"
                                        UpdateValueEvent="PropertyChanged"
                                        Width="70"/>
                                <TextBlock Grid.Row="5" Grid.Column="1" Text="%" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0"/>
                                <TextBlock Grid.Row="4" Grid.Column="3" telerik:LocalizationManager.ResourceKey="ImageEditor_Height" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <telerik:RadNumericUpDown x:Name="NumericHeightPercent"
                                        Grid.Row="5"
                                        Grid.Column="3"
                                        IsInteger="False"
                                        Maximum="100000"
                                        Minimum="0"
                                        NumberDecimalDigits="2"
                                        VerticalAlignment="Center"
                                        HorizontalAlignment="Left"
                                        Margin="0 0 5 0"
                                        UpdateValueEvent="PropertyChanged"
                                        Width="70"/>
                                <TextBlock Grid.Row="5" Grid.Column="4" Text="%" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0"/>
                                <TextBlock
                                        Grid.Row="6"
                                        Grid.ColumnSpan="6"
                                        telerik:LocalizationManager.ResourceKey="ImageEditor_Options"
                                        VerticalAlignment="Center"
                                        Margin="{StaticResource ToolSettings_TextTopMargin}"/>
                                <CheckBox Grid.Row="7" Grid.ColumnSpan="6" IsChecked="True" Name="CheckPreserveAspectRatio" VerticalAlignment="Center">
                                    <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_PreserveAspectRatio" VerticalAlignment="Center"/>
                                </CheckBox>
                            </Grid>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:ToolSettingsHeader" x:Key="ToolSettingsHeaderStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:ToolSettingsHeader">
                    <Grid Margin="{StaticResource ToolSettings_ControlPadding}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock
                                DataContext="{TemplateBinding Header}"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Left"
                                TextWrapping="Wrap"
                                Margin="{StaticResource ToolSettingsHeader_Margin}"
                                Foreground="{TemplateBinding Foreground}"
                                FontSize="{TemplateBinding FontSize}"
                                FontFamily="{TemplateBinding FontFamily}"
                                Text="{Binding}"
                                FontWeight="Bold"/>
                        <Grid Grid.Row="2" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ShortContentPresenterMargin}">
                            <ContentPresenter/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:DrawToolSettings" x:Key="DrawToolSettingsStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Padding" Value="{StaticResource ToolSettings_ControlPadding}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:DrawToolSettings">
                    <Grid Margin="{TemplateBinding Padding}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock x:Name="drawToolHeaderHelperTextBlock" telerik:LocalizationManager.ResourceKey="ImageEditor_Draw" Visibility="Collapsed"/>
                        <TextBlock
                                VerticalAlignment="Center"
                                HorizontalAlignment="Left"
                                TextWrapping="Wrap"
                                Margin="{StaticResource ToolSettingsHeader_Margin}"
                                FontWeight="Bold"
                                Text="{Binding ElementName=drawToolHeaderHelperTextBlock, Path=Text}"
                                Foreground="{TemplateBinding Foreground}"
                                FontSize="{TemplateBinding FontSize}"
                                FontFamily="{TemplateBinding FontFamily}"/>
                        <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ContentPresenterMargin}" Row="1">
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*"/>
                                <ColumnDefinition Width="3*"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock
                                    telerik:LocalizationManager.ResourceKey="ImageEditor_DrawTool_BrushSize"
                                    Margin="0 2"
                                    Foreground="{telerik:Office2016Resource ResourceKey=MarkerBrush}"
                                    VerticalAlignment="Center"/>
                            <telerik:RadNumericUpDown x:Name="PART_BrushSizeNumericUpDown" Value="1" Grid.Column="1" Minimum="1" Maximum="99" Margin="0 2" HorizontalAlignment="Right" Width="90"/>
                            <TextBlock
                                    telerik:LocalizationManager.ResourceKey="ImageEditor_DrawTool_BrushColor"
                                    Grid.Row="2"
                                    Margin="0 2"
                                    Foreground="{telerik:Office2016Resource ResourceKey=MarkerBrush}"
                                    VerticalAlignment="Center"/>
                            <telerik:RadColorPicker x:Name="PART_ColorPicker"
                                    Grid.Row="2"
                                    Grid.Column="1"
                                    SelectedColor="Black"
                                    Margin="0 2"
                                    HorizontalAlignment="Right"
                                    AutomaticColor="Black"
                                    NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Black}"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="toolsUI:ShapeToolSettings" x:Key="ShapeToolSettingsStyle">
        <Setter Property="FontFamily" Value="{telerik:Office2016Resource ResourceKey=FontFamily}"/>
        <Setter Property="FontSize" Value="{telerik:Office2016Resource ResourceKey=FontSize}"/>
        <Setter Property="Foreground" Value="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="Padding" Value="{StaticResource ToolSettings_ControlPadding}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="toolsUI:ShapeToolSettings">
                    <Grid Margin="{TemplateBinding Padding}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock x:Name="shapeToolHelperTextBlock" telerik:LocalizationManager.ResourceKey="ImageEditor_ShapeTool_Shape" Visibility="Collapsed"/>
                        <TextBlock
                                Margin="{StaticResource ToolSettingsHeader_Margin}"
                                FontWeight="Bold"
                                FontFamily="{TemplateBinding FontFamily}"
                                FontSize="{TemplateBinding FontSize}"
                                Text="{Binding ElementName=shapeToolHelperTextBlock, Path=Text}"/>
                        <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{StaticResource ToolSettings_ContentPresenterMargin}" Row="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="2*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                                <RowDefinition Height="Auto" MinHeight="26"/>
                            </Grid.RowDefinitions>
                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_ShapeTool_Shape" VerticalAlignment="Center"/>
                            <telerik:RadComboBox x:Name="PART_ShapeComboBox"
                                    Grid.Column="1"
                                    HorizontalAlignment="Right"
                                    SelectedIndex="0"
                                    Width="100"
                                    DisplayMemberPath="DisplayName"
                                    VerticalAlignment="Center"
                                    Margin="0 4"/>
                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_ShapeTool_ShapeFill" Grid.Row="1" VerticalAlignment="Center"/>
                            <telerik:RadColorPicker
                                    Grid.Row="1"
                                    Grid.Column="1"
                                    SelectedColor="Transparent"
                                    x:Name="PART_FillColorPicker"
                                    Margin="0 4"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Center"
                                    AutomaticColor="Transparent"
                                    NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Transparent}"/>
                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_ShapeTool_BorderThickness" Grid.Row="2" Grid.ColumnSpan="2" VerticalAlignment="Center"/>
                            <telerik:RadNumericUpDown x:Name="PART_BrushSizeNumericUpDown"
                                    Grid.Row="2"
                                    Grid.Column="1"
                                    Value="1"
                                    Minimum="1"
                                    Maximum="99"
                                    Margin="0 4"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Center"
                                    Width="80"/>
                            <TextBlock telerik:LocalizationManager.ResourceKey="ImageEditor_ShapeTool_BorderColor" Grid.Row="3" VerticalAlignment="Center"/>
                            <telerik:RadColorPicker x:Name="PART_StrokeColorPicker"
                                    Grid.Row="3"
                                    Grid.Column="1"
                                    Margin="0 4"
                                    SelectedColor="Black"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Center"
                                    AutomaticColor="Black"
                                    NoColorText="{telerik:LocalizableResource Key=ImageEditor_ColorPicker_NoColorText_Black}"/>
                            <CheckBox x:Name="PART_LockRatioCheckBox"
                                    Grid.Row="4"
                                    telerik:LocalizationManager.ResourceKey="ImageEditor_ShapeTool_LockRatio"
                                    HorizontalAlignment="Left"
                                    IsChecked="False"
                                    Margin="0 5"
                                    Foreground="{telerik:Office2016Resource ResourceKey=MarkerBrush}"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="imageEditor:RadImageEditor" BasedOn="{StaticResource RadImageEditorStyle}"/>
    <Style TargetType="toolsUI:InlineToolSettingsPane" BasedOn="{StaticResource InlineToolSettingsPaneStyle}"/>
    <Style TargetType="toolsUI:ToolSettingsPanel" BasedOn="{StaticResource ToolSettingsPanelStyle}"/>
    <Style TargetType="toolsUI:CropAdorner" BasedOn="{StaticResource CropAdornerStyle}"/>
    <Style TargetType="imageEditor:RadImageEditorUI" BasedOn="{StaticResource RadImageEditorUIStyle}"/>
    <Style TargetType="toolsUI:NumericPropertyEditor" BasedOn="{StaticResource NumericPropertyEditorStyle}"/>
    <Style TargetType="imaging:ZoomController" BasedOn="{StaticResource ZoomControllerStyle}"/>
    <Style TargetType="imaging:PercentComboBox" BasedOn="{StaticResource PercentComboBoxStyle}"/>
    <Style TargetType="imageEditor:RadImageEditorButton" BasedOn="{StaticResource RadImageEditorButtonStyle}"/>
    <Style TargetType="toolsUI:RoundCornersToolSettings" BasedOn="{StaticResource RoundCornersToolSettingsStyle}"/>
    <Style TargetType="toolsUI:CanvasResizeToolSettings" BasedOn="{StaticResource CanvasResizeToolSettingsStyle}"/>
    <Style TargetType="toolsUI:DrawTextToolSettings" BasedOn="{StaticResource DrawTextToolSettingsStyle}"/>
    <Style TargetType="toolsUI:ResizeToolSettings" BasedOn="{StaticResource ResizeToolSettingsStyle}"/>
    <Style TargetType="toolsUI:ToolSettingsHeader" BasedOn="{StaticResource ToolSettingsHeaderStyle}"/>
    <Style TargetType="toolsUI:DrawToolSettings" BasedOn="{StaticResource DrawToolSettingsStyle}"/>
    <Style TargetType="toolsUI:ShapeToolSettings" BasedOn="{StaticResource ShapeToolSettingsStyle}"/>
</ResourceDictionary>
