Context Menu not showing when Pane is floating

[Victor]

Hi,

I have created a resource dictionary to customise the colors of my RadDocking/RadPane/....

Everthing works as expected except when the pane is FloatingOnly or FloatingDockable.
The main problem is that the context menu does not show when I right click on the header of the floating pane. So, when I put a pane as a Floating Only, there is no way to dock it again.

Could you please let me know where or how can I modify the floating style or where can I add the context menu.

I'll send you my ResourceDictionary in case you want to try it. (U've been trying to send you my ResourceDictionary but couldn't due to Server Error)

Thanks in advance!!

[Victor]

Demo Project: https://hotfile.com/dl/251948077/bed0013/DockingProject1.rar.html

Dictionary on the next Reply:

[Victor]

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:dock="clr-namespace:Telerik.Windows.Controls.Docking;assembly=Telerik.Windows.Controls.Docking"
                    xmlns:Docking="clr-namespace:Telerik.Windows.Controls.Docking;assembly=Telerik.Windows.Controls.Docking"
                    xmlns:SilverlightClassLibrary1="clr-namespace:Silverlight.Client.Themes"

                    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
                    xmlns:telerikDocking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
                    xmlns:telerikNavigationPrimitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Navigation">
    <!--xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"-->
    <!--  region Brushes  -->

    <SolidColorBrush x:Key="Docking_Background" Color="#FF688CAF" />
    <SolidColorBrush x:Key="Docking_BorderBrush" Color="#FF688CAF" />
    <SilverlightClassLibrary1:CustomTheme x:Key="Theme" />

    <CornerRadius x:Key="Compass_Indicator_CornerRadius">4</CornerRadius>
    <CornerRadius x:Key="Compass_Indicator_InnerCornerRadius">3</CornerRadius>
    <SolidColorBrush x:Key="Compass_Indicator_InnerBorderBrush" Color="#B2FCFCFC" />
    <CornerRadius x:Key="Compass_Background_CornerRadius">6</CornerRadius>
    <CornerRadius x:Key="Compass_Background_InnerCornerRadius">5</CornerRadius>
    <SolidColorBrush x:Key="Compass_Indicator_BorderBrush" Color="#B27E7E7E" />
    <LinearGradientBrush x:Key="Compass_Indicator_Background" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#99F8F8F9" />
        <GradientStop Offset="1" Color="#99DEDEDE" />
        <GradientStop Offset="0.5" Color="#99DEDEDE" />
        <GradientStop Offset="0.5" Color="#99C3C3C3" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Compass_Indicator_BorderBrush_Highlighted" Color="#FFFFBC6B" />
    <LinearGradientBrush x:Key="Compass_Indicator_Background_Highlighted" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FFFFFFFA" />
        <GradientStop Offset="0.5" Color="#FFFFEBA5" />
        <GradientStop Offset="0.51" Color="#FFFFD565" />
        <GradientStop Offset="0.9887640449438202" Color="#FFFFE592" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Compass_VisualCue_Background" Color="#99FCD590" />
    <SolidColorBrush x:Key="Compass_VisualCue_BorderBrush" Color="#FFFFBC6B" />
    <Thickness x:Key="Compass_VisualCue_BorderThickness">1</Thickness>
    <SolidColorBrush x:Key="GridResizer_Background_Preview" Color="#FF868686" />
    <SolidColorBrush x:Key="GridResizer_FocusFrame" Color="#FF6DBDD1" />


    <CornerRadius x:Key="Pane_DocumentHostTab_CornerRadius">3 3 0 0</CornerRadius>

    <!--  PaneTab Vertical  -->
    <LinearGradientBrush x:Key="Pane_Tab_BorderBrush_Vertical" StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Offset="0" Color="#A0A0A0" />
        <GradientStop Offset="1" Color="#898C95" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_Background_Vertical" StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Offset="1" Color="#FF5F859F" />
        <GradientStop Offset="0" Color="#FF5F859F" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_BorderBrush_Vertical_MouseOver" StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Offset="0" Color="#FFDBCE99" />
        <GradientStop Offset="1" Color="#FFCCC4AC" />
        <GradientStop Offset="0.5" Color="#FFB89F73" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_Background_Vertical_MouseOver" StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Offset="1" Color="#FFFFE391" />
        <GradientStop Offset="0" Color="#FFFFFDEB" />
        <GradientStop Offset="0.43" Color="#FFFFD563" />
        <GradientStop Offset="0.42" Color="#FFFFEDB3" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_BorderBrush_Vertical_Selected" StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Offset="0" Color="#FF8E8165" />
        <GradientStop Offset="1" Color="#FFC6C0B2" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_Background_Vertical_Selected" StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Offset="1" Color="#FF29557B" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Pane_Tab_BorderBrush_Vertical_SelectedPinned" Color="#FF29557B" />
    <SolidColorBrush x:Key="Pane_Tab_Background_Vertical_SelectedPinned" Color="#FF29557B" />
    <LinearGradientBrush x:Key="Pane_Tab_BorderBrush" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="1" Color="#FF29557B" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>

    <!--  PaneTab Normal  -->
    <LinearGradientBrush x:Key="Pane_Tab_Background" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="1" Color="#FF5F859F" />
        <GradientStop Offset="0" Color="#FF5F859F" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_BorderBrush_MouseOver" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FFDBCE99" />
        <GradientStop Offset="1" Color="#FFCCC4AC" />
        <GradientStop Offset="0.5" Color="#FFB89F73" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_Background_MouseOver" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="1" Color="#FFFFE391" />
        <GradientStop Offset="0" Color="#FFFFFDEB" />
        <GradientStop Offset="0.43" Color="#FFFFD563" />
        <GradientStop Offset="0.42" Color="#FFFFEDB3" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_BorderBrush_Selected" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FF8E8165" />
        <GradientStop Offset="1" Color="#FFC6C0B2" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Tab_Background_Selected" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="1" Color="#FF29557B" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Pane_Tab_BorderBrush_SelectedPinned" Color="#FF29557B" />
    <LinearGradientBrush x:Key="Pane_Tab_Background_SelectedPinned" EndPoint="0,1">
        <GradientStop Offset="1" Color="#FF29557B" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>


    <!--  PaneTab DocumentHost  -->
    <!--  <SolidColorBrush x:Key="Pane_DocumentHostTab_BorderBrush" Color="#FF29557B" />  -->
    <SolidColorBrush x:Key="Pane_DocumentHostTab_BorderBrush" Color="Transparent" />
    <LinearGradientBrush x:Key="Pane_DocumentHostTab_Background" EndPoint="0,1">
        <GradientStop Offset="1" Color="#FF5F859F" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_DocumentHostTab_BorderBrush_MouseOver" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FFDBCE99" />
        <GradientStop Offset="1" Color="#FFCCC4AC" />
        <GradientStop Offset="0.5" Color="#FFB89F73" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_DocumentHostTab_Background_MouseOver" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="1" Color="#FFFFE391" />
        <GradientStop Offset="0" Color="#FFFFFDEB" />
        <GradientStop Offset="0.43" Color="#FFFFD563" />
        <GradientStop Offset="0.42" Color="#FFFFEDB3" />
    </LinearGradientBrush>

    <!--  <SolidColorBrush x:Key="Pane_DocumentHostTab_BorderBrush_Selected" Color="#FFA0A0A0" />  -->
    <SolidColorBrush x:Key="Pane_DocumentHostTab_BorderBrush_Selected" Color="#FF29557B" />
    <LinearGradientBrush x:Key="Pane_DocumentHostTab_Background_Selected" EndPoint="0,1">
        <GradientStop Offset="1" Color="#FF29557B" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>



    <LinearGradientBrush x:Key="Pane_OuterBorderBrush" EndPoint="0,1">
        <GradientStop Offset="0" Color="#FF29557B" />
        <GradientStop Offset="1" Color="#FF29557B" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="Pane_Background" EndPoint="0,1">
        <GradientStop Offset="0" Color="#FF5F859F" />
        <GradientStop Offset="1" Color="#FF5F859F" />
    </LinearGradientBrush>
    <!--  TEMP VICTOR 5  -->
    <SolidColorBrush x:Key="Pane_Foreground" Color="White" />
    <!--  <SolidColorBrush x:Key="Pane_Foreground" Color="#555564" />  -->
    <CornerRadius x:Key="PaneGroup_PaneFrame_CornerRadius">0</CornerRadius>
    <Thickness x:Key="PaneGroup_DocumentFrameL4_Thickness">1</Thickness>
    <LinearGradientBrush x:Key="PaneGroup_DocumentFrameL4_Brush" EndPoint="0,1">
        <GradientStop Offset="0" Color="#FF29557B" />
        <GradientStop Offset="1" Color="#FF5F859F" />
    </LinearGradientBrush>
    <CornerRadius x:Key="PaneGroup_DocumentFrameL4_CornerRadius">0</CornerRadius>
    <Thickness x:Key="PaneGroup_DocumentFrameL3_Thickness">1</Thickness>
    <!--  TEMP VICTOR 2  -->
    <!--  <SolidColorBrush x:Key="PaneGroup_DocumentFrameL3_Brush" Color="#FFFFFFFF" />  -->
    <!--  <SolidColorBrush x:Key="PaneGroup_DocumentFrameL3_Brush" Color="#FF29557B" />  -->
    <LinearGradientBrush x:Key="PaneGroup_DocumentFrameL3_Brush" EndPoint="0,1">
        <GradientStop Offset="0" Color="#FF29557B" />
        <GradientStop Offset="1" Color="#FF5F859F" />
    </LinearGradientBrush>
    <CornerRadius x:Key="PaneGroup_DocumentFrameL3_CornerRadius">0</CornerRadius>
    <Thickness x:Key="PaneGroup_DocumentFrameL2_Thickness">2</Thickness>
    <!--  <SolidColorBrush x:Key="PaneGroup_DocumentFrameL2_Brush" Color="#FFE1E3EA" />  -->
    <!--  <SolidColorBrush x:Key="PaneGroup_DocumentFrameL2_Brush" Color="#FF29557B" />  -->
    <LinearGradientBrush x:Key="PaneGroup_DocumentFrameL2_Brush" EndPoint="0,1">
        <GradientStop Offset="0" Color="#FF29557B" />
        <GradientStop Offset="1" Color="#FF5F859F" />
    </LinearGradientBrush>
    <CornerRadius x:Key="PaneGroup_DocumentFrameL2_CornerRadius">0</CornerRadius>
    <Thickness x:Key="PaneGroup_DocumentFrameL1_Thickness">1</Thickness>
    <!--  <SolidColorBrush x:Key="PaneGroup_DocumentFrameL1_Brush" Color="#FFA0A0A0" />  -->
    <!--  <SolidColorBrush x:Key="PaneGroup_DocumentFrameL1_Brush" Color="#FF29557B" />  -->
    <LinearGradientBrush x:Key="PaneGroup_DocumentFrameL1_Brush" EndPoint="0,1">
        <GradientStop Offset="0" Color="#FF29557B" />
        <GradientStop Offset="1" Color="#FF5F859F" />
    </LinearGradientBrush>
    <CornerRadius x:Key="PaneGroup_DocumentFrameL1_CornerRadius">0</CornerRadius>
    <LinearGradientBrush x:Key="PaneHeader_ItemBackground_MouseOver" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FF5F859F" />
        <GradientStop Offset="1" Color="#FF29557B" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="PaneHeader_ItemBorderBrush_MouseOver" Color="#FFFFBC6B" />
    <LinearGradientBrush x:Key="PaneHeader_ItemBackground_Pressed" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FF5F859F" />
        <GradientStop Offset="1" Color="#FF29557B" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="PaneHeader_ItemBorderBrush_Pressed" Color="#FFFA8C3B" />
    <LinearGradientBrush x:Key="PaneHeader_ItemBackground_Checked" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="0" Color="#FF5F859F" />
        <GradientStop Offset="1" Color="#FF29557B" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="PaneHeader_ItemBorderBrush_Checked" Color="#FFFA8C3B" />
    <Thickness x:Key="PaneHeader_BorderThickness">0 0 0 1</Thickness>
    <SolidColorBrush x:Key="PaneHeader_BorderBrush" Color="#FFA0A0A0" />
    <LinearGradientBrush x:Key="PaneHeader_Background" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Offset="1" Color="#FF5F859F" />
        <GradientStop Offset="0" Color="#FF29557B" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="PaneHeader_Background_Focused" EndPoint="0 1">
        <GradientStop Offset="0" Color="#FF29557B" />
        <GradientStop Offset="1" Color="#FF5F859F" />
    </LinearGradientBrush>
    <Thickness x:Key="PaneGroup_BorderThickness">1</Thickness>
    <SolidColorBrush x:Key="PaneGroup_BorderBrush" Color="#FFA0A0A0" />
    <SolidColorBrush x:Key="PaneGroup_Background" Color="#FFFCFCFC" />
    <LinearGradientBrush x:Key="ToolWindow_CloseButtonIconFill" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Color="#FF1E395B" />
        <GradientStop Offset="1" Color="#FF8CA0B9" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="ToolWindow_CloseButtonIconStroke" Color="#FFFFFFFF" />
    <SolidColorBrush x:Key="ToolWindow_BorderBrush" Color="#FFA0A0A0" />
    <SolidColorBrush x:Key="ToolWindow_Background" Color="#FFC6CBCE" />

    <!--  end region  -->

    <!--  region Docking  -->

    <Style TargetType="telerikDocking:RadDocking">

        <Setter Property="Background" Value="{StaticResource Docking_Background}" />
        <Setter Property="BorderBrush" Value="{StaticResource Docking_BorderBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="4" />

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerikDocking:RadDocking">
                    <Grid x:Name="Root">
                        <Border x:Name="Border"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Padding="{TemplateBinding Padding}">


                            <telerik:RadDockPanel x:Name="RootDockPanel">
                                <dock:AutoHideArea x:Name="LeftAutoHide"
                                                   BackgroundVisibility="Collapsed"
                                                   TabOrientation="Vertical"
                                                   TabStripPlacement="Left"
                                                   telerik:RadDockPanel.Dock="Left"
                                                   telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <dock:AutoHideArea x:Name="RightAutoHide"
                                                   BackgroundVisibility="Collapsed"
                                                   TabOrientation="Vertical"
                                                   TabStripPlacement="Right"
                                                   telerik:RadDockPanel.Dock="Right"
                                                   telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <dock:AutoHideArea x:Name="TopAutoHide"
                                                   BackgroundVisibility="Collapsed"
                                                   TabStripPlacement="Top"
                                                   telerik:RadDockPanel.Dock="Top"
                                                   telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <dock:AutoHideArea x:Name="BottomAutoHide"
                                                   BackgroundVisibility="Collapsed"
                                                   TabStripPlacement="Bottom"
                                                   telerik:RadDockPanel.Dock="Bottom"
                                                   telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <telerikDocking:DockingPanel x:Name="ContentDockPanel" Background="{TemplateBinding Background}">

                                    <dock:DocumentHost x:Name="DocumentHost" telerik:StyleManager.Theme="{StaticResource Theme}" />

                                </telerikDocking:DockingPanel>
                            </telerik:RadDockPanel>


                        </Border>

                        <Canvas x:Name="PopupPanel">
                            <dock:VisualCue x:Name="PART_DragCue"
                                            Style="{TemplateBinding VisualCueStyle}"
                                            telerik:StyleManager.Theme="{StaticResource Theme}" />
                            <dock:Compass x:Name="PART_Compass"
                                          Canvas.ZIndex="999998"
                                          Style="{TemplateBinding CompassStyle}"
                                          telerik:StyleManager.Theme="{StaticResource Theme}"
                                          Visibility="Collapsed" />
                            <dock:RootCompass x:Name="PART_RootCompass"
                                              Canvas.ZIndex="999999"
                                              Style="{TemplateBinding RootCompassStyle}"
                                              telerik:StyleManager.Theme="{StaticResource Theme}"
                                              Visibility="Collapsed" />
                        </Canvas>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--  end region  -->

    <!--  region Otros  -->
    <!--  VisualCue Style  -->
    <Style TargetType="Docking:VisualCue">
        <Setter Property="Background" Value="{StaticResource Compass_VisualCue_Background}" />
        <Setter Property="BorderBrush" Value="{StaticResource Compass_VisualCue_BorderBrush}" />
        <Setter Property="BorderThickness" Value="{StaticResource Compass_VisualCue_BorderThickness}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dock:VisualCue">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Visibility" Value="Collapsed" />
    </Style>


    <!--  Document Host  -->


    <!--  DocumentHost Style  -->
    <Style TargetType="dock:DocumentHost">
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="MinWidth" Value="25" />
        <Setter Property="MinHeight" Value="25" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dock:DocumentHost">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Padding="{TemplateBinding Padding}">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <!--  GridResizer  -->

    <Style x:Key="GridResizerPreviewStyle" TargetType="Control">
        <Setter Property="Background" Value="{StaticResource GridResizer_Background_Preview}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Control">
                    <Grid x:Name="Root" Opacity=".5">

                        <!--  Background  -->
                        <Rectangle Fill="{TemplateBinding Background}" />

                        <!--  Horizontal Template  -->
                        <Grid x:Name="HorizontalTemplate" Height="6">
                            <!--  Just show the faint gray grid splitter rectangle with no other details  -->
                        </Grid>

                        <!--  Vertical Template  -->
                        <Grid x:Name="VerticalTemplate"
                              Width="6"
                              Visibility="Collapsed">
                            <!--  Just show the faint gray grid splitter rectangle with no other details  -->
                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="dock:RadGridResizer">
        <Setter Property="Background" Value="#01FF0000" />
        <Setter Property="IsTabStop" Value="true" />
        <Setter Property="PreviewStyle" Value="{StaticResource GridResizerPreviewStyle}" />
        <Setter Property="HorizontalAlignment" Value="Right" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dock:RadGridResizer">
                    <Grid x:Name="Root" IsHitTestVisible="{TemplateBinding IsEnabled}">

                        <!--  VSM  -->
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal" />
                                <VisualState x:Name="MouseOver" />
                                <VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0"
                                                         Storyboard.TargetName="Root"
                                                         Storyboard.TargetProperty="Opacity"
                                                         To="0.5" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition GeneratedDuration="0" />
                                </VisualStateGroup.Transitions>
                                <VisualState x:Name="Unfocused" />
                                <VisualState x:Name="Focused" />
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>


                        <!--  Background  -->
                        <Rectangle Fill="{TemplateBinding Background}" StrokeThickness="0" />

                        <!--  Horizontal Template  -->
                        <Grid x:Name="HorizontalTemplate" Height="10">
                            <StackPanel Height="6" VerticalAlignment="Center" />
                        </Grid>

                        <!--  Vertical Template  -->
                        <Grid x:Name="VerticalTemplate"
                              Width="10"
                              Visibility="Collapsed">
                            <StackPanel Width="6"
                                        VerticalAlignment="Center"
                                        Orientation="Horizontal" />
                        </Grid>

                        <!--  Focus Visual  -->
                        <Rectangle x:Name="FocusVisual"
                                   IsHitTestVisible="false"
                                   Opacity="0"
                                   Stroke="{StaticResource GridResizer_FocusFrame}"
                                   StrokeThickness="1" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <!--  SplitContainer Style  -->
    <Style TargetType="telerikDocking:RadSplitContainer">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerikDocking:RadSplitContainer">
                    <Grid>

                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="ResizerStates">
                                <VisualState x:Name="ResizerLeft">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Visibility">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Width">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="border"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="ResizerTop">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Visibility">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="VerticalAlignment">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Top" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="HorizontalAlignment">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Placement">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <telerik:Dock>Top</telerik:Dock>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Height">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="border"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 0 0" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="ResizerRight">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Visibility">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Width">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="border"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 4 0" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="HorizontalAlignment">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Right" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Placement">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <telerik:Dock>Right</telerik:Dock>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="ResizerBottom">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Visibility">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="VerticalAlignment">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Bottom" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="HorizontalAlignment">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Placement">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <telerik:Dock>Bottom</telerik:Dock>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="DockResizer"
                                                                       Storyboard.TargetProperty="Height">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="border"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 0 4" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="HideResizer" />
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>


                        <Border x:Name="border"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Padding="{TemplateBinding Padding}">
                            <ItemsPresenter />
                        </Border>

                        <dock:RadGridResizer x:Name="DockResizer"
                                             HorizontalAlignment="Left"
                                             VerticalAlignment="Stretch"
                                             Placement="Left"
                                             ShowsPreview="True"
                                             Visibility="Collapsed" />
                    </Grid>


                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="MinWidth" Value="15" />
        <Setter Property="MinHeight" Value="15" />
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <telerikDocking:ProportionalStackPanel />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--  end region  -->

    <!--  region Pane  -->


    <ControlTemplate x:Key="Pane_TabTemplate_Left" TargetType="ContentControl">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" />
        </Border>
    </ControlTemplate>

    <ControlTemplate x:Key="Pane_TabTemplate_Top" TargetType="ContentControl">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" />
        </Border>
    </ControlTemplate>

    <ControlTemplate x:Key="Pane_TabTemplate_Right" TargetType="ContentControl">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" />
        </Border>
    </ControlTemplate>

    <ControlTemplate x:Key="Pane_TabTemplate_Bottom" TargetType="ContentControl">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" />
        </Border>
    </ControlTemplate>

    <ControlTemplate x:Key="Pane_DocumentHostTabTemplate" TargetType="ContentControl">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}"
                CornerRadius="{StaticResource Pane_DocumentHostTab_CornerRadius}">
            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" />
        </Border>
    </ControlTemplate>




    <!--  Styles >>  -->

    <!--  Tab Left  -->
    <Style x:Key="Pane_TabStyle_Left" TargetType="ContentControl">
        <Setter Property="Template" Value="{StaticResource Pane_TabTemplate_Left}" />
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_Vertical}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_Vertical}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Margin" Value="0 0 4 -1" />
        <Setter Property="Padding" Value="0 4" />
        <Setter Property="VerticalAlignment" Value="Top" />

        <Setter Property="UseLayoutRounding" Value="True" />


    </Style>
    <Style x:Key="Pane_TabStyle_Left_MouseOver"
           BasedOn="{StaticResource Pane_TabStyle_Left}"
           TargetType="ContentControl">
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_Vertical_MouseOver}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_Vertical_MouseOver}" />
    </Style>
    <Style x:Key="Pane_TabStyle_Left_Selected"
           BasedOn="{StaticResource Pane_TabStyle_Left}"
           TargetType="ContentControl">
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_Vertical_Selected}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_Vertical_Selected}" />
    </Style>
    <Style x:Key="Pane_TabStyle_Left_SelectedPinned"
           BasedOn="{StaticResource Pane_TabStyle_Left}"
           TargetType="ContentControl">
        <Setter Property="BorderThickness" Value="1 0 1 1" />
        <Setter Property="Padding" Value="0 2" />
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_Vertical_SelectedPinned}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_Vertical_SelectedPinned}" />
    </Style>

    <!--  Tab Top  -->
    <Style x:Key="Pane_TabStyle_Top" TargetType="ContentControl">
        <Setter Property="Template" Value="{StaticResource Pane_TabTemplate_Top}" />
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Margin" Value="0 0 -1 4" />
        <Setter Property="Padding" Value="2 1 2 2" />
        <Setter Property="VerticalAlignment" Value="Top" />

        <Setter Property="UseLayoutRounding" Value="True" />


    </Style>
    <Style x:Key="Pane_TabStyle_Top_MouseOver"
           BasedOn="{StaticResource Pane_TabStyle_Top}"
           TargetType="ContentControl">
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_MouseOver}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_MouseOver}" />
    </Style>
    <Style x:Key="Pane_TabStyle_Top_Selected"
           BasedOn="{StaticResource Pane_TabStyle_Top}"
           TargetType="ContentControl">
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_Selected}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_Selected}" />
    </Style>
    <Style x:Key="Pane_TabStyle_Top_SelectedPinned"
           BasedOn="{StaticResource Pane_TabStyle_Top}"
           TargetType="ContentControl">
        <Setter Property="BorderThickness" Value="1 0 1 1" />
        <Setter Property="Padding" Value="2 2" />
        <Setter Property="BorderBrush" Value="{StaticResource Pane_Tab_BorderBrush_SelectedPinned}" />
        <Setter Property="Background" Value="{StaticResource Pane_Tab_Background_SelectedPinned}" />
    </Style>

    <!--  Tab Right  -->
    <Style x:Key="Pane_TabStyle_Right"
           BasedOn="{StaticResource Pane_TabStyle_Left}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="4 0 0 -1" />
        <Setter Property="Template" Value="{StaticResource Pane_TabTemplate_Right}" />
    </Style>
    <Style x:Key="Pane_TabStyle_Right_MouseOver"
           BasedOn="{StaticResource Pane_TabStyle_Left_MouseOver}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="4 0 0 -1" />
    </Style>
    <Style x:Key="Pane_TabStyle_Right_Selected"
           BasedOn="{StaticResource Pane_TabStyle_Left_Selected}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="4 0 0 -1" />
    </Style>
    <Style x:Key="Pane_TabStyle_Right_SelectedPinned"
           BasedOn="{StaticResource Pane_TabStyle_Left_SelectedPinned}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="4 0 0 -1" />
    </Style>

    <!--  Tab Bottom  -->
    <Style x:Key="Pane_TabStyle_Bottom"
           BasedOn="{StaticResource Pane_TabStyle_Top}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="0 4 -1 0" />
        <Setter Property="Template" Value="{StaticResource Pane_TabTemplate_Bottom}" />
    </Style>
    <Style x:Key="Pane_TabStyle_Bottom_MouseOver"
           BasedOn="{StaticResource Pane_TabStyle_Top_MouseOver}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="0 4 -1 0" />
    </Style>
    <Style x:Key="Pane_TabStyle_Bottom_Selected"
           BasedOn="{StaticResource Pane_TabStyle_Top_Selected}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="0 4 -1 0" />
    </Style>
    <Style x:Key="Pane_TabStyle_Bottom_SelectedPinned"
           BasedOn="{StaticResource Pane_TabStyle_Top_SelectedPinned}"
           TargetType="ContentControl">
        <Setter Property="Margin" Value="0 4 -1 0" />
    </Style>

    <!--  DocumentHostTab  -->
    <Style x:Key="Pane_DocumentHostTabStyle" TargetType="ContentControl">
        <Setter Property="Template" Value="{StaticResource Pane_DocumentHostTabTemplate}" />
        <Setter Property="Margin" Value="0 0 -1 0" />
        <Setter Property="Padding" Value="8 1 8 2" />
        <Setter Property="BorderBrush" Value="{StaticResource Pane_DocumentHostTab_BorderBrush}" />
        <Setter Property="Background" Value="{StaticResource Pane_DocumentHostTab_Background}" />
        <!--  TEMP VICTOR 3  -->
        <Setter Property="Foreground" Value="White" />
        <Setter Property="VerticalAlignment" Value="Bottom" />
        <Setter Property="BorderThickness" Value="1 1 1 0" />

        <Setter Property="UseLayoutRounding" Value="True" />


    </Style>
    <Style x:Key="Pane_DocumentHostTabStyle_MouseOver"
           BasedOn="{StaticResource Pane_DocumentHostTabStyle}"
           TargetType="ContentControl">
        <Setter Property="BorderBrush" Value="{StaticResource Pane_DocumentHostTab_BorderBrush_MouseOver}" />
        <Setter Property="Background" Value="{StaticResource Pane_DocumentHostTab_Background_MouseOver}" />
        <!--  TEMP VICTOR 3  -->
        <Setter Property="Foreground" Value="White" />
    </Style>
    <Style x:Key="Pane_DocumentHostTabStyle_Selected"
           BasedOn="{StaticResource Pane_DocumentHostTabStyle}"
           TargetType="ContentControl">
        <Setter Property="BorderBrush" Value="{StaticResource Pane_DocumentHostTab_BorderBrush_Selected}" />
        <Setter Property="Background" Value="{StaticResource Pane_DocumentHostTab_Background_Selected}" />
        <!--  TEMP VICTOR 3  -->
        <Setter Property="Foreground" Value="White" />
    </Style>




    <ControlTemplate x:Key="PaneTemplate_Left" TargetType="telerikDocking:RadPane">
        <ContentControl x:Name="wrapper" Style="{StaticResource Pane_TabStyle_Left}">
            <telerikNavigationPrimitives:TabItemContentPresenter x:Name="HeaderElement"
                                                                 Margin="{TemplateBinding Padding}"
                                                                 HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                 Content="{TemplateBinding Header}"
                                                                 ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                                 Foreground="{TemplateBinding Foreground}" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStateGroup">
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Left_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Left_SelectedPinned}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Unfocused" />
                    <VisualState x:Name="Focused" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="LastInGroupStates">
                    <VisualState x:Name="LastInGroup">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 4 5" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="NotLastInGroup" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <!--  TEMP VICTOR  -->
            <!--<telerik:RadContextMenu.ContextMenu>

            <telerik:RadContextMenu EventName="MouseLeftButtonDown"
                    ItemsSource="{TemplateBinding MenuCommands}"
                    ItemTemplate="{TemplateBinding MenuItemTemplate}"
                    ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}"
                    ModifierKey="Control"
                    telerik:StyleManager.Theme="{StaticResource Theme}" />
            </telerik:RadContextMenu.ContextMenu>-->
        </ContentControl>

    </ControlTemplate>

    <ControlTemplate x:Key="PaneTemplate_Top" TargetType="telerikDocking:RadPane">
        <ContentControl x:Name="wrapper" Style="{StaticResource Pane_TabStyle_Top}">
            <telerikNavigationPrimitives:TabItemContentPresenter x:Name="HeaderElement"
                                                                 Margin="{TemplateBinding Padding}"
                                                                 HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                 Content="{TemplateBinding Header}"
                                                                 ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                                 Foreground="{TemplateBinding Foreground}" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStateGroup">
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Top_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Top_SelectedPinned}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Unfocused" />
                    <VisualState x:Name="Focused" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="LastInGroupStates">
                    <VisualState x:Name="LastInGroup">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 5 4" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="NotLastInGroup" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <!--  TEMP VICTOR  -->
            <!--<telerik:RadContextMenu.ContextMenu>

                <telerik:RadContextMenu EventName="MouseLeftButtonDown"
                    ItemsSource="{TemplateBinding MenuCommands}"
                    ItemTemplate="{TemplateBinding MenuItemTemplate}"
                    ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}"
                    ModifierKey="Control"
                    telerik:StyleManager.Theme="{StaticResource Theme}" />
            </telerik:RadContextMenu.ContextMenu>-->

        </ContentControl>

    </ControlTemplate>

    <ControlTemplate x:Key="PaneTemplate_Right" TargetType="telerikDocking:RadPane">
        <ContentControl x:Name="wrapper" Style="{StaticResource Pane_TabStyle_Right}">
            <telerikNavigationPrimitives:TabItemContentPresenter x:Name="HeaderElement"
                                                                 Margin="{TemplateBinding Padding}"
                                                                 HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                 Content="{TemplateBinding Header}"
                                                                 ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                                 Foreground="{TemplateBinding Foreground}" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStateGroup">
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Right_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Right_SelectedPinned}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Unfocused" />
                    <VisualState x:Name="Focused" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="LastInGroupStates">
                    <VisualState x:Name="LastInGroup">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 5" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="NotLastInGroup" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <!--  TEMP VICTOR  -->
            <!--<telerik:RadContextMenu.ContextMenu>

                <telerik:RadContextMenu EventName="MouseLeftButtonDown"
                    ItemsSource="{TemplateBinding MenuCommands}"
                    ItemTemplate="{TemplateBinding MenuItemTemplate}"
                    ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}"
                    ModifierKey="Control"
                    telerik:StyleManager.Theme="{StaticResource Theme}" />
            </telerik:RadContextMenu.ContextMenu>-->
        </ContentControl>

    </ControlTemplate>

    <ControlTemplate x:Key="PaneTemplate_Bottom" TargetType="telerikDocking:RadPane">
        <ContentControl x:Name="wrapper" Style="{StaticResource Pane_TabStyle_Bottom}">
            <telerikNavigationPrimitives:TabItemContentPresenter x:Name="HeaderElement"
                                                                 Margin="{TemplateBinding Padding}"
                                                                 HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                 Content="{TemplateBinding Header}"
                                                                 ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                                 Foreground="{TemplateBinding Foreground}" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStateGroup">
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Bottom_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_TabStyle_Bottom_SelectedPinned}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Unfocused" />
                    <VisualState x:Name="Focused" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="LastInGroupStates">
                    <VisualState x:Name="LastInGroup">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 5 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="NotLastInGroup" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <!--  TEMP VICTOR  -->
            <!--<telerik:RadContextMenu.ContextMenu>

                <telerik:RadContextMenu EventName="MouseLeftButtonDown"
                    ItemsSource="{TemplateBinding MenuCommands}"
                    ItemTemplate="{TemplateBinding MenuItemTemplate}"
                    ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}"
                    ModifierKey="Control"
                    telerik:StyleManager.Theme="{StaticResource Theme}" />
            </telerik:RadContextMenu.ContextMenu>-->
        </ContentControl>

    </ControlTemplate>

    <!--  The DocumentHostTemplate Template  -->
    <ControlTemplate x:Key="DocumentHostTemplate" TargetType="telerikDocking:RadPane">
        <ContentControl x:Name="wrapper" Style="{StaticResource Pane_DocumentHostTabStyle}">
            <Grid>
                <!--  TEMP VICTOR 4  -->
                <telerikNavigationPrimitives:TabItemContentPresenter x:Name="HeaderElement"
                                                                     Margin="{TemplateBinding Padding}"
                                                                     HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                     VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                     Content="{TemplateBinding Header}"
                                                                     ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                                     Foreground="{TemplateBinding Foreground}" />
                <!--
                    <telerikNavigationPrimitives:TabItemContentPresenter x:Name="HeaderElement"
                    Content="{TemplateBinding Header}"
                    ContentTemplate="{TemplateBinding HeaderTemplate}" />
                -->
            </Grid>


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStateGroup">
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_DocumentHostTabStyle_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Pane_DocumentHostTabStyle_Selected}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Unfocused" />
                    <VisualState x:Name="Focused" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="LastInGroupStates">
                    <VisualState x:Name="LastInGroup" />
                    <VisualState x:Name="NotLastInGroup" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <!--  TEMP VICTOR  -->
            <!--<telerik:RadContextMenu.ContextMenu>

                <telerik:RadContextMenu EventName="MouseLeftButtonDown"
                    ItemsSource="{TemplateBinding MenuCommands}"
                    ItemTemplate="{TemplateBinding MenuItemTemplate}"
                    ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}"
                    ModifierKey="Control"
                    telerik:StyleManager.Theme="{StaticResource Theme}" />
            </telerik:RadContextMenu.ContextMenu>-->
        </ContentControl>



    </ControlTemplate>

    <Style TargetType="telerikDocking:RadPane">
        <Setter Property="Template" Value="{StaticResource DocumentHostTemplate}" />

        <Setter Property="DocumentHostTemplate" Value="{StaticResource DocumentHostTemplate}" />

        <Setter Property="LeftTemplate" Value="{StaticResource PaneTemplate_Left}" />
        <Setter Property="TopTemplate" Value="{StaticResource PaneTemplate_Top}" />
        <Setter Property="RightTemplate" Value="{StaticResource PaneTemplate_Right}" />
        <Setter Property="BottomTemplate" Value="{StaticResource PaneTemplate_Bottom}" />

        <Setter Property="BorderThickness" Value="1 1 1 1" />
        <Setter Property="BorderBrush" Value="{StaticResource Pane_OuterBorderBrush}" />
        <Setter Property="Background" Value="{StaticResource Pane_Background}" />
        <Setter Property="Padding" Value="3 1 3 1" />
        <Setter Property="Margin" Value="0" />
        <Setter Property="Foreground" Value="{StaticResource Pane_Foreground}" />
    </Style>

    <!--  end region  -->

    <!--  region PaneGroup  -->

    <ControlTemplate x:Key="PaneGroup_PaneFrameTemplate" TargetType="ContentControl">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}"
                CornerRadius="{StaticResource PaneGroup_PaneFrame_CornerRadius}">

            <ContentPresenter />

        </Border>
    </ControlTemplate>

    <ControlTemplate x:Key="PaneGroup_DocumentFrameTemplate" TargetType="ContentControl">
        <!--  TEMP VICTOR 5  -->
        <!--  BorderBrush="{TemplateBinding BorderBrush}"  -->
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{StaticResource PaneGroup_DocumentFrameL4_Brush}"
                BorderThickness="{StaticResource PaneGroup_DocumentFrameL4_Thickness}"
                CornerRadius="{StaticResource PaneGroup_DocumentFrameL4_CornerRadius}">

            <Border x:Name="BorderLayer3"
                    BorderBrush="{StaticResource PaneGroup_DocumentFrameL3_Brush}"
                    BorderThickness="{StaticResource PaneGroup_DocumentFrameL3_Thickness}"
                    CornerRadius="{StaticResource PaneGroup_DocumentFrameL3_CornerRadius}">

                <Border x:Name="BorderLayer2"
                        BorderBrush="{StaticResource PaneGroup_DocumentFrameL2_Brush}"
                        BorderThickness="{StaticResource PaneGroup_DocumentFrameL2_Thickness}"
                        CornerRadius="{StaticResource PaneGroup_DocumentFrameL2_CornerRadius}">

                    <Border x:Name="BorderLayer1"
                            BorderBrush="{StaticResource PaneGroup_DocumentFrameL1_Brush}"
                            BorderThickness="{StaticResource PaneGroup_DocumentFrameL1_Thickness}"
                            CornerRadius="{StaticResource PaneGroup_DocumentFrameL1_CornerRadius}">

                        <ContentPresenter />

                    </Border>
                </Border>
            </Border>
        </Border>
    </ControlTemplate>


    <Style x:Key="PaneGroup_DocumentFrameStyle" TargetType="ContentControl">
        <Setter Property="Template" Value="{StaticResource PaneGroup_DocumentFrameTemplate}" />
    </Style>

    <Style x:Key="PaneGroup_PaneFrameStyle" TargetType="ContentControl">
        <!--  TEMP VICTOR 2  -->
        <Setter Property="Template" Value="{StaticResource PaneGroup_DocumentFrameTemplate}" />
        <!--  <Setter Property="Template" Value="{StaticResource PaneGroup_PaneFrameTemplate}" />  -->
    </Style>


    <!--  PaneGroup BottomTemplate  -->
    <ControlTemplate x:Key="PaneGroupBottomTemplate" TargetType="telerikDocking:RadPaneGroup">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" MinHeight="20" />
                <RowDefinition Height="auto" />
            </Grid.RowDefinitions>

            <!--  Content  -->
            <ContentControl x:Name="ContentBackground"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Style="{StaticResource PaneGroup_PaneFrameStyle}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <!--  Header  -->
                    <dock:PaneHeader x:Name="HeaderElement"
                                     Grid.Row="0"
                                     MinHeight="16"
                                     SelectedPane="{TemplateBinding SelectedPane}"
                                     telerik:StyleManager.Theme="{StaticResource Theme}" />
                    <ContentPresenter x:Name="ContentElement"
                                      Grid.Row="1"
                                      Content="{TemplateBinding SelectedContent}"
                                      ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                </Grid>
            </ContentControl>

            <!--  Items  -->
            <Border x:Name="ItemsContainer"
                    Grid.Row="1"
                    Margin="0 -5 0 0"
                    Padding="0 0 1 0">
                <ItemsPresenter x:Name="ItemsPresenterElement" />
            </Border>


            <dock:RadGridResizer x:Name="DockResizer"
                                 Grid.RowSpan="2"
                                 HorizontalAlignment="Left"
                                 VerticalAlignment="Stretch"
                                 Placement="Left"
                                 ShowsPreview="True"
                                 Visibility="Collapsed" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Disabled" />
                    <VisualState x:Name="Normal" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Focused">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderElement" Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource PaneHeader_Background_Focused}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Unfocused" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="AutoCollapseStates">
                    <VisualState x:Name="SingleItem">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="ItemsContainer"
                                                           Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="TwoOrMoreItems" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="PaneHeaderVisibilityStates">
                    <VisualState x:Name="PaneHeaderHidden">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="HeaderElement"
                                                           Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PaneHeaderVisible" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="ResizerStates">
                    <VisualState x:Name="ResizerLeft">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Width">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>

                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="ContentBackground"
                                                           Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="ItemsContainer"
                                                           Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 -5 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="ResizerTop">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="VerticalAlignment">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Top" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="HorizontalAlignment">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Placement">
                                <DiscreteObjectKeyFrame KeyTime="0">
                                    <DiscreteObjectKeyFrame.Value>
                                        <telerik:Dock>Top</telerik:Dock>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Height">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="(Grid.RowSpan)">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="(Grid.Row)">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                            </ObjectAnimationUsingKeyFrames>

                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="ContentBackground"
                                                           Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 0 0" />
                            </ObjectAnimationUsingKeyFrames>

                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="HideResizer" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

        </Grid>


    </ControlTemplate>

    <ControlTemplate x:Key="PaneGroupDocumentTemplate" TargetType="telerikDocking:RadPaneGroup">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <!--  TabStrip  -->
            <Grid x:Name="Header" Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>

                <ItemsPresenter x:Name="ItemsPresenterElement"
                                Grid.Column="0"
                                Margin="0 0 1 0" />

                <!--  TEMP VICTOR  -->
                <telerik:RadButton x:Name="CloseButton"
                                   Grid.Column="1"
                                   Command="telerikDocking:RadDockingCommands.Close"
                                   Foreground="White"
                                   Style="{StaticResource PaneHeader_CloseButtonStyle}" />
            </Grid>

            <!--  Content  -->
            <ContentControl x:Name="ContentBackground"
                            Grid.Row="1"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Style="{StaticResource PaneGroup_DocumentFrameStyle}">

                <ContentPresenter x:Name="ContentElement"
                                  Content="{TemplateBinding SelectedContent}"
                                  ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
            </ContentControl>

            <dock:RadGridResizer x:Name="DockResizer"
                                 Grid.RowSpan="2"
                                 HorizontalAlignment="Left"
                                 VerticalAlignment="Stretch"
                                 Placement="Left"
                                 ShowsPreview="True"
                                 Visibility="Collapsed" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Disabled" />
                    <VisualState x:Name="Normal" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="ResizerStates">
                    <VisualState x:Name="ResizerLeft">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Width">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="ItemsPresenterElement"
                                                           Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="ContentBackground"
                                                           Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="ResizerTop">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="VerticalAlignment">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Top" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="HorizontalAlignment">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Placement">
                                <DiscreteObjectKeyFrame KeyTime="0">
                                    <DiscreteObjectKeyFrame.Value>
                                        <telerik:Dock>Top</telerik:Dock>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="Height">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="(Grid.RowSpan)">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="DockResizer"
                                                           Storyboard.TargetProperty="(Grid.Row)">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                           Storyboard.TargetName="Header"
                                                           Storyboard.TargetProperty="Margin">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="HideResizer" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

        </Grid>



    </ControlTemplate>

    <!--  PaneGroup Style  -->
    <Style TargetType="telerikDocking:RadPaneGroup">
        <Setter Property="Template" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="BottomTemplate" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="TopTemplate" Value="{StaticResource PaneGroupDocumentTemplate}" />
        <Setter Property="DocumentHostTemplate" Value="{StaticResource PaneGroupDocumentTemplate}" />
        <Setter Property="LeftTemplate" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="RightTemplate" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <telerikNavigationPrimitives:TabStripPanel />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>

        <Setter Property="BorderThickness" Value="{StaticResource PaneGroup_BorderThickness}" />
        <Setter Property="BorderBrush" Value="{StaticResource PaneGroup_BorderBrush}" />
        <Setter Property="Background" Value="{StaticResource PaneGroup_Background}" />

        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="VerticalAlignment" Value="Stretch" />

        <Setter Property="Align" Value="Left" />
        <Setter Property="TabStripPlacement" Value="Bottom" />
        <Setter Property="AllTabsEqualHeight" Value="True" />
        <Setter Property="BackgroundVisibility" Value="Visible" />
        <Setter Property="MinWidth" Value="15" />
        <Setter Property="MinHeight" Value="15" />
    </Style>

    <!--  end region  -->

    <!--  region PanHeader  -->

    <ControlTemplate x:Key="PaneHeader_ButtonTemplate" TargetType="telerik:RadButton">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">

            <ContentPresenter x:Name="Content" />


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBackground_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBorderBrush_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Pressed">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBackground_Pressed}" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBorderBrush_Pressed}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Disabled">
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:0"
                                             Storyboard.TargetName="Content"
                                             Storyboard.TargetProperty="Opacity"
                                             To="0.5" />
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Focused" />
                    <VisualState x:Name="Unfocused" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

        </Border>


    </ControlTemplate>

    <ControlTemplate x:Key="PaneHeader_ToggleButtonTemplate" TargetType="telerik:RadToggleButton">
        <Border x:Name="Root"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">

            <Border x:Name="CheckedVisual"
                    Margin="-1"
                    BorderThickness="{TemplateBinding BorderThickness}">

                <ContentPresenter x:Name="Content" />

            </Border>

            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBackground_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBorderBrush_MouseOver}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Pressed">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBackground_Pressed}" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBorderBrush_Pressed}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Disabled">
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:0"
                                             Storyboard.TargetName="Content"
                                             Storyboard.TargetProperty="Opacity"
                                             To="0.5" />
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
                <VisualStateGroup x:Name="CheckStates">
                    <VisualState x:Name="Checked">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedVisual" Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBackground_Checked}" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedVisual" Storyboard.TargetProperty="BorderBrush">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PaneHeader_ItemBorderBrush_Checked}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Unchecked" />
                </VisualStateGroup>
                <VisualStateGroup x:Name="FocusStates">
                    <VisualState x:Name="Focused" />
                    <VisualState x:Name="Unfocused" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

        </Border>

    </ControlTemplate>

    <Style x:Key="PaneHeader_ItemStyle" TargetType="Control">
        <Setter Property="Width" Value="17" />
        <Setter Property="Height" Value="17" />
        <Setter Property="Margin" Value="0" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Foreground" Value="White" />
    </Style>

    <Style x:Key="PaneHeader_ButtonStyle"
           BasedOn="{StaticResource PaneHeader_ItemStyle}"
           TargetType="telerik:RadButton">
        <Setter Property="Template" Value="{StaticResource PaneHeader_ButtonTemplate}" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="Width" Value="20" />
        <Setter Property="Height" Value="20" />
    </Style>
    <Style x:Key="PaneHeader_ToggleButtonStyle"
           BasedOn="{StaticResource PaneHeader_ItemStyle}"
           TargetType="telerik:RadToggleButton">
        <Setter Property="Template" Value="{StaticResource PaneHeader_ToggleButtonTemplate}" />
        <Setter Property="Foreground" Value="White" />
    </Style>

    <Style x:Key="PaneHeader_ButtonIconStyle" TargetType="Path">
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <Setter Property="Stretch" Value="None" />
        <Setter Property="UseLayoutRounding" Value="True" />

    </Style>

    <Style x:Key="PaneHeader_MenuButtonStyle"
           BasedOn="{StaticResource PaneHeader_ToggleButtonStyle}"
           TargetType="telerik:RadToggleButton">
        <!--  TEMP VICTOR  -->
        <Setter Property="Width" Value="20" />
        <Setter Property="Height" Value="20" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Path Data="M0,0 L7,0 L3.5,3.5 Z"
                          Fill="White"
                          Style="{StaticResource PaneHeader_ButtonIconStyle}" />
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="PaneHeader_PinButtonStyle"
           BasedOn="{StaticResource PaneHeader_ButtonStyle}"
           TargetType="telerik:RadButton">
        <!--  NOTE: Here you can set the size of the pin button  -->
        <Setter Property="Width" Value="17" />
        <Setter Property="Height" Value="17" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <!--  NOTE: Here you can set the size of the pin icon, or change it  -->
                <DataTemplate>

                    <!--  <Path Data="M0,6.5 L7,6.5 M1.5,6.5 L1.5,1.5 L2.5,0.5 L4.5,0.5 L5.5,1.5 L5.5,6.5 M3.5,6.5 L3.5,10 M4.5,6.5 L4.5,0.5"  -->
                    <Path Width="10"
                          Height="7"
                          Data="M0,6.5 L7,6.5 M1.5,6.5 L1.5,1.5 L2.5,0.5 L4.5,0.5 L5.5,1.5 L5.5,6.5 M3.5,6.5 L3.5,10 M4.5,6.5 L4.5,0.5"
                          Fill="White"
                          Style="{StaticResource PaneHeader_ButtonIconStyle}" />
                    <!--
                        <Path Width="20"
                        Height="20"
                        Data="M0,6.5 L7,6.5 M1.5,6.5 L1.5,1.5 L2.5,0.5 L4.5,0.5 L5.5,1.5 L5.5,6.5 M3.5,6.5 L3.5,10 M4.5,6.5 L4.5,0.5"
                        Stretch="Uniform"
                        Stroke="White"
                        StrokeThickness="1"
                        Style="{StaticResource PaneHeader_ButtonIconStyle}" />
                    -->
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="PaneHeader_UnPinButtonStyle"
           BasedOn="{StaticResource PaneHeader_ButtonStyle}"
           TargetType="telerik:RadButton">
        <!--  NOTE: Here you can set the size of the unpin button  -->
        <Setter Property="Width" Value="17" />
        <Setter Property="Height" Value="17" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <!--  NOTE: Here you can set the size of the unpin icon, or change it  -->
                <DataTemplate>
                    <!--  <Path Data="M3.5,0 L3.5,7 M3.5,1.5 L8.5,1.5 L9.5,2.5 L9.5,4.5 L8.5,5.5 L3.5,5.5 M3.5,3.5 L0,3.5 M3.5,4.5 L9.5,4.5"  -->
                    <Path Width="10"
                          Height="7"
                          Data="M3.5,0 L3.5,7 M3.5,1.5 L8.5,1.5 L9.5,2.5 L9.5,4.5 L8.5,5.5 L3.5,5.5 M3.5,3.5 L0,3.5 M3.5,4.5 L9.5,4.5"
                          Fill="White"
                          Style="{StaticResource PaneHeader_ButtonIconStyle}" />
                    <!--
                        <Path Width="20"
                        Height="20"
                        Data="M3.5,0 L3.5,7 M3.5,1.5 L8.5,1.5 L9.5,2.5 L9.5,4.5 L8.5,5.5 L3.5,5.5 M3.5,3.5 L0,3.5 M3.5,4.5 L9.5,4.5"
                        Stretch="Uniform"
                        Stroke="White"
                        StrokeThickness="1"
                        Style="{StaticResource PaneHeader_ButtonIconStyle}" />
                    -->
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="PaneHeader_CloseButtonStyle"
           BasedOn="{StaticResource PaneHeader_ButtonStyle}"
           TargetType="telerik:RadButton">
        <Setter Property="Width" Value="20" />
        <Setter Property="Height" Value="20" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Path Data="M0,0 L2,0 2,1 3,1 3,2 5,2 5,1 6,1 6,0 8,0 8,1 7,1 7,2 6,2 6,3 5,3 5,4 6,4 6,5 6,5 7,5 7,6 8,6 8,7 6,7 6,6 5,6 5,5 3,5 3,6 2,6 2,7 0,7 0,6 1,6 1,5 2,5 2,4 3,4 3,3 2,3 2,2 1,2 1,1 0,1 Z"
                          Fill="White"
                          Style="{StaticResource PaneHeader_ButtonIconStyle}" />
                </DataTemplate>
                <!--  Data="M0,0 L7,7 M7,0 L0,7"  -->
            </Setter.Value>
        </Setter>
    </Style>

    <ControlTemplate x:Key="PaneHeaderTemplate" TargetType="dock:PaneHeader">
        <Border x:Name="Root"
                Background="{StaticResource PaneHeader_Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">

            <Grid x:Name="Content">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>


                <telerik:RadContextMenu.ContextMenu>
                    <telerik:RadContextMenu EventName="MouseLeftButtonDown"
                                            ItemsSource="{Binding SelectedPane.MenuCommands,
                                            RelativeSource={RelativeSource TemplatedParent}}"
                                            ItemTemplate="{Binding SelectedPane.MenuItemTemplate,
                                            RelativeSource={RelativeSource TemplatedParent}}"
                                            ItemTemplateSelector="{Binding SelectedPane.MenuItemTemplateSelector,
                                            RelativeSource={RelativeSource TemplatedParent}}"
                                            ModifierKey="Control"
                                            telerik:StyleManager.Theme="{StaticResource Theme}" />
                </telerik:RadContextMenu.ContextMenu>


                <!--  Header - this is the header of the pane group - here you can remove the button and set the font of the header  -->
                <!--  TEMP VICTOR 3  -->
                <!--
                    <ContentControl x:Name="TitleElement"
                    Foreground="White"
                    HorizontalContentAlignment="Stretch"
                    VerticalContentAlignment="Center"
                -->
                <ContentPresenter x:Name="TitleElement"
                                  Grid.Column="0"
                                  Margin="{TemplateBinding Padding}"
                                  VerticalAlignment="Center"
                                  Content="{Binding SelectedPane.Title,
                                                    RelativeSource={RelativeSource TemplatedParent}}"
                                  ContentTemplate="{Binding SelectedPane.TitleTemplate,
                                                            RelativeSource={RelativeSource TemplatedParent}}" />

                <!--  TEMP VICTOR  -->
                <!--  FontSize="20" />  -->

                <!--  Menu -> Here you can remove the drop down menu from the pane group  -->
                <!--  TEMP VICTOR  -->
                <!--<telerik:RadToggleButton x:Name="HeaderDropDownMenu2"
                                         Grid.Column="1"
                                         Command="telerikDocking:RadDockingCommands.ContextMenuOpen"
                                         CommandParameter="{Binding SelectedPane,
                                                                    RelativeSource={RelativeSource TemplatedParent}}"
                                         IsThreeState="True"
                                         Style="{StaticResource PaneHeader_MenuButtonStyle}">-->
                    <!--
                        <telerik:RadToggleButton
                        x:Name="HeaderDropDownMenu"
                        Grid.Column="1"

                        Style="{StaticResource PaneHeader_MenuButtonStyle}">
                    -->

                    <!--  IsChecked="{Binding IsOpen, ElementName=HeaderDropDownSubMenu, Mode=TwoWay}"  -->

                        <!--<telerikNavigation:RadContextMenu.ContextMenu>
                            <telerikNavigation:RadContextMenu
                            x:Name="HeaderDropDownSubMenu"
                            telerik:StyleManager.Theme="{StaticResource Theme}"
                            ItemsSource="{Binding SelectedPane.MenuCommands, RelativeSource={RelativeSource TemplatedParent}}"
                            ItemTemplate="{Binding SelectedPane.MenuItemTemplate, RelativeSource={RelativeSource TemplatedParent}}"
                            ItemTemplateSelector="{Binding SelectedPane.MenuItemTemplateSelector, RelativeSource={RelativeSource TemplatedParent}}"
                            Placement="Bottom">

                            </telerikNavigation:RadContextMenu>
                        </telerikNavigation:RadContextMenu.ContextMenu>-->

                <!--</telerik:RadToggleButton>-->


                <!--  Pin  -->
                <telerik:RadButton x:Name="HeaderPinButton"
                                   Grid.Column="2"
                                   Command="telerikDocking:RadDockingCommands.Pin"
                                   Style="{StaticResource PaneHeader_PinButtonStyle}"
                                   Visibility="{Binding SelectedPane.PinButtonVisibility,
                                                        RelativeSource={RelativeSource TemplatedParent}}" />
                <!--  Close -> Here you can remove the close button of the pane group  -->

                <telerik:RadButton x:Name="HeaderCloseButton"
                                   Grid.Column="3"
                                   Command="telerikDocking:RadDockingCommands.Close"
                                   Foreground="White"
                                   Style="{StaticResource PaneHeader_CloseButtonStyle}" />

            </Grid>


            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommandsMenuStates">
                    <VisualState x:Name="CommandsMenuNormalState" />
                    <VisualState x:Name="CommandsMenuHiddenState">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderDropDownMenu" Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>

                <VisualStateGroup x:Name="PinnedStates">
                    <VisualState x:Name="Unpinned">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderPinButton" Storyboard.TargetProperty="Style">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource PaneHeader_UnPinButtonStyle}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Pinned" />
                </VisualStateGroup>

                <VisualStateGroup x:Name="HighlightStates">
                    <VisualState x:Name="NotHighlighted" />
                    <VisualState x:Name="Highlighted" />
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

        </Border>


    </ControlTemplate>

    <!--  PaneHeader Style  -->
    <Style TargetType="dock:PaneHeader">
        <Setter Property="Template" Value="{StaticResource PaneHeaderTemplate}" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="BorderThickness" Value="{StaticResource PaneHeader_BorderThickness}" />
        <Setter Property="BorderBrush" Value="{StaticResource PaneHeader_BorderBrush}" />
        <Setter Property="Background" Value="{StaticResource PaneHeader_Background}" />
        <Setter Property="Padding" Value="3 0" />
    </Style>

    <!--  end region  -->

    <!--  region RadTabControl  -->

    <!--  RadTabControl TopTemplate  -->
    <ControlTemplate x:Key="AutoHideAreaTopTemplate" TargetType="dock:AutoHideArea">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <!--  TabStrip  -->
            <ItemsPresenter x:Name="ItemsPresenterElement" Grid.Row="0" />

            <!--  Content  -->
            <Popup x:Name="ContentPopup"
                   Grid.Row="1"
                   IsOpen="False">

                <Grid>
                    <Grid x:Name="PopupChild"
                          MinWidth="50"
                          MinHeight="50">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <!--  Content  -->
                        <!--  TEMP VICTOR 2  -->
                        <ContentControl x:Name="ContentBackground"
                                        Grid.Row="0"
                                        Background="{TemplateBinding Background}"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}"
                                        Foreground="White"
                                        Style="{StaticResource PaneGroup_PaneFrameStyle}">

                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <!--  TEMP VICTOR 2  -->
                                <dock:PaneHeader x:Name="HeaderElement"
                                                 Grid.Row="0"
                                                 MinHeight="16"
                                                 Foreground="White"
                                                 SelectedPane="{TemplateBinding SelectedPane}"
                                                 telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <ContentPresenter x:Name="ContentElement"
                                                  Grid.Row="1"
                                                  Content="{TemplateBinding SelectedContent}"
                                                  ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                            </Grid>
                        </ContentControl>

                        <!--  Resizer  -->
                        <dock:RadGridResizer x:Name="Resizer"
                                             Grid.Row="1"
                                             Height="4"
                                             HorizontalAlignment="Stretch"
                                             VerticalAlignment="Bottom"
                                             Cursor="SizeNS"
                                             Placement="Bottom" />
                    </Grid>
                </Grid>
            </Popup>

        </Grid>
    </ControlTemplate>

    <!--  RadTabControl Bottom Template  -->
    <ControlTemplate x:Key="AutoHideAreaBottomTemplate" TargetType="dock:AutoHideArea">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="auto" />
            </Grid.RowDefinitions>

            <!--  TabStrip  -->
            <ItemsPresenter x:Name="ItemsPresenterElement" Grid.Row="1" />

            <!--  Content  -->
            <Popup x:Name="ContentPopup" IsOpen="False">
                <Grid>
                    <Grid x:Name="PopupChild"
                          MinWidth="50"
                          MinHeight="50">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>

                        <!--  Resizer  -->
                        <dock:RadGridResizer x:Name="Resizer"
                                             Grid.Row="0"
                                             Height="4"
                                             HorizontalAlignment="Stretch"
                                             VerticalAlignment="Top"
                                             Cursor="SizeNS"
                                             Placement="Top" />

                        <!--  Content  -->
                        <ContentControl x:Name="ContentBackground"
                                        Grid.Row="1"
                                        Background="{TemplateBinding Background}"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}"
                                        Style="{StaticResource PaneGroup_PaneFrameStyle}">

                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <dock:PaneHeader x:Name="HeaderElement"
                                                 Grid.Row="0"
                                                 MinHeight="16"
                                                 SelectedPane="{TemplateBinding SelectedPane}"
                                                 telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <ContentPresenter x:Name="ContentElement"
                                                  Grid.Row="1"
                                                  Content="{TemplateBinding SelectedContent}"
                                                  ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                            </Grid>
                        </ContentControl>
                    </Grid>
                </Grid>
            </Popup>
        </Grid>
    </ControlTemplate>

    <!--  RadTabControl LeftTemplate  -->
    <ControlTemplate x:Key="AutoHideAreaLeftTemplate" TargetType="dock:AutoHideArea">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <!--  TabStrip  -->
            <ItemsPresenter x:Name="ItemsPresenterElement" />

            <!--  Content  -->

            <Popup x:Name="ContentPopup"
                   Grid.Column="1"
                   IsOpen="False">
                <Grid>
                    <Grid x:Name="PopupChild"
                          MinWidth="50"
                          MinHeight="50">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <!--  Content  -->
                        <ContentControl x:Name="ContentBackground"
                                        Grid.Column="0"
                                        Background="{TemplateBinding Background}"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}"
                                        Style="{StaticResource PaneGroup_PaneFrameStyle}">

                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <dock:PaneHeader x:Name="HeaderElement"
                                                 Grid.Row="0"
                                                 MinHeight="16"
                                                 SelectedPane="{TemplateBinding SelectedPane}"
                                                 telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <ContentPresenter x:Name="ContentElement"
                                                  Grid.Row="1"
                                                  Content="{TemplateBinding SelectedContent}"
                                                  ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                            </Grid>
                        </ContentControl>
                        <!--  Resizer  -->
                        <dock:RadGridResizer x:Name="Resizer"
                                             Grid.Column="1"
                                             Width="4"
                                             HorizontalAlignment="Right"
                                             VerticalAlignment="Stretch"
                                             Cursor="SizeWE"
                                             Placement="Right" />
                    </Grid>
                </Grid>
            </Popup>

        </Grid>
    </ControlTemplate>

    <!--  RadTabControl RightTemplate  -->
    <ControlTemplate x:Key="AutoHideAreaRightTemplate" TargetType="dock:AutoHideArea">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <!--  TabStrip  -->
            <ItemsPresenter x:Name="ItemsPresenterElement" Grid.Column="1" />

            <!--  Content  -->

            <Popup x:Name="ContentPopup" IsOpen="False">
                <Grid>
                    <Grid x:Name="PopupChild"
                          MinWidth="50"
                          MinHeight="50">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <!--  Content  -->
                        <ContentControl x:Name="ContentBackground"
                                        Grid.Column="1"
                                        Background="{TemplateBinding Background}"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}"
                                        Style="{StaticResource PaneGroup_PaneFrameStyle}">

                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <dock:PaneHeader x:Name="HeaderElement"
                                                 Grid.Row="0"
                                                 MinHeight="16"
                                                 SelectedPane="{TemplateBinding SelectedPane}"
                                                 telerik:StyleManager.Theme="{StaticResource Theme}" />
                                <ContentPresenter x:Name="ContentElement"
                                                  Grid.Row="1"
                                                  Content="{TemplateBinding SelectedContent}"
                                                  ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                            </Grid>
                        </ContentControl>
                        <dock:RadGridResizer x:Name="Resizer"
                                             Grid.Column="0"
                                             Width="4"
                                             HorizontalAlignment="Left"
                                             VerticalAlignment="Stretch"
                                             Cursor="SizeWE"
                                             Placement="Left" />
                    </Grid>
                </Grid>
            </Popup>

        </Grid>

    </ControlTemplate>

    <!--  AutoHideArea Style  -->
    <!--  RadTabControl  -->
    <Style TargetType="dock:AutoHideArea">

        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="IsEnabled" Value="True" />
        <Setter Property="IsTabStop" Value="True" />

        <Setter Property="BorderThickness" Value="{StaticResource PaneGroup_BorderThickness}" />
        <Setter Property="BorderBrush" Value="{StaticResource PaneGroup_BorderBrush}" />
        <Setter Property="Background" Value="{StaticResource PaneGroup_Background}" />

        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <telerikNavigationPrimitives:TabStripPanel x:Name="TabStripPanel" />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="ReorderTabRows" Value="False" />

        <Setter Property="Template" Value="{StaticResource AutoHideAreaTopTemplate}" />
        <Setter Property="TopTemplate" Value="{StaticResource AutoHideAreaTopTemplate}" />
        <Setter Property="BottomTemplate" Value="{StaticResource AutoHideAreaBottomTemplate}" />
        <Setter Property="RightTemplate" Value="{StaticResource AutoHideAreaRightTemplate}" />
        <Setter Property="LeftTemplate" Value="{StaticResource AutoHideAreaLeftTemplate}" />
    </Style>

    <!--  end region  -->

    <!--  region ToolWindow  -->

    <!--  telerik:StyleManager.BasedOn="{StaticResource Theme}"  -->
    <Style x:Key="ToolWindow_CloseButtonStyle" TargetType="telerik:RadButton">

        <Setter Property="Margin" Value="1 1 3 1" />
        <Setter Property="Width" Value="19" />
        <Setter Property="Height" Value="17" />
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Path Margin="2 0"
                          HorizontalAlignment="Center"
                          VerticalAlignment="Center"
                          Data="M0.5,1.5 L1.5,0.5 3.5,0.5 5.5,2.5 7.5,0.5 9.5,0.5 10.5,1.5 7.5,4.5 7.5,5.5 10.5,8.5 9.5,9.5 7.5,9.5 5.5,7.5 3.5,9.5 1.5,9.5 0.5,8.5 3.5,5.5 3.5,4.5 z"
                          Fill="{StaticResource ToolWindow_CloseButtonIconFill}"
                          Stretch="None"
                          Stroke="{StaticResource ToolWindow_CloseButtonIconStroke}"
                          StrokeThickness="0.7"
                          UseLayoutRounding="True" />
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolWindow_BorderStyle" TargetType="ContentControl">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ContentControl">
                    <Border Background="{StaticResource ToolWindow_Background}"
                            BorderBrush="{StaticResource ToolWindow_BorderBrush}"
                            BorderThickness="1"
                            CornerRadius="4">

                        <Border BorderBrush="#FFFFFFFF"
                                BorderThickness="1"
                                CornerRadius="3">
                            <ContentPresenter />
                        </Border>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolWindow_HeaderStyle" TargetType="ContentControl">
        <Setter Property="Margin" Value="3 0" />
    </Style>

    <Style x:Key="ToolWindow_ContentStyle" TargetType="ContentControl">
        <Setter Property="Margin" Value="3 0 3 3" />
        <Setter Property="Background" Value="Red" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="VerticalAlignment" Value="Stretch" />
    </Style>

    <!--  ToolWindow Style  -->
    <Style TargetType="dock:ToolWindow">

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dock:ToolWindow">
                    <ContentControl x:Name="VisualRoot" Style="{StaticResource ToolWindow_BorderStyle}">
                        <ContentControl.RenderTransform>
                            <TranslateTransform x:Name="DragTransform" />
                        </ContentControl.RenderTransform>

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

                            <Border x:Name="HeaderElement"
                                    Grid.Row="0"
                                    Grid.Column="0"
                                    Background="Transparent">
                                <ContentControl x:Name="Header"
                                                Content="{TemplateBinding Header}"
                                                ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                Style="{StaticResource ToolWindow_HeaderStyle}" />
                            </Border>

                            <telerik:RadButton x:Name="CloseButton"
                                               Grid.Row="0"
                                               Grid.Column="1"
                                               Command="telerik:WindowCommands.Close"
                                               Style="{StaticResource ToolWindow_CloseButtonStyle}" />

                            <ContentControl x:Name="Content"
                                            Grid.Row="1"
                                            Grid.ColumnSpan="2"
                                            HorizontalContentAlignment="Stretch"
                                            VerticalContentAlignment="Stretch"
                                            Content="{TemplateBinding Content}"
                                            Style="{StaticResource ToolWindow_ContentStyle}" />

                        </Grid>
                    </ContentControl>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="MinHeight" Value="24" />
        <Setter Property="MinWidth" Value="85" />
        <Setter Property="IsTabStop" Value="False" />
    </Style>

    <!--  end region  -->

</ResourceDictionary>

[Kalin]

Hi Victor,

Some parts of the ToolWindow ControlTemplate are missing and this is causing the non present ContextMenu. Try adding the following XAML inside the Border named HeaderElement from the same ControlTemplate:

<telerik:CommandManager.InputBindings>
    <telerik:InputBindingCollection>
        <telerik:MouseBinding Command="telerikDocking:RadDockingCommands.PaneHeaderMenuOpen">
            <telerik:MouseBinding.Gesture>
                <telerik:MouseGesture MouseAction="RightClick" />
            </telerik:MouseBinding.Gesture>
        </telerik:MouseBinding>
    </telerik:InputBindingCollection>
</telerik:CommandManager.InputBindings>

Hope this will help you.

Regards,
Kalin
Telerik

[Victor]

Thank you very much Kalin!!

Thatz exactly what I needed. You saved me hours of investigation.

Thanks once again!