Issues with RibbonView

4 posts, 0 answers
  1. VS
    VS avatar
    101 posts
    Member since:
    Jul 2008

    Posted 13 Mar 2013 Link to this post

    Hi,

    I was using 2012.1 version of WPF.
    Now am planning to upgrade to 2013 Q1 (Am using 2013.1.220.40 version).
    Am using a RibbonBar in the old version. Since I can't find RibbonBar in the new release, am converting it to RibbonView. Should I convert?

    If Yes, then I was using TabStripPanel as below,

    xmlns:Telerik_Windows_Controls_RibbonBar_Primitives="clr-namespace:Telerik.Windows.Controls.RibbonBar.Primitives;assembly=Telerik.Windows.Controls.RibbonBar"

    <telerikNavigation:RadTabControl.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <Telerik_Windows_Controls_RibbonBar_Primitives:TabStripPanel
    IsItemsHost="True" SeparatorOpacityThreshold="3"
    VariablePaddingLength="15" />

                                        </ItemsPanelTemplate>
                                    </telerikNavigation:RadTabControl.ItemsPanel>

    After Converting to RibbonView, below is my code

        xmlns:Telerik_Windows_Controls_RibbonBar_Primitives="clr-namespace:Telerik.Windows.Controls.RibbonView.Primitives;assembly=Telerik.Windows.Controls.RibbonView"

    <telerikNavigation:RadTabControl.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <!--<Telerik_Windows_Controls_Primitives:TabStripPanel
    IsItemsHost="True" SeparatorOpacityThreshold="3"
    VariablePaddingLength="15" />-->
                                            <Telerik_Windows_Controls_Primitives:TabStripPanel
    IsItemsHost="True" Opacity="3" />
                                        </ItemsPanelTemplate>
                                    </telerikNavigation:RadTabControl.ItemsPanel>

    After this change, my RadRibbonTab items are not getting displayed.

    Below are my questions,

    1. I can't find SeparatorOpacityThreshold="3" VariablePaddingLength="15" in RibbonView TabStripPanel.
    Is this the reason?
    2. Doesn't the TabStripPanel work in RadRibbonView? If not, how will i display RadRibbonTab Items in a RibbonView?

    Cheers
  2. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 14 Mar 2013 Link to this post

    Hello Varikkara,

    We highly recommend all customers using RadRibbonBar to migrate to RadRibbonView. The migration should not be difficult as they share mostly the same API you can read more in this article. As for the old TabStripPanel it is now called RibbonTabStripPanel and no longer has the SeparatorOpacityThreshold and VariablePaddingLength properties.
    However if there are any custom styles for the RadRibbonBar they might not be applicable for the RadRibbonView as the RadRibbonView has different (lighter and optimized) style. If you have any problems updating the styles we will be happy to help you change them to fit your design if you send us screenshots demonstrating your requirements.

    I hope this information helps.

    Kind regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
  4. VS
    VS avatar
    101 posts
    Member since:
    Jul 2008

    Posted 15 Mar 2013 Link to this post

    Hi Kiril,
    Thanks for your reply.
    Finally I was able to display the radribbonview with the tabs. But styles are not correct.
    Am having the below issues
    1. trouble in displaying the Horizontal Scrollbars when the screen size is reduced
    2. RadRibbongroup doesn't take the full size of RadRibbonTab

    below is my current style for RibbonView

    <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" 
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="PresentationOptions"
        xmlns:telerikRibbonBar="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.RibbonView"
        xmlns:Telerik_Windows_Controls_RibbonBar_Primitives="clr-namespace:Telerik.Windows.Controls.RibbonView.Primitives;assembly=Telerik.Windows.Controls.RibbonView"
        xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
        xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
        xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
        xmlns:Telerik_Windows_Controls_Primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Navigation"
        xmlns:Controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"
        xmlns:telerikData="clr-namespace:Telerik.Windows.Data;assembly=Telerik.Windows.Data"
        xmlns:theme="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero" 
        xmlns:System="clr-namespace:System;assembly=mscorlib"
        xmlns:Windows="clr-namespace:System.Windows;assembly=PresentationFramework">

    <Style x:Key="RadRibbonBarStyle" TargetType="{x:Type telerikRibbonBar:RadRibbonView}">
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTabStripPanel IsItemsHost="True" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Background" Value="#FFC6E7F9" />
            <Setter Property="Foreground" Value="#FF464646" />
            <Setter Property="ApplicationButtonVisibility" Value="Visible" />
            <Setter Property="TitleBarVisibility" Value="Visible" />
            <Setter Property="HelpButtonVisibility" Value="Collapsed" />
            <Setter Property="ApplicationName" Value="My Application" />
            <Setter Property="IsMinimizable" Value="True" />
            <Setter Property="QuickAccessToolBarPosition" Value="AboveRibbon" />
            <Setter Property="VerticalAlignment" Value="Top" />
            <Setter Property="CollapseThresholdSize" Value="300,250" />
            <Setter Property="FontSize" Value="10.8" />
            <Setter Property="ContextualGroupsStyle">
                <Setter.Value>
                    <Style TargetType="{x:Type telerikRibbonBar:RadRibbonContextualGroup}">
                        <Setter Property="BorderBrush" Value="White" />
                        <Setter Property="BorderThickness" Value="1,2,1,0" />
                        <Setter Property="Foreground" Value="White" />
                        <Setter Property="VerticalContentAlignment" Value="Top" />
                        <Setter Property="HeaderAlignment" Value="Center" />
                        <Setter Property="Padding" Value="5,5,5,2" />
                        <Setter Property="IsTabStop" Value="False" />
                        <Setter Property="SnapsToDevicePixels" Value="True" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type telerikRibbonBar:RadRibbonContextualGroup}">
                                    <Grid x:Name="HeaderGrid"
                                              Margin="0"
                                              Background="Transparent">
                                        <Border Margin="-1,0"
                                                    BorderBrush="{TemplateBinding BorderBrush}"
                                                    BorderThickness="{TemplateBinding BorderThickness}">
                                            <Border.OpacityMask>
                                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                                    <GradientStop Offset="0" Color="#A5FFFFFF" />
                                                    <GradientStop Offset="1" Color="#4CFFFFFF" />
                                                </LinearGradientBrush>
                                            </Border.OpacityMask>
                                        </Border>
                                        <Border BorderBrush="{TemplateBinding Color}" BorderThickness="{TemplateBinding BorderThickness}" />
                                        <Border BorderBrush="Black"
                                                    BorderThickness="{TemplateBinding BorderThickness}"
                                                    Opacity="0.5" />
                                        <Border Background="{TemplateBinding Color}" BorderThickness="1,0">
                                            <Border.OpacityMask>
                                                <RadialGradientBrush Center="0.507,1.136" GradientOrigin="0.5,1.136" RadiusX="0.736" RadiusY="0.895">
                                                    <GradientStop Offset="1" Color="#4D000000" />
                                                    <GradientStop Offset="0.19" Color="#80FFFFFF" />
                                                </RadialGradientBrush>
                                            </Border.OpacityMask>
                                        </Border>
                                        <ContentControl Margin="{TemplateBinding Padding}"
                                                            HorizontalAlignment="{TemplateBinding HeaderAlignment}"
                                                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                            Content="{TemplateBinding Header}"
                                                            ContentTemplate="{TemplateBinding HeaderTemplate}"
                                                            Foreground="{TemplateBinding Foreground}" />
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="ContextualTabsStyle">
                <Setter.Value>
                    <Style TargetType="{x:Type telerikRibbonBar:RadRibbonTab}">
                        <Setter Property="Margin" Value="1,3,2,0" />
                        <Setter Property="MinHeight" Value="23" />
                        <Setter Property="BorderThickness" Value="1,1,1,0" />
                        <Setter Property="IsTabStop" Value="False" />
                        <Setter Property="HorizontalContentAlignment" Value="Center" />
                        <Setter Property="VerticalContentAlignment" Value="Stretch" />
                        <Setter Property="Padding" Value="6,2" />
                        <Setter Property="BorderBrush">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Offset="0" Color="#FF4C4C4C" />
                                    <GradientStop Offset="0.3" Color="#FF3B3B3B" />
                                    <GradientStop Offset="1" Color="#FF363636" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="FocusVisualStyle">
                            <Setter.Value>
                                <Style TargetType="{x:Type Control}">
                                    <Setter Property="Visibility" Value="Collapsed" />
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ItemsPanel">
                            <Setter.Value>
                                <ItemsPanelTemplate>
                                    <Telerik_Windows_Controls_RibbonBar_Primitives:RibbonGroupsPanel IsItemsHost="True" />
                                </ItemsPanelTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type telerikRibbonBar:RadRibbonTab}">
                                    <Grid x:Name="RootPanel">
                                        <Windows:VisualStateManager.VisualStateGroups>
                                            <Windows:VisualStateGroup x:Name="CommonStates">
                                                <Windows:VisualState x:Name="Normal">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background_Over" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Collapsed</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                                <Windows:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background_Over" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Visible</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                            </Windows:VisualStateGroup>
                                            <Windows:VisualStateGroup x:Name="SelectionStates">
                                                <Windows:VisualState x:Name="Selected">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background_Selected" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Visible</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                                <Windows:VisualState x:Name="NotSelected">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background_Selected" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Collapsed</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                            </Windows:VisualStateGroup>
                                            <Windows:VisualStateGroup x:Name="EnabledStates">
                                                <Windows:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimation Duration="0"
                                                                             Storyboard.TargetName="HeaderElement"
                                                                             Storyboard.TargetProperty="Opacity"
                                                                             To="0.5" />
                                                    </Storyboard>
                                                </Windows:VisualState>
                                                <Windows:VisualState x:Name="Enabled" />
                                            </Windows:VisualStateGroup>
                                            <Windows:VisualStateGroup x:Name="ContextualTabStates">
                                                <Windows:VisualState x:Name="NotContextualTab">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderPanel" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Visible</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                                <Windows:VisualState x:Name="ActiveContextualTab">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderPanel" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Visible</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                                <Windows:VisualState x:Name="InactiveContextualTab">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderPanel" Storyboard.TargetProperty="Visibility">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Visibility>Collapsed</Visibility>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </Windows:VisualState>
                                            </Windows:VisualStateGroup>
                                        </Windows:VisualStateManager.VisualStateGroups>
                                        <Rectangle x:Name="TabSeparator"
                                                       Width="1"
                                                       Margin="0,0,-3,0"
                                                       HorizontalAlignment="Right"
                                                       VerticalAlignment="Stretch"
                                                       Fill="{TemplateBinding BorderBrush}"
                                                       Visibility="Collapsed" />
                                        <Grid x:Name="HeaderPanel"
                                                  Background="Transparent"
                                                  Visibility="{Binding HeaderVisibility,
                                                                       Mode=TwoWay,
                                                                       RelativeSource={RelativeSource TemplatedParent}}">
                                            <Border x:Name="Background_Over"
                                                        BorderBrush="{TemplateBinding Background}"
                                                        BorderThickness="1,1,1,0"
                                                        CornerRadius="2,2,0,0"
                                                        Visibility="Collapsed">
                                                <Border BorderBrush="#99FFFFFF"
                                                            BorderThickness="1,1,1,0"
                                                            CornerRadius="2,2,0,0">
                                                    <Border Background="{TemplateBinding Background}"
                                                                CornerRadius="1,1,0,0"
                                                                Opacity="0.6">
                                                        <Border.OpacityMask>
                                                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                                                <GradientStop Offset="0" Color="Transparent" />
                                                                <GradientStop Offset="1" Color="White" />
                                                                <GradientStop Offset="0.527" Color="#19FFFFFF" />
                                                            </LinearGradientBrush>
                                                        </Border.OpacityMask>
                                                    </Border>
                                                </Border>
                                            </Border>
                                            <Border x:Name="Background_Selected"
                                                        Background="White"
                                                        BorderBrush="{TemplateBinding Background}"
                                                        BorderThickness="1,1,1,0"
                                                        CornerRadius="2,2,0,0"
                                                        Visibility="Collapsed">
                                                <Border x:Name="InnerBackground" Background="{TemplateBinding Background}">
                                                    <Border.OpacityMask>
                                                        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                                            <GradientStop Offset="0" Color="#19FFFFFF" />
                                                            <GradientStop Offset="0.173" Color="#59FFFFFF" />
                                                            <GradientStop Offset="0.191" Color="#7FFFFFFF" />
                                                            <GradientStop Offset="0.866" Color="Transparent" />
                                                        </LinearGradientBrush>
                                                    </Border.OpacityMask>
                                                </Border>
                                            </Border>
                                            <ContentPresenter x:Name="HeaderElement"
                                                                  Margin="{TemplateBinding Padding}"
                                                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                  Content="{TemplateBinding Header}"
                                                                  ContentTemplate="{TemplateBinding HeaderTemplate}" />
                                        </Grid>
                                        <Grid x:Name="ContentPanel"
                                                  Width="0"
                                                  Height="0">
                                            <Border x:Name="OuterBorder"
                                                        BorderBrush="{TemplateBinding Background}"
                                                        BorderThickness="1"
                                                        CornerRadius="0,2,2,2">
                                                <Border.Background>
                                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                                        <GradientStop Color="#FFFDFDFD" />
                                                        <GradientStop Offset="1" Color="#FFD5D5D5" />
                                                    </LinearGradientBrush>
                                                </Border.Background>
                                                <Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer x:Name="TabItemsScrollViewer">
                                                    <telerik:StyleManager.Theme>
                                                        <telerik:Office_BlackTheme />
                                                    </telerik:StyleManager.Theme>
                                                    <ItemsPresenter HorizontalAlignment="Left" />
                                                </Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer>
                                            </Border>
                                        </Grid>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="WindowTitleStyle">
                <Setter.Value>
                    <Style TargetType="{x:Type Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle}">
                        <Setter Property="IsTabStop" Value="False" />
                        <Setter Property="Margin" Value="0,5,2,5" />
                        <Setter Property="VerticalAlignment" Value="Center" />
                        <Setter Property="IsHitTestVisible" Value="False" />
                        <Setter Property="IsActive" Value="True" />
                        <Setter Property="HorizontalAlignment" Value="Left" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle}">
                                    <StackPanel HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Orientation="Horizontal">
                                        <TextBlock x:Name="Title"
                                                       Foreground="White"
                                                       Text="{TemplateBinding Title}"
                                                       TextTrimming="WordEllipsis" />
                                        <TextBlock x:Name="Divider"
                                                       Foreground="White"
                                                       Text=" - "
                                                       Visibility="{TemplateBinding DividerVisibility}"
                                                       telerik:LocalizationManager.ResourceKey="RibbonViewWindowTitleDivider"><Run Text=" - " />
                                        </TextBlock>
                                        <TextBlock x:Name="ApplicationName"
                                                       Foreground="White"
                                                       Text="{TemplateBinding ApplicationName}"
                                                       TextTrimming="WordEllipsis" />
                                    </StackPanel>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="HelpButtonImageSource">
                <Setter.Value>
                    <BitmapImage BaseUri="pack://application:,,,/Telerik.Windows.Controls.RibbonView;Component/themes/office/black/RadRibbonView.xaml" UriSource="/Telerik.Windows.Controls.RibbonView;component/HelpIcon.png" />
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type telerikRibbonBar:RadRibbonView}">
                        <!--<Border Background="{TemplateBinding Background}">
                            <Grid x:Name="RootPanel">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <ContentPresenter x:Name="SelectedTabContent"
                                                      Grid.Row="1"
                                                      Height="{TemplateBinding ContentHeight}"
                                                      Margin="0,-1,1,0"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}" />
                                <Grid x:Name="TopGrid">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="1" />
                                    </Grid.RowDefinitions>
                                    <Border x:Name="titleBarBackground"
                                                Grid.ColumnSpan="3"
                                                Background="{TemplateBinding TitleBarBackground}"
                                                BorderBrush="White"
                                                BorderThickness="0,0,0,1" />
                                    <Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel x:Name="RibbonTitleBarPanel"
                                                                                                            Grid.ColumnSpan="2"
                                                                                                            Visibility="{TemplateBinding TitleBarVisibility}">
                                        <ContentPresenter x:Name="AboveToolBarHost"
                                                              VerticalAlignment="Center"
                                                              ContentTemplate="{TemplateBinding ContentTemplate}"
                                                              Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel.Element="QuickAccessToolBar" />
                                        <Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle x:Name="WindowTitle"
                                                                                                        Title="{TemplateBinding Title}"
                                                                                                        ApplicationName="{TemplateBinding ApplicationName}"
                                                                                                        Style="{TemplateBinding WindowTitleStyle}"
                                                                                                        Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel.Element="WindowTitle" />
                                        <StackPanel x:Name="ContextualGroupsHeaders"
                                                        Orientation="Horizontal"
                                                        Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel.Element="ContextualGroupsPanel" />
                                    </Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel>
                                    <telerikRibbonBar:RadRibbonDropDownButton x:Name="ApplicationButton"
                                                                         Grid.Row="1"
                                                                         Content="{TemplateBinding ApplicationButtonContent}"
                                                                         DropDownButtonPosition="Right"
                                                                         InnerCornerRadius="0"
                                                                         IsEnabled="{TemplateBinding IsApplicationButtonEnabled}"
                                                                         IsOpen="{Binding IsApplicationMenuOpen,
                                                                                          Mode=TwoWay,
                                                                                          RelativeSource={RelativeSource TemplatedParent}}"
                                                                         SmallImage="{TemplateBinding ApplicationButtonImageSource}"
                                                                         Style="{TemplateBinding ApplicationButtonStyle}"
                                                                         Visibility="{TemplateBinding ApplicationButtonVisibility}" />
                                    <Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer x:Name="TabsScrollViewer"
                                                                                                           Grid.Row="1"
                                                                                                           Grid.Column="1">
                                        <telerik:StyleManager.Theme>
                                            <telerik:Office_BlackTheme />
                                        </telerik:StyleManager.Theme>
                                        <ItemsPresenter />
                                    </Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer>
                                    <StackPanel Grid.Row="1"
                                                    Grid.Column="2"
                                                    Orientation="Horizontal">
                                        <telerikRibbonBar:RadRibbonToggleButton x:Name="MinimizeButton"
                                                                           InnerCornerRadius="0"
                                                                           IsChecked="{Binding IsMinimized,
                                                                                               Mode=TwoWay,
                                                                                               RelativeSource={RelativeSource TemplatedParent}}"
                                                                           IsEnabled="{TemplateBinding IsMinimizable}"
                                                                           Style="{TemplateBinding MinimizeButtonStyle}"
                                                                           Visibility="{TemplateBinding MinimizeButtonVisibility}" />
                                        <telerikRibbonBar:RadRibbonButton x:Name="HelpButton"
                                                                     Command="{TemplateBinding HelpCommand}"
                                                                     CommandParameter="{TemplateBinding HelpCommandParameter}"
                                                                     CommandTarget="{TemplateBinding HelpCommandTarget}"
                                                                     InnerCornerRadius="0"
                                                                     SmallImage="{TemplateBinding HelpButtonImageSource}"
                                                                     Style="{TemplateBinding HelpButtonStyle}"
                                                                     Visibility="{TemplateBinding HelpButtonVisibility}" />
                                        <ContentPresenter Content="{TemplateBinding TabStripAdditionalContent}" />
                                    </StackPanel>
                                </Grid>
                                <ContentPresenter x:Name="BelowToolBarHost"
                                                      Grid.Row="2"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}" />
                                <Popup x:Name="TabContentPopup"
                                           AllowsTransparency="True"
                                           VerticalOffset="-2">
                                    <ContentPresenter x:Name="SelectedTabContentPopup"
                                                          Height="{TemplateBinding ContentHeight}"
                                                          ContentTemplate="{TemplateBinding ContentTemplate}" />
                                </Popup>
                            </Grid>
                        </Border>-->
                        
                        <!--<ControlTemplate.Triggers>
                            <Trigger Property="IsHostedInRibbonWindow" Value="True">
                                <Setter TargetName="titleBarBackground" Property="Visibility" Value="Collapsed" />
                            </Trigger>
                        </ControlTemplate.Triggers>-->



                        <!--<Border Background="{TemplateBinding Background}">-->
                            <!--<Grid x:Name="RootPanel">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>-->
                                <!--<ContentPresenter x:Name="SelectedTabContent"
                                                      Grid.Row="1"
                                                      Height="{TemplateBinding ContentHeight}"
                                                      Margin="0,-1,1,0"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}" />-->
                                <!--<Grid x:Name="TopGrid">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="1" />
                                    </Grid.RowDefinitions>-->
                        <Grid x:Name="RootElement">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" MaxHeight="28" />
                                <RowDefinition Height="24" MaxHeight="24" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <!--<Border x:Name="titleBarBackground"
                                                Grid.ColumnSpan="3"
                                                Background="{TemplateBinding TitleBarBackground}"
                                                BorderBrush="White"
                                                BorderThickness="0,0,0,1" />-->
                                    
                                    <!--<Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel x:Name="RibbonTitleBarPanel"
                                                                                                            Grid.ColumnSpan="2"
                                                                                                            Visibility="{TemplateBinding TitleBarVisibility}">
                                        <ContentPresenter x:Name="AboveToolBarHost"
                                                              VerticalAlignment="Center"
                                                              ContentTemplate="{TemplateBinding ContentTemplate}"
                                                              Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel.Element="QuickAccessToolBar" />
                                        
                                        <Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle x:Name="WindowTitle"
                                                                                                        Title="{TemplateBinding Title}"
                                                                                                        ApplicationName="{TemplateBinding ApplicationName}"
                                                                                                        Style="{TemplateBinding WindowTitleStyle}"
                                                                                                        Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel.Element="WindowTitle" />

                                    <StackPanel x:Name="ContextualGroupsHeaders"
                                                        Orientation="Horizontal"
                                                        Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel.Element="ContextualGroupsPanel" />

                                    </Telerik_Windows_Controls_RibbonBar_Primitives:RibbonTitleBarPanel>-->

                                <Rectangle Fill="{TemplateBinding Background}" Grid.ColumnSpan="2" Grid.Row="1" Grid.RowSpan="3" />
                                <Border Grid.ColumnSpan="2" BorderBrush="#FF969FA7" BorderThickness="0,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                            <GradientStop Color="#FF0F2335" Offset="0" />
                                            <GradientStop Color="#FF102436" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                </Border>
                                <Rectangle Fill="#FF131C24" VerticalAlignment="Top" Height="1" Grid.ColumnSpan="2" Grid.Row="1" />
                                <Grid x:Name="TitleAligner" Height="28" Visibility="{TemplateBinding TitleBarVisibility}" Grid.Column="1" Grid.Row="0">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <ContentPresenter x:Name="AboveToolBarHost" HorizontalAlignment="Left" Margin="-7,0,0,0" VerticalAlignment="Bottom" />

                                    <Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle
                                            x:Name="PART_ActualWindowTitle"
                                            HorizontalAlignment="Stretch" Grid.Column="1"
                                            ApplicationName="{TemplateBinding ApplicationName}"
                                            IsActive="True" Title="{TemplateBinding Title}">
                                        <Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle.Style>
                                            <Style TargetType="{x:Type Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle}">
                                                <Setter Property="IsTabStop" Value="False" />
                                                <Setter Property="VerticalAlignment" Value="Center" />
                                                <Setter Property="FontSize" Value="11" />
                                                <Setter Property="Template">
                                                    <Setter.Value>
                                                        <ControlTemplate TargetType="{x:Type Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle}">
                                                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                                                <TextBlock x:Name="Title" Foreground="White" Text="{TemplateBinding Title}" />
                                                                <TextBlock x:Name="Divider" Foreground="White" Text=" - " Visibility="{TemplateBinding DividerVisibility}"
                                                                            telerik:LocalizationManager.ResourceKey="RibbonBarWindowTitleDivider">
                                                                                    <Run Text=" - " />
                                                                </TextBlock>
                                                                <TextBlock x:Name="ApplicationName" Foreground="White" Text="{TemplateBinding ApplicationName}" />
                                                            </StackPanel>
                                                        </ControlTemplate>
                                                    </Setter.Value>
                                                </Setter>
                                            </Style>
                                        </Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle.Style>
                                    </Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle>
                                </Grid>


                                <!--<telerikRibbonBar:RadRibbonDropDownButton x:Name="ApplicationButton"
                                                                         Grid.Row="1"
                                                                         Content="{TemplateBinding ApplicationButtonContent}"
                                                                         DropDownButtonPosition="Right"
                                                                         InnerCornerRadius="0"
                                                                         IsEnabled="{TemplateBinding IsApplicationButtonEnabled}"
                                                                         IsOpen="{Binding IsApplicationMenuOpen,
                                                                                          Mode=TwoWay,
                                                                                          RelativeSource={RelativeSource TemplatedParent}}"
                                                                         SmallImage="{TemplateBinding ApplicationButtonImageSource}"
                                                                         Style="{TemplateBinding ApplicationButtonStyle}"
                                                                         Visibility="{TemplateBinding ApplicationButtonVisibility}" />-->

                            <!--<Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer x:Name="TabsScrollViewer"
                                                                                                           Grid.Row="1"
                                                                                                           Grid.Column="1">
                                <telerik:StyleManager.Theme>
                                    <telerik:Office_SilverTheme />
                                </telerik:StyleManager.Theme>
                                <ItemsPresenter />
                            </Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer>-->

                            <Grid Panel.ZIndex="1" Grid.Column="1" Grid.Row="1">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer x:Name="TabsScrollViewer">
                                    <telerik:StyleManager.Theme>
                                        <telerik:Office_SilverTheme />
                                    </telerik:StyleManager.Theme>
                                    <ItemsPresenter />
                                </Telerik_Windows_Controls_RibbonBar_Primitives:RibbonScrollViewer>
                            </Grid>



                            <telerikRibbonBar:RadRibbonDropDownButton x:Name="ApplicationButton"
                                        Margin="4,4,0,5" Style="{TemplateBinding ApplicationButtonStyle}"  Visibility="{TemplateBinding ApplicationButtonVisibility}"
                                        Grid.RowSpan="2" DropDownIndicatorVisibility="Collapsed" IsAutoSize="True" SmallImage="{TemplateBinding ApplicationButtonImageSource}" />
                                    
                                
                                    
                                    
                                    <!--<StackPanel Grid.Row="1"
                                                    Grid.Column="2"
                                                    Orientation="Horizontal">
                                        <telerikRibbonBar:RadRibbonToggleButton x:Name="MinimizeButton"
                                                                           InnerCornerRadius="0"
                                                                           IsChecked="{Binding IsMinimized,
                                                                                               Mode=TwoWay,
                                                                                               RelativeSource={RelativeSource TemplatedParent}}"
                                                                           IsEnabled="{TemplateBinding IsMinimizable}"
                                                                           Style="{TemplateBinding MinimizeButtonStyle}"
                                                                           Visibility="{TemplateBinding MinimizeButtonVisibility}" />
                                        <telerikRibbonBar:RadRibbonButton x:Name="HelpButton"
                                                                     Command="{TemplateBinding HelpCommand}"
                                                                     CommandParameter="{TemplateBinding HelpCommandParameter}"
                                                                     CommandTarget="{TemplateBinding HelpCommandTarget}"
                                                                     InnerCornerRadius="0"
                                                                     SmallImage="{TemplateBinding HelpButtonImageSource}"
                                                                     Style="{TemplateBinding HelpButtonStyle}"
                                                                     Visibility="{TemplateBinding HelpButtonVisibility}" />
                                        <ContentPresenter Content="{TemplateBinding TabStripAdditionalContent}" />
                                    </StackPanel>-->

                                <StackPanel Grid.Column="1" Orientation="Horizontal">
                                    <telerikRibbonBar:RadRibbonButton x:Name="HelpButton" VerticalAlignment="Center"
                                        Visibility="{TemplateBinding HelpButtonVisibility}" Size="Small" SmallImage="{TemplateBinding HelpButtonImageSource}" />
                                    <ContentPresenter Margin="0" Content="{TemplateBinding TabStripAdditionalContent}" />
                                </StackPanel>
                                    
                            <!--</Grid>-->
                                <!--<ContentPresenter x:Name="BelowToolBarHost"
                                                      Grid.Row="2"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}" />
                                <Popup x:Name="TabContentPopup"
                                           AllowsTransparency="True"
                                           VerticalOffset="-2">
                                    <ContentPresenter x:Name="SelectedTabContentPopup"
                                                          Height="{TemplateBinding ContentHeight}"
                                                          ContentTemplate="{TemplateBinding ContentTemplate}" />
                                </Popup>-->

                            <Border x:Name="TabContentHost" Visibility="Collapsed" Panel.ZIndex="0" Grid.ColumnSpan="2" Grid.Row="2">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                        <GradientStop Color="#FF535353" Offset="0" />
                                        <GradientStop Color="#FF505050" Offset="1" />
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Grid>
                                    <ContentPresenter x:Name="SelectedTabPresenter" Margin="1,-1,1,2" Height="1" />
                                    <Rectangle Fill="#0C000000" Margin="4,0,4,1" VerticalAlignment="Bottom" Height="1" />
                                </Grid>
                            </Border>
                            <Popup x:Name="TabContentPopup" />
                            <Border x:Name="MinimizedDivider" VerticalAlignment="Top" Height="2"
                                Grid.ColumnSpan="2" Grid.Row="3" Background="#FFD5E2F3" BorderBrush="#FF9BBBE3" BorderThickness="0,1,0,0" />
                            <ContentPresenter x:Name="BelowToolBarHost" Grid.ColumnSpan="2" Grid.Row="3" />
                        </Grid>

                        <!--</Grid>-->
                        <!--</Border>-->


                        <ControlTemplate.Triggers>
                          <Trigger Property="IsEnabled" Value="True">
                            <Setter Property="Visibility" TargetName="TabContentHost" Value="Visible" />
                            <Setter Property="Visibility" TargetName="MinimizedDivider" Value="Collapsed" />
                          </Trigger>
                          <Trigger Property="IsMinimized" Value="True">
                            <Setter Property="Visibility" TargetName="TabContentHost" Value="Collapsed" />
                            <Setter Property="Visibility" TargetName="MinimizedDivider" Value="Visible" />
                          </Trigger>    
                        </ControlTemplate.Triggers>
                        
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ResourceDictionary>


    below is my old style for RibbonBar

    <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="PresentationOptions"
        xmlns:telerikRibbonBar="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.RibbonBar"
        xmlns:Telerik_Windows_Controls_RibbonBar_Primitives="clr-namespace:Telerik.Windows.Controls.RibbonBar.Primitives;assembly=Telerik.Windows.Controls.RibbonBar"
        xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
        xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
        xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
        xmlns:Telerik_Windows_Controls_Primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Navigation"
        xmlns:Controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"
        xmlns:telerikData="clr-namespace:Telerik.Windows.Data;assembly=Telerik.Windows.Data"
        xmlns:GridView="clr-namespace:Telerik.Windows.Controls.GridView;assembly=Telerik.Windows.Controls.GridView"
        xmlns:theme="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"
        xmlns:System="clr-namespace:System;assembly=mscorlib">

      
      <Style x:Key="RadRibbonBarStyle" TargetType="{x:Type telerikRibbonBar:RadRibbonBar}">

      <Setter Property="IsTabStop" Value="False" />
      <Setter Property="Background" Value="#FFC6E7F9" />
      <Setter Property="Foreground" Value="#FF464646" />
      <Setter Property="ApplicationButtonVisibility" Value="Visible" />
      <Setter Property="TitleBarVisibility" Value="Visible" />
      <Setter Property="HelpButtonVisibility" Value="Collapsed" />
      <Setter Property="ApplicationName" Value="My Application" />
      <Setter Property="IsMinimizable" Value="True" />
      <Setter Property="QuickAccessToolBarPosition" Value="AboveRibbon" />
      <Setter Property="VerticalAlignment" Value="Top" />
      <Setter Property="CollapseThresholdSize" Value="300,250" />
      <Setter Property="FontSize" Value="10.8" />
     
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type telerikRibbonBar:RadRibbonBar}">
            <Grid x:Name="RootElement">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>
              <Grid.RowDefinitions>
                <RowDefinition Height="Auto" MaxHeight="28" />
                <RowDefinition Height="24" MaxHeight="24" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
              </Grid.RowDefinitions>
              <Rectangle Fill="{TemplateBinding Background}" Grid.ColumnSpan="2"
        Grid.Row="1" Grid.RowSpan="3" />
              <Border Grid.ColumnSpan="2" BorderBrush="#FF969FA7"
        BorderThickness="0,0,0,1">
                <Border.Background>
                  <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                    <GradientStop Color="#FF0F2335" Offset="0" />
                    <GradientStop Color="#FF102436" Offset="1" />
                  </LinearGradientBrush>
                </Border.Background>
              </Border>
              <Rectangle Fill="#FF131C24" VerticalAlignment="Top" Height="1"
        Grid.ColumnSpan="2" Grid.Row="1" />
              <Grid x:Name="TitleAligner" Height="28"
        Visibility="{TemplateBinding TitleBarVisibility}"
        Grid.Column="1" Grid.Row="0">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="Auto" />
                  <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <ContentPresenter x:Name="AboveToolBarHost"
        HorizontalAlignment="Left" Margin="-7,0,0,0"
        VerticalAlignment="Bottom" />
                <Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle
        x:Name="PART_ActualWindowTitle"
        HorizontalAlignment="Stretch" Grid.Column="1"
        ApplicationName="{TemplateBinding ApplicationName}"
        IsActive="True" Title="{TemplateBinding Title}">
                  <Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle.Style>
                    <Style
        TargetType="{x:Type Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle}">
                      <Setter Property="IsTabStop" Value="False" />
                      <Setter Property="VerticalAlignment" Value="Center" />
                      <Setter Property="FontSize" Value="11" />
                      <Setter Property="Template">
                        <Setter.Value>
                          <ControlTemplate
        TargetType="{x:Type Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle}">
                            <StackPanel Orientation="Horizontal"
        HorizontalAlignment="Center">
                              <TextBlock x:Name="Title"
        Foreground="White"
        Text="{TemplateBinding Title}" />
                              <TextBlock x:Name="Divider"
        Foreground="White" Text=" - " Visibility="{TemplateBinding DividerVisibility}"
        telerik:LocalizationManager.ResourceKey="RibbonBarWindowTitleDivider">
                                <Run
    Text=" - " />
                              </TextBlock>
                              <TextBlock x:Name="ApplicationName"
        Foreground="White"
        Text="{TemplateBinding ApplicationName}" />
                            </StackPanel>
                          </ControlTemplate>
                        </Setter.Value>
                      </Setter>
                    </Style>
                  </Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle.Style>
                </Telerik_Windows_Controls_RibbonBar_Primitives:WindowTitle>
              </Grid>
              <Grid Panel.ZIndex="1" Grid.Column="1" Grid.Row="1">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="*" />
                  <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <telerikNavigation:RadTabControl x:Name="TabControl" Margin="10,-4,0,0"
        ScrollViewer.HorizontalScrollBarVisibility="Auto"
        BackgroundVisibility="Collapsed" SelectedIndex="-1">
                  <telerikNavigation:RadTabControl.Style>
                    <Style TargetType="{x:Type telerikNavigation:RadTabControl}">
                      <Setter Property="MinWidth" Value="5" />
                      <Setter Property="MinHeight" Value="26" />
                      <Setter Property="Foreground" Value="Black" />
                      <Setter Property="HorizontalContentAlignment"
        Value="Center" />
                      <Setter Property="VerticalContentAlignment"
        Value="Center" />
                      <Setter Property="IsEnabled" Value="True" />
                      <Setter Property="IsTabStop" Value="False" />
                      <Setter Property="BorderBrush" Value="Transparent" />
                      <Setter Property="BorderThickness" Value="1,0,1,1" />
                      <Setter Property="Background" Value="Transparent" />
                      <Setter Property="ItemsPanel">
                        <Setter.Value>
                          <ItemsPanelTemplate>
                            <Telerik_Windows_Controls_Primitives:TabStripPanel
        x:Name="TabStripPanel" Margin="-2,0"
        IsItemsHost="True" />
                          </ItemsPanelTemplate>
                        </Setter.Value>
                      </Setter>
                      <Setter
        Property="ScrollViewer.HorizontalScrollBarVisibility"
        Value="Auto" />
                      <Setter Property="Template">
                        <Setter.Value>
                          <ControlTemplate
        TargetType="{x:Type telerikNavigation:RadTabControl}">
                            <Grid>
                              <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                              </Grid.RowDefinitions>
                              <Border Grid.Row="1"
        Background="{TemplateBinding Background}"
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}">
                                <ContentControl
        x:Name="ContentElement"
        Content="{TemplateBinding SelectedContent}"
        ContentTemplate="{TemplateBinding SelectedContentTemplate}"
        Foreground="{TemplateBinding Foreground}"
        IsTabStop="False"
        Padding="{TemplateBinding Padding}" />
                              </Border>
                              <Rectangle
        Visibility="{TemplateBinding BackgroundVisibility}" />
                              <DockPanel>
                                <RepeatButton
        x:Name="LeftScrollButtonElement"
        Margin="4,4,2,7"
        Visibility="{Binding ComputedHorizontalScrollBarVisibility, ElementName=ScrollViewerElement}"
        DockPanel.Dock="Left">
                                  <RepeatButton.Style>
                                    <Style
        TargetType="{x:Type RepeatButton}">
                                      <Setter
        Property="Template">
                                        <Setter.Value>
                                          <ControlTemplate
        TargetType="{x:Type RepeatButton}">
                                            <Grid>
                                              <Border
        x:Name="OuterBorder"
        Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"
        BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="3,0,0,3">
                                                <Border
        x:Name="InnerBorder"
        BorderThickness="1"
        CornerRadius="2,0,0,2"
        Padding="{TemplateBinding Padding}">
                                                  <Border.BorderBrush>
                                                    <LinearGradientBrush
        EndPoint="1,1"
        StartPoint="0,0">
                                                      <GradientStop
        Color="#FFF3F6FB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFC8F9FF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Border.BorderBrush>
                                                  <ContentPresenter
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}" />
                                                </Border>
                                              </Border>
                                            </Grid>
                                            <ControlTemplate.Triggers>
                                              <Trigger
        Property="IsMouseOver"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFCE4"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFECA1"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFD842"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFE89A"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFFFB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFF9E3"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFF2C9"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFFACF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsPressed"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFC89961"
        Offset="0" />
                                                      <GradientStop
        Color="#FFF8B26A"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFDA361"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFB8E3D"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFC673"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFB1905D"
        Offset="0" />
                                                      <GradientStop
        Color="#FFE9A861"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFEAE0C"
        Offset="0.7" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="0.95" />
                                                      <GradientStop
        Color="Transparent"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsEnabled"
        Value="False">
                                                <Setter
        Property="Visibility"
        TargetName="OuterBorder"
        Value="Collapsed" />
                                              </Trigger>
                                            </ControlTemplate.Triggers>
                                          </ControlTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Content"
        Value="" />
                                      <Setter
        Property="ContentTemplate">
                                        <Setter.Value>
                                          <DataTemplate>
                                            <Path
        Stretch="Uniform"
        Width="3"
        Height="5"
        Data="F1M110.692,342.252L110.692,352.682 104.594,347.467 110.692,342.252z">
                                              <Path.Fill>
                                                <LinearGradientBrush
        EndPoint="1,0"
        StartPoint="0,0">
                                                  <GradientStop
        Color="#FF1A52AD"
        Offset="0" />
                                                  <GradientStop
        Color="#FF0F3168"
        Offset="1" />
                                                </LinearGradientBrush>
                                              </Path.Fill>
                                            </Path>
                                          </DataTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Padding"
        Value="2,2,3,2" />
                                      <Setter
        Property="Margin"
        Value="2" />
                                      <Setter
        Property="DockPanel.Dock"
        Value="Left" />
                                      <Setter
        Property="BorderBrush">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="1,0">
                                            <GradientStop
        Color="#FFBBC0C7"
        Offset="0" />
                                            <GradientStop
        Color="#FF98A7B3"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Background">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                            <GradientStop
        Color="#FFDCDFE3"
        Offset="0" />
                                            <GradientStop
        Color="#FFC8CDD3"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFBCC2C8"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFE5E8EC"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="IsTabStop"
        Value="False" />
                                    </Style>
                                  </RepeatButton.Style>
                                </RepeatButton>
                                <RepeatButton
        x:Name="RightScrollButtonElement"
        Margin="2,4,2,7"
        RenderTransformOrigin="0.5,0.5"
        Visibility="{Binding ComputedHorizontalScrollBarVisibility, ElementName=ScrollViewerElement}"
        DockPanel.Dock="Right">
                                  <RepeatButton.Style>
                                    <Style
        TargetType="{x:Type RepeatButton}">
                                      <Setter
        Property="Template">
                                        <Setter.Value>
                                          <ControlTemplate
        TargetType="{x:Type RepeatButton}">
                                            <Grid>
                                              <Border
        x:Name="OuterBorder"
        Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"
        BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="3,0,0,3">
                                                <Border
        x:Name="InnerBorder"
        BorderThickness="1"
        CornerRadius="2,0,0,2"
        Padding="{TemplateBinding Padding}">
                                                  <Border.BorderBrush>
                                                    <LinearGradientBrush
        EndPoint="1,1"
        StartPoint="0,0">
                                                      <GradientStop
        Color="#FFF3F6FB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFC8F9FF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Border.BorderBrush>
                                                  <ContentPresenter
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}" />
                                                </Border>
                                              </Border>
                                            </Grid>
                                            <ControlTemplate.Triggers>
                                              <Trigger
        Property="IsMouseOver"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFCE4"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFECA1"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFD842"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFE89A"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFFFB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFF9E3"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFF2C9"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFFACF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsPressed"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFC89961"
        Offset="0" />
                                                      <GradientStop
        Color="#FFF8B26A"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFDA361"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFB8E3D"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFC673"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFB1905D"
        Offset="0" />
                                                      <GradientStop
        Color="#FFE9A861"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFEAE0C"
        Offset="0.7" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="0.95" />
                                                      <GradientStop
        Color="Transparent"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsEnabled"
        Value="False">
                                                <Setter
        Property="Visibility"
        TargetName="OuterBorder"
        Value="Collapsed" />
                                              </Trigger>
                                            </ControlTemplate.Triggers>
                                          </ControlTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Content"
        Value="" />
                                      <Setter
        Property="ContentTemplate">
                                        <Setter.Value>
                                          <DataTemplate>
                                            <Path
        Stretch="Uniform"
        Width="3"
        Height="5"
        Data="F1M110.692,342.252L110.692,352.682 104.594,347.467 110.692,342.252z">
                                              <Path.Fill>
                                                <LinearGradientBrush
        EndPoint="1,0"
        StartPoint="0,0">
                                                  <GradientStop
        Color="#FF1A52AD"
        Offset="0" />
                                                  <GradientStop
        Color="#FF0F3168"
        Offset="1" />
                                                </LinearGradientBrush>
                                              </Path.Fill>
                                            </Path>
                                          </DataTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Padding"
        Value="2,2,3,2" />
                                      <Setter
        Property="Margin"
        Value="2" />
                                      <Setter
        Property="DockPanel.Dock"
        Value="Left" />
                                      <Setter
        Property="BorderBrush">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="1,0">
                                            <GradientStop
        Color="#FFBBC0C7"
        Offset="0" />
                                            <GradientStop
        Color="#FF98A7B3"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Background">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                            <GradientStop
        Color="#FFDCDFE3"
        Offset="0" />
                                            <GradientStop
        Color="#FFC8CDD3"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFBCC2C8"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFE5E8EC"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="IsTabStop"
        Value="False" />
                                    </Style>
                                  </RepeatButton.Style>
                                  <RepeatButton.RenderTransform>
                                    <ScaleTransform ScaleX="-1" />
                                  </RepeatButton.RenderTransform>
                                </RepeatButton>
                                <ScrollViewer
        x:Name="ScrollViewerElement"
        Margin="2,4,2,0"
        HorizontalScrollBarVisibility="{Binding (ScrollViewer.HorizontalScrollBarVisibility), RelativeSource={RelativeSource TemplatedParent}}"
        VerticalScrollBarVisibility="Disabled">
                                  <ScrollViewer.Style>
                                    <Style
        TargetType="{x:Type ScrollViewer}">
                                      <Setter
        Property="HorizontalContentAlignment"
        Value="Left" />
                                      <Setter
        Property="VerticalContentAlignment"
        Value="Top" />
                                      <Setter
        Property="Padding"
        Value="0" />
                                      <Setter
        Property="BorderThickness"
        Value="0" />
                                      <Setter
        Property="BorderBrush"
        Value="Transparent" />
                                      <Setter
        Property="Template">
                                        <Setter.Value>
                                          <ControlTemplate
        TargetType="{x:Type ScrollViewer}">
                                            <Border
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="2">
                                              <Grid
        Background="{TemplateBinding Background}">
                                                <Grid.ColumnDefinitions>
                                                  <ColumnDefinition
        Width="*" />
                                                  <ColumnDefinition
        Width="Auto" />
                                                </Grid.ColumnDefinitions>
                                                <Grid.RowDefinitions>
                                                  <RowDefinition
        Height="*" />
                                                  <RowDefinition
        Height="Auto" />
                                                </Grid.RowDefinitions>
                                                <ScrollContentPresenter
        x:Name="ScrollContentPresenter"
        Cursor="{TemplateBinding Cursor}"
        Margin="{TemplateBinding Padding}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}"
        CanHorizontallyScroll="False"
        CanVerticallyScroll="False" />
                                              </Grid>
                                            </Border>
                                          </ControlTemplate>
                                        </Setter.Value>
                                      </Setter>
                                    </Style>
                                  </ScrollViewer.Style>
                                  <ItemsPresenter />
                                </ScrollViewer>
                              </DockPanel>
                            </Grid>
                            <ControlTemplate.Triggers>
                              <Trigger Property="IsEnabled"
        Value="False" />
                              <Trigger Property="DropDownDisplayMode"
        Value="Visible" />
                              <MultiTrigger>
                                <MultiTrigger.Conditions>
                                  <Condition
        Property="DropDownDisplayMode"
        Value="WhenNeeded" />
                                  <Condition
        Property="ComputedHorizontalScrollBarVisibility"
        SourceName="ScrollViewerElement"
        Value="Visible" />
                                </MultiTrigger.Conditions>
                              </MultiTrigger>
                            </ControlTemplate.Triggers>
                          </ControlTemplate>
                        </Setter.Value>
                      </Setter>
                      <Setter Property="TopTemplate">
                        <Setter.Value>
                          <ControlTemplate
        TargetType="{x:Type telerikNavigation:RadTabControl}">
                            <Grid>
                              <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                              </Grid.RowDefinitions>
                              <Border Grid.Row="1"
        Background="{TemplateBinding Background}"
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}">
                                <ContentControl
        x:Name="ContentElement"
        Content="{TemplateBinding SelectedContent}"
        ContentTemplate="{TemplateBinding SelectedContentTemplate}"
        Foreground="{TemplateBinding Foreground}"
        IsTabStop="False"
        Padding="{TemplateBinding Padding}" />
                              </Border>
                              <Rectangle
        Visibility="{TemplateBinding BackgroundVisibility}" />
                              <DockPanel>
                                <RepeatButton
        x:Name="LeftScrollButtonElement"
        Margin="4,4,2,7"
        Visibility="{Binding ComputedHorizontalScrollBarVisibility, ElementName=ScrollViewerElement}"
        DockPanel.Dock="Left">
                                  <RepeatButton.Style>
                                    <Style
        TargetType="{x:Type RepeatButton}">
                                      <Setter
        Property="Template">
                                        <Setter.Value>
                                          <ControlTemplate
        TargetType="{x:Type RepeatButton}">
                                            <Grid>
                                              <Border
        x:Name="OuterBorder"
        Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"
        BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="3,0,0,3">
                                                <Border
        x:Name="InnerBorder"
        BorderThickness="1"
        CornerRadius="2,0,0,2"
        Padding="{TemplateBinding Padding}">
                                                  <Border.BorderBrush>
                                                    <LinearGradientBrush
        EndPoint="1,1"
        StartPoint="0,0">
                                                      <GradientStop
        Color="#FFF3F6FB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFC8F9FF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Border.BorderBrush>
                                                  <ContentPresenter
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}" />
                                                </Border>
                                              </Border>
                                            </Grid>
                                            <ControlTemplate.Triggers>
                                              <Trigger
        Property="IsMouseOver"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFCE4"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFECA1"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFD842"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFE89A"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFFFB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFF9E3"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFF2C9"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFFACF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsPressed"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFC89961"
        Offset="0" />
                                                      <GradientStop
        Color="#FFF8B26A"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFDA361"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFB8E3D"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFC673"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFB1905D"
        Offset="0" />
                                                      <GradientStop
        Color="#FFE9A861"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFEAE0C"
        Offset="0.7" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="0.95" />
                                                      <GradientStop
        Color="Transparent"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsEnabled"
        Value="False">
                                                <Setter
        Property="Visibility"
        TargetName="OuterBorder"
        Value="Collapsed" />
                                              </Trigger>
                                            </ControlTemplate.Triggers>
                                          </ControlTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Content"
        Value="" />
                                      <Setter
        Property="ContentTemplate">
                                        <Setter.Value>
                                          <DataTemplate>
                                            <Path
        Stretch="Uniform"
        Width="3"
        Height="5"
        Data="F1M110.692,342.252L110.692,352.682 104.594,347.467 110.692,342.252z">
                                              <Path.Fill>
                                                <LinearGradientBrush
        EndPoint="1,0"
        StartPoint="0,0">
                                                  <GradientStop
        Color="#FF1A52AD"
        Offset="0" />
                                                  <GradientStop
        Color="#FF0F3168"
        Offset="1" />
                                                </LinearGradientBrush>
                                              </Path.Fill>
                                            </Path>
                                          </DataTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Padding"
        Value="2,2,3,2" />
                                      <Setter
        Property="Margin"
        Value="2" />
                                      <Setter
        Property="DockPanel.Dock"
        Value="Left" />
                                      <Setter
        Property="BorderBrush">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="1,0">
                                            <GradientStop
        Color="#FFBBC0C7"
        Offset="0" />
                                            <GradientStop
        Color="#FF98A7B3"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Background">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                            <GradientStop
        Color="#FFDCDFE3"
        Offset="0" />
                                            <GradientStop
        Color="#FFC8CDD3"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFBCC2C8"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFE5E8EC"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="IsTabStop"
        Value="False" />
                                    </Style>
                                  </RepeatButton.Style>
                                </RepeatButton>
                                <RepeatButton
        x:Name="RightScrollButtonElement"
        Margin="2,4,2,7"
        RenderTransformOrigin="0.5,0.5"
        Visibility="{Binding ComputedHorizontalScrollBarVisibility, ElementName=ScrollViewerElement}"
        DockPanel.Dock="Right">
                                  <RepeatButton.Style>
                                    <Style
        TargetType="{x:Type RepeatButton}">
                                      <Setter
        Property="Template">
                                        <Setter.Value>
                                          <ControlTemplate
        TargetType="{x:Type RepeatButton}">
                                            <Grid>
                                              <Border
        x:Name="OuterBorder"
        Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"
        BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="3,0,0,3">
                                                <Border
        x:Name="InnerBorder"
        BorderThickness="1"
        CornerRadius="2,0,0,2"
        Padding="{TemplateBinding Padding}">
                                                  <Border.BorderBrush>
                                                    <LinearGradientBrush
        EndPoint="1,1"
        StartPoint="0,0">
                                                      <GradientStop
        Color="#FFF3F6FB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFC8F9FF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Border.BorderBrush>
                                                  <ContentPresenter
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}" />
                                                </Border>
                                              </Border>
                                            </Grid>
                                            <ControlTemplate.Triggers>
                                              <Trigger
        Property="IsMouseOver"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFCE4"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFECA1"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFD842"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFE89A"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFFFFFFB"
        Offset="0" />
                                                      <GradientStop
        Color="#FFFFF9E3"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFF2C9"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFFACF"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsPressed"
        Value="True">
                                                <Setter
        Property="Background"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFC89961"
        Offset="0" />
                                                      <GradientStop
        Color="#FFF8B26A"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFDA361"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFB8E3D"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFFFC673"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                      <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                                <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                                  <Setter.Value>
                                                    <LinearGradientBrush
        EndPoint="0,1">
                                                      <GradientStop
        Color="#FFB1905D"
        Offset="0" />
                                                      <GradientStop
        Color="#FFE9A861"
        Offset="0.05" />
                                                      <GradientStop
        Color="#FFFEAE0C"
        Offset="0.7" />
                                                      <GradientStop
        Color="#FFFDAD11"
        Offset="0.95" />
                                                      <GradientStop
        Color="Transparent"
        Offset="1" />
                                                    </LinearGradientBrush>
                                                  </Setter.Value>
                                                </Setter>
                                              </Trigger>
                                              <Trigger
        Property="IsEnabled"
        Value="False">
                                                <Setter
        Property="Visibility"
        TargetName="OuterBorder"
        Value="Collapsed" />
                                              </Trigger>
                                            </ControlTemplate.Triggers>
                                          </ControlTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Content"
        Value="" />
                                      <Setter
        Property="ContentTemplate">
                                        <Setter.Value>
                                          <DataTemplate>
                                            <Path
        Stretch="Uniform"
        Width="3"
        Height="5"
        Data="F1M110.692,342.252L110.692,352.682 104.594,347.467 110.692,342.252z">
                                              <Path.Fill>
                                                <LinearGradientBrush
        EndPoint="1,0"
        StartPoint="0,0">
                                                  <GradientStop
        Color="#FF1A52AD"
        Offset="0" />
                                                  <GradientStop
        Color="#FF0F3168"
        Offset="1" />
                                                </LinearGradientBrush>
                                              </Path.Fill>
                                            </Path>
                                          </DataTemplate>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Padding"
        Value="2,2,3,2" />
                                      <Setter
        Property="Margin"
        Value="2" />
                                      <Setter
        Property="DockPanel.Dock"
        Value="Left" />
                                      <Setter
        Property="BorderBrush">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="1,0">
                                            <GradientStop
        Color="#FFBBC0C7"
        Offset="0" />
                                            <GradientStop
        Color="#FF98A7B3"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="Background">
                                        <Setter.Value>
                                          <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                            <GradientStop
        Color="#FFDCDFE3"
        Offset="0" />
                                            <GradientStop
        Color="#FFC8CDD3"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFBCC2C8"
        Offset="0.35" />
                                            <GradientStop
        Color="#FFE5E8EC"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Setter.Value>
                                      </Setter>
                                      <Setter
        Property="IsTabStop"
        Value="False" />
                                    </Style>
                                  </RepeatButton.Style>
                                  <RepeatButton.RenderTransform>
                                    <ScaleTransform ScaleX="-1" />
                                  </RepeatButton.RenderTransform>
                                </RepeatButton>
                                <ScrollViewer
        x:Name="ScrollViewerElement"
        Margin="2,4,2,0"
        HorizontalScrollBarVisibility="{Binding (ScrollViewer.HorizontalScrollBarVisibility), RelativeSource={RelativeSource TemplatedParent}}"
        VerticalScrollBarVisibility="Disabled">
                                  <ScrollViewer.Style>
                                    <Style
        TargetType="{x:Type ScrollViewer}">
                                      <Setter
        Property="HorizontalContentAlignment"
        Value="Left" />
                                      <Setter
        Property="VerticalContentAlignment"
        Value="Top" />
                                      <Setter
        Property="Padding"
        Value="0" />
                                      <Setter
        Property="BorderThickness"
        Value="0" />
                                      <Setter
        Property="BorderBrush"
        Value="Transparent" />
                                      <Setter
        Property="Template">
                                        <Setter.Value>
                                          <ControlTemplate
        TargetType="{x:Type ScrollViewer}">
                                            <Border
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="2">
                                              <Grid
        Background="{TemplateBinding Background}">
                                                <Grid.ColumnDefinitions>
                                                  <ColumnDefinition
        Width="*" />
                                                  <ColumnDefinition
        Width="Auto" />
                                                </Grid.ColumnDefinitions>
                                                <Grid.RowDefinitions>
                                                  <RowDefinition
        Height="*" />
                                                  <RowDefinition
        Height="Auto" />
                                                </Grid.RowDefinitions>
                                                <ScrollContentPresenter
        x:Name="ScrollContentPresenter"
        Cursor="{TemplateBinding Cursor}"
        Margin="{TemplateBinding Padding}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}"
        CanHorizontallyScroll="False"
        CanVerticallyScroll="False" />
                                              </Grid>
                                            </Border>
                                          </ControlTemplate>
                                        </Setter.Value>
                                      </Setter>
                                    </Style>
                                  </ScrollViewer.Style>
                                  <ItemsPresenter />
                                </ScrollViewer>
                              </DockPanel>
                            </Grid>
                            <ControlTemplate.Triggers>
                              <Trigger Property="IsEnabled"
        Value="False" />
                              <Trigger Property="DropDownDisplayMode"
        Value="Visible" />
                              <MultiTrigger>
                                <MultiTrigger.Conditions>
                                  <Condition
        Property="DropDownDisplayMode"
        Value="WhenNeeded" />
                                  <Condition
        Property="ComputedHorizontalScrollBarVisibility"
        SourceName="ScrollViewerElement"
        Value="Visible" />
                                </MultiTrigger.Conditions>
                              </MultiTrigger>
                            </ControlTemplate.Triggers>
                          </ControlTemplate>
                        </Setter.Value>
                      </Setter>
                    </Style>
                  </telerikNavigation:RadTabControl.Style>
                  <telerikNavigation:RadTabControl.Template>
                    <ControlTemplate TargetType="{x:Type telerikNavigation:RadTabControl}">
                      <Grid>
                        <Grid.RowDefinitions>
                          <RowDefinition Height="Auto" />
                          <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                        <Border Grid.Row="1"
        Background="{TemplateBinding Background}"
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}">
                          <ContentControl x:Name="ContentElement"
        Content="{TemplateBinding SelectedContent}"
        ContentTemplate="{TemplateBinding SelectedContentTemplate}"
        Foreground="{TemplateBinding Foreground}"
        IsTabStop="False"
        Padding="{TemplateBinding Padding}" />


                        </Border>
                        <Rectangle
        Visibility="{TemplateBinding BackgroundVisibility}" />
                        <DockPanel>
                          <RepeatButton x:Name="LeftScrollButtonElement"
        Margin="4,4,2,7"
        Visibility="{Binding ComputedHorizontalScrollBarVisibility, ElementName=ScrollViewerElement}"
        DockPanel.Dock="Left">
                            <RepeatButton.Style>
                              <Style
        TargetType="{x:Type RepeatButton}">
                                <Setter Property="Template">
                                  <Setter.Value>
                                    <ControlTemplate
        TargetType="{x:Type RepeatButton}">
                                      <Grid>
                                        <Border
        x:Name="OuterBorder"
        Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"
        BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="3,0,0,3">
                                          <Border
        x:Name="InnerBorder"
        BorderThickness="1"
        CornerRadius="2,0,0,2"
        Padding="{TemplateBinding Padding}">
                                            <Border.BorderBrush>
                                              <LinearGradientBrush
        EndPoint="1,1"
        StartPoint="0,0">
                                                <GradientStop
        Color="#FFF3F6FB"
        Offset="0" />
                                                <GradientStop
        Color="#FFC8F9FF"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Border.BorderBrush>
                                            <ContentPresenter
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}" />
                                          </Border>
                                        </Border>
                                      </Grid>
                                      <ControlTemplate.Triggers>
                                        <Trigger
        Property="IsMouseOver"
        Value="True">
                                          <Setter
        Property="Background"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFFFFCE4"
        Offset="0" />
                                                <GradientStop
        Color="#FFFFECA1"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFD842"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFE89A"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFFFFFFB"
        Offset="0" />
                                                <GradientStop
        Color="#FFFFF9E3"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFF2C9"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFFACF"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                        </Trigger>
                                        <Trigger
        Property="IsPressed"
        Value="True">
                                          <Setter
        Property="Background"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFC89961"
        Offset="0" />
                                                <GradientStop
        Color="#FFF8B26A"
        Offset="0.05" />
                                                <GradientStop
        Color="#FFFDA361"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFB8E3D"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFC673"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFB1905D"
        Offset="0" />
                                                <GradientStop
        Color="#FFE9A861"
        Offset="0.05" />
                                                <GradientStop
        Color="#FFFEAE0C"
        Offset="0.7" />
                                                <GradientStop
        Color="#FFFDAD11"
        Offset="0.95" />
                                                <GradientStop
        Color="Transparent"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                        </Trigger>
                                        <Trigger
        Property="IsEnabled"
        Value="False">
                                          <Setter
        Property="Visibility"
        TargetName="OuterBorder"
        Value="Collapsed" />
                                        </Trigger>
                                      </ControlTemplate.Triggers>
                                    </ControlTemplate>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Content" Value="" />
                                <Setter Property="ContentTemplate">
                                  <Setter.Value>
                                    <DataTemplate>
                                      <Path Stretch="Uniform"
        Width="3"
        Height="5"
        Data="F1M110.692,342.252L110.692,352.682 104.594,347.467 110.692,342.252z">
                                        <Path.Fill>
                                          <LinearGradientBrush
        EndPoint="1,0"
        StartPoint="0,0">
                                            <GradientStop
        Color="#FF1A52AD"
        Offset="0" />
                                            <GradientStop
        Color="#FF0F3168"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Path.Fill>
                                      </Path>
                                    </DataTemplate>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Padding"
        Value="2,2,3,2" />
                                <Setter Property="Margin" Value="2" />
                                <Setter Property="DockPanel.Dock"
        Value="Left" />
                                <Setter Property="BorderBrush">
                                  <Setter.Value>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="1,0">
                                      <GradientStop
        Color="#FFBBC0C7"
        Offset="0" />
                                      <GradientStop
        Color="#FF98A7B3"
        Offset="1" />
                                    </LinearGradientBrush>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Background">
                                  <Setter.Value>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                      <GradientStop
        Color="#FFDCDFE3"
        Offset="0" />
                                      <GradientStop
        Color="#FFC8CDD3"
        Offset="0.35" />
                                      <GradientStop
        Color="#FFBCC2C8"
        Offset="0.35" />
                                      <GradientStop
        Color="#FFE5E8EC"
        Offset="1" />
                                    </LinearGradientBrush>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="IsTabStop"
        Value="False" />
                              </Style>
                            </RepeatButton.Style>
                          </RepeatButton>
                          <RepeatButton x:Name="RightScrollButtonElement"
        Margin="2,4,2,7"
        RenderTransformOrigin="0.5,0.5"
        Visibility="{Binding ComputedHorizontalScrollBarVisibility, ElementName=ScrollViewerElement}"
        DockPanel.Dock="Right">
                            <RepeatButton.Style>
                              <Style
        TargetType="{x:Type RepeatButton}">
                                <Setter Property="Template">
                                  <Setter.Value>
                                    <ControlTemplate
        TargetType="{x:Type RepeatButton}">
                                      <Grid>
                                        <Border
        x:Name="OuterBorder"
        Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"
        BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="3,0,0,3">
                                          <Border
        x:Name="InnerBorder"
        BorderThickness="1"
        CornerRadius="2,0,0,2"
        Padding="{TemplateBinding Padding}">
                                            <Border.BorderBrush>
                                              <LinearGradientBrush
        EndPoint="1,1"
        StartPoint="0,0">
                                                <GradientStop
        Color="#FFF3F6FB"
        Offset="0" />
                                                <GradientStop
        Color="#FFC8F9FF"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Border.BorderBrush>
                                            <ContentPresenter
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}" />
                                          </Border>
                                        </Border>
                                      </Grid>
                                      <ControlTemplate.Triggers>
                                        <Trigger
        Property="IsMouseOver"
        Value="True">
                                          <Setter
        Property="Background"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFFFFCE4"
        Offset="0" />
                                                <GradientStop
        Color="#FFFFECA1"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFD842"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFE89A"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFFFFFFB"
        Offset="0" />
                                                <GradientStop
        Color="#FFFFF9E3"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFF2C9"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFFACF"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                        </Trigger>
                                        <Trigger
        Property="IsPressed"
        Value="True">
                                          <Setter
        Property="Background"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFC89961"
        Offset="0" />
                                                <GradientStop
        Color="#FFF8B26A"
        Offset="0.05" />
                                                <GradientStop
        Color="#FFFDA361"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFB8E3D"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFFFC673"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="OuterBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FF8B7654"
        Offset="0.5" />
                                                <GradientStop
        Color="#FFC4B9A8"
        Offset="0.9" />
                                                <GradientStop
        Color="#FFFDAD11"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                          <Setter
        Property="BorderBrush"
        TargetName="InnerBorder">
                                            <Setter.Value>
                                              <LinearGradientBrush
        EndPoint="0,1">
                                                <GradientStop
        Color="#FFB1905D"
        Offset="0" />
                                                <GradientStop
        Color="#FFE9A861"
        Offset="0.05" />
                                                <GradientStop
        Color="#FFFEAE0C"
        Offset="0.7" />
                                                <GradientStop
        Color="#FFFDAD11"
        Offset="0.95" />
                                                <GradientStop
        Color="Transparent"
        Offset="1" />
                                              </LinearGradientBrush>
                                            </Setter.Value>
                                          </Setter>
                                        </Trigger>
                                        <Trigger
        Property="IsEnabled"
        Value="False">
                                          <Setter
        Property="Visibility"
        TargetName="OuterBorder"
        Value="Collapsed" />
                                        </Trigger>
                                      </ControlTemplate.Triggers>
                                    </ControlTemplate>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Content" Value="" />
                                <Setter Property="ContentTemplate">
                                  <Setter.Value>
                                    <DataTemplate>
                                      <Path Stretch="Uniform"
        Width="3"
        Height="5"
        Data="F1M110.692,342.252L110.692,352.682 104.594,347.467 110.692,342.252z">
                                        <Path.Fill>
                                          <LinearGradientBrush
        EndPoint="1,0"
        StartPoint="0,0">
                                            <GradientStop
        Color="#FF1A52AD"
        Offset="0" />
                                            <GradientStop
        Color="#FF0F3168"
        Offset="1" />
                                          </LinearGradientBrush>
                                        </Path.Fill>
                                      </Path>
                                    </DataTemplate>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Padding"
        Value="2,2,3,2" />
                                <Setter Property="Margin" Value="2" />
                                <Setter Property="DockPanel.Dock"
        Value="Left" />
                                <Setter Property="BorderBrush">
                                  <Setter.Value>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="1,0">
                                      <GradientStop
        Color="#FFBBC0C7"
        Offset="0" />
                                      <GradientStop
        Color="#FF98A7B3"
        Offset="1" />
                                    </LinearGradientBrush>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Background">
                                  <Setter.Value>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                      <GradientStop
        Color="#FFDCDFE3"
        Offset="0" />
                                      <GradientStop
        Color="#FFC8CDD3"
        Offset="0.35" />
                                      <GradientStop
        Color="#FFBCC2C8"
        Offset="0.35" />
                                      <GradientStop
        Color="#FFE5E8EC"
        Offset="1" />
                                    </LinearGradientBrush>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="IsTabStop"
        Value="False" />
                              </Style>
                            </RepeatButton.Style>
                            <RepeatButton.RenderTransform>
                              <ScaleTransform ScaleX="-1" />
                            </RepeatButton.RenderTransform>
                          </RepeatButton>
                          <ScrollViewer x:Name="ScrollViewerElement"
        Margin="2,4,2,0"
        HorizontalScrollBarVisibility="{Binding (ScrollViewer.HorizontalScrollBarVisibility), RelativeSource={RelativeSource TemplatedParent}}"
        VerticalScrollBarVisibility="Disabled">
                            <ScrollViewer.Style>
                              <Style
        TargetType="{x:Type ScrollViewer}">
                                <Setter
        Property="HorizontalContentAlignment"
        Value="Left" />
                                <Setter
        Property="VerticalContentAlignment"
        Value="Top" />
                                <Setter Property="Padding" Value="0" />
                                <Setter Property="BorderThickness"
        Value="0" />
                                <Setter Property="BorderBrush"
        Value="Transparent" />
                                <Setter Property="Template">
                                  <Setter.Value>
                                    <ControlTemplate
        TargetType="{x:Type ScrollViewer}">
                                      <Border
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="2">
                                        <Grid
        Background="{TemplateBinding Background}">
                                          <Grid.ColumnDefinitions>
                                            <ColumnDefinition
        Width="*" />
                                            <ColumnDefinition
        Width="Auto" />
                                          </Grid.ColumnDefinitions>
                                          <Grid.RowDefinitions>
                                            <RowDefinition
        Height="*" />
                                            <RowDefinition
        Height="Auto" />
                                          </Grid.RowDefinitions>
                                          <ScrollContentPresenter
        x:Name="ScrollContentPresenter"
        Cursor="{TemplateBinding Cursor}"
        Margin="{TemplateBinding Padding}"
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}"
        CanHorizontallyScroll="False"
        CanVerticallyScroll="False" />
                                        </Grid>
                                      </Border>
                                    </ControlTemplate>
                                  </Setter.Value>
                                </Setter>
                              </Style>
                            </ScrollViewer.Style>
                            <ItemsPresenter />
                          </ScrollViewer>
                        </DockPanel>
                      </Grid>
                      <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False" />
                        <Trigger Property="DropDownDisplayMode"
        Value="Visible" />
                        <MultiTrigger>
                          <MultiTrigger.Conditions>
                            <Condition Property="DropDownDisplayMode"
        Value="WhenNeeded" />
                            <Condition
        Property="ComputedHorizontalScrollBarVisibility"
        SourceName="ScrollViewerElement"
        Value="Visible" />
                          </MultiTrigger.Conditions>
                        </MultiTrigger>
                      </ControlTemplate.Triggers>
                    </ControlTemplate>
                  </telerikNavigation:RadTabControl.Template>
                  <telerikNavigation:RadTabControl.ItemContainerStyle>
                    <Style TargetType="{x:Type telerikNavigation:RadTabItem}">
                      <Setter Property="Padding" Value="0,1" />
                      <Setter Property="Margin" Value="0" />
                      <Setter Property="BorderThickness" Value="1,0,0,0" />
                      <Setter Property="BorderBrush">
                        <Setter.Value>
                          <LinearGradientBrush EndPoint="0,1"
        StartPoint="0,0">
                            <GradientStop Color="#FF4C4C4C" Offset="0" />
                            <GradientStop Color="#FF3B3B3B" Offset="0.3" />
                            <GradientStop Color="#FF363636" Offset="1" />
                          </LinearGradientBrush>
                        </Setter.Value>
                      </Setter>
                      <Setter Property="FocusVisualStyle">
                        <Setter.Value>
                          <Style TargetType="{x:Type Control}">
                            <Setter Property="Visibility"
        Value="Collapsed" />
                          </Style>
                        </Setter.Value>
                      </Setter>
                      <Setter Property="TopTemplate">
                        <Setter.Value>
                          <ControlTemplate
        TargetType="{x:Type telerikNavigation:RadTabItem}">
                            <Grid>
                              <Rectangle
        Fill="{TemplateBinding BorderBrush}"
        HorizontalAlignment="Left"
        Margin="0,1,0,4"
        VerticalAlignment="Stretch"
        Width="1" />
                              <Grid x:Name="wrapper" Margin="4,1,3,1">
                                <Grid.ColumnDefinitions>
                                  <ColumnDefinition Width="3" />
                                  <ColumnDefinition Width="*" />
                                  <ColumnDefinition Width="3" />
                                </Grid.ColumnDefinitions>
                                <Rectangle x:Name="rect"
        Margin="1,1,1,0"
        Grid.ColumnSpan="3">
                                  <Rectangle.Fill>
                                    <RadialGradientBrush
        GradientOrigin="0.499,0.91">
                                      <RadialGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                          <ScaleTransform
        CenterX="0.5"
        CenterY="0.5"
        ScaleX="2.26"
        ScaleY="2.26" />
                                          <SkewTransform
        AngleX="0"
        AngleY="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <RotateTransform
        Angle="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <TranslateTransform
        X="0"
        Y="0" />
                                        </TransformGroup>
                                      </RadialGradientBrush.RelativeTransform>
                                      <GradientStop
        Offset="0.77744242487754" />
                                      <GradientStop
        Offset="0.56855880419204341" />
                                      <GradientStop
        Offset="0.41537027548504035" />
                                      <GradientStop
        Offset="0.17868114889097064" />
                                    </RadialGradientBrush>
                                  </Rectangle.Fill>
                                </Rectangle>
                                <Rectangle x:Name="LeftShadow"
        HorizontalAlignment="Left"
        Margin="-1,3,0,1" Width="1"
        Visibility="Collapsed"
        Grid.Column="0">
                                  <Rectangle.Fill>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                      <GradientStop
        Color="Transparent"
        Offset="0" />
                                      <GradientStop
        Color="#08000000"
        Offset="0.6" />
                                    </LinearGradientBrush>
                                  </Rectangle.Fill>
                                </Rectangle>
                                <Path x:Name="LeftOuterBorder"
        Margin="-2,0,0,0"
        Grid.Column="0"
        Data="M-0.5,24L2.5,21 2.5,3 5.5,0">
                                  <Path.Stroke>
                                    <SolidColorBrush />
                                  </Path.Stroke>
                                </Path>
                                <Path x:Name="LeftInnerBorder"
        Margin="-1,0,0,0"
        Grid.Column="0"
        Data="M-0.5,24L2.5,21 2.5,3 4.5,1">
                                  <Path.Stroke>
                                    <SolidColorBrush />
                                  </Path.Stroke>
                                </Path>
                                <Border x:Name="Middle"
        Grid.Column="1"
        BorderThickness="0,1,0,0">
                                  <Border.BorderBrush>
                                    <SolidColorBrush />
                                  </Border.BorderBrush>
                                </Border>
                                <Rectangle
        x:Name="MiddleInnerBorder"
        Margin="0,1,0,0"
        VerticalAlignment="Top"
        Height="1" Grid.Column="1">
                                  <Rectangle.Fill>
                                    <SolidColorBrush />
                                  </Rectangle.Fill>
                                </Rectangle>
                                <Telerik_Windows_Controls_Primitives:TabItemContentPresenter
        x:Name="HeaderElement"
        HorizontalAlignment="Center"
        Margin="0,2,0,1"
        VerticalAlignment="Center"
        Content="{TemplateBinding Header}"
        ContentTemplate="{TemplateBinding HeaderTemplate}"
        Foreground="#FF3E6AAA"
        HorizontalContentAlignment="Center"
        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
        Grid.Column="1" />
                                <Path x:Name="RightOuterBorder"
        Margin="0,0,-2,0"
        Grid.Column="2"
        Data="M5.5,24L2.5,21 2.5,3 -0.5,0">
                                  <Path.Stroke>
                                    <SolidColorBrush />
                                  </Path.Stroke>
                                </Path>
                                <Path x:Name="RightInnerBorder"
        Margin="0,0,-1,0"
        Grid.Column="2"
        Data="M4.5,24L1.5,21 1.5,3 -0.5,1">
                                  <Path.Stroke>
                                    <SolidColorBrush />
                                  </Path.Stroke>
                                </Path>
                                <Rectangle x:Name="RightShadow1"
        HorizontalAlignment="Right"
        Margin="0,3,-1,1" Width="1"
        Visibility="Collapsed"
        Grid.Column="2">
                                  <Rectangle.Fill>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                      <GradientStop
        Color="#11000000"
        Offset="0" />
                                      <GradientStop
        Color="#15000000"
        Offset="1" />
                                    </LinearGradientBrush>
                                  </Rectangle.Fill>
                                </Rectangle>
                                <Rectangle x:Name="RightShadow2"
        HorizontalAlignment="Right"
        Margin="0,3,-2,1" Width="1"
        Visibility="Collapsed"
        Grid.Column="2">
                                  <Rectangle.Fill>
                                    <LinearGradientBrush
        EndPoint="0,1"
        StartPoint="0,0">
                                      <GradientStop
        Color="Transparent"
        Offset="0" />
                                      <GradientStop
        Color="#09000000"
        Offset="0.6" />
                                    </LinearGradientBrush>
                                  </Rectangle.Fill>
                                </Rectangle>
                              </Grid>
                            </Grid>
                            <ControlTemplate.Triggers>
                              <Trigger Property="IsEnabled"
        Value="True">
                                <Setter Property="Stroke"
        TargetName="LeftOuterBorder"
        Value="Transparent" />
                                <Setter Property="Stroke"
        TargetName="RightOuterBorder"
        Value="Transparent" />
                                <Setter Property="BorderBrush"
        TargetName="Middle"
        Value="Transparent" />
                                <Setter Property="Stroke"
        TargetName="LeftInnerBorder"
        Value="Transparent" />
                                <Setter Property="Stroke"
        TargetName="RightInnerBorder"
        Value="Transparent" />
                                <Setter Property="Fill"
        TargetName="MiddleInnerBorder"
        Value="Transparent" />
                                <Setter Property="Fill"
        TargetName="rect">
                                  <Setter.Value>
                                    <RadialGradientBrush
        GradientOrigin="0.499,0.91">
                                      <RadialGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                          <ScaleTransform
        CenterX="0.5"
        CenterY="0.5"
        ScaleX="2.26"
        ScaleY="2.26" />
                                          <SkewTransform
        AngleX="0"
        AngleY="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <RotateTransform
        Angle="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <TranslateTransform
        X="0"
        Y="0" />
                                        </TransformGroup>
                                      </RadialGradientBrush.RelativeTransform>
                                      <GradientStop
        Color="Transparent"
        Offset="0.77744242487754" />
                                      <GradientStop
        Color="Transparent"
        Offset="0.56855880419204341" />
                                      <GradientStop
        Color="Transparent"
        Offset="0.41537027548504035" />
                                      <GradientStop
        Color="Transparent"
        Offset="0.17868114889097064" />
                                    </RadialGradientBrush>
                                  </Setter.Value>
                                </Setter>
                              </Trigger>
                              <Trigger Property="IsMouseOver"
        Value="True">
                                <Setter Property="Stroke"
        TargetName="LeftOuterBorder"
        Value="#FF959595" />
                                <Setter Property="Stroke"
        TargetName="RightOuterBorder"
        Value="#FF959595" />
                                <Setter Property="BorderBrush"
        TargetName="Middle"
        Value="#FF959595" />
                                <Setter Property="Stroke"
        TargetName="LeftInnerBorder"
        Value="#00959595" />
                                <Setter Property="Stroke"
        TargetName="RightInnerBorder"
        Value="#00959595" />
                                <Setter Property="Fill"
        TargetName="MiddleInnerBorder"
        Value="#00959595" />
                                <Setter Property="Fill"
        TargetName="rect">
                                  <Setter.Value>
                                    <RadialGradientBrush
        GradientOrigin="0.499,0.91">
                                      <RadialGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                          <ScaleTransform
        CenterX="0.5"
        CenterY="0.5"
        ScaleX="2.26"
        ScaleY="2.26" />
                                          <SkewTransform
        AngleX="0"
        AngleY="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <RotateTransform
        Angle="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <TranslateTransform
        X="0"
        Y="0" />
                                        </TransformGroup>
                                      </RadialGradientBrush.RelativeTransform>
                                      <GradientStop
        Color="#FFE5E5E5"
        Offset="0.77744242487754" />
                                      <GradientStop
        Color="#FFD5D5D5"
        Offset="0.56855880419204341" />
                                      <!--<GradientStop
    Color="#FFBAE4FF"
    Offset="0.41537027548504035" />-->
                                      <GradientStop
        Color="#FFBAE4FF"
        Offset="0.17868114889097064" />
                                    </RadialGradientBrush>
                                  </Setter.Value>
                                </Setter>
                              </Trigger>
                              <Trigger Property="IsSelected"
        Value="True">
                                <Setter Property="Stroke"
        TargetName="LeftOuterBorder"
        Value="#FFBEBEBE" />
                                <Setter Property="Stroke"
        TargetName="RightOuterBorder"
        Value="#FFBEBEBE" />
                                <Setter Property="BorderBrush"
        TargetName="Middle"
        Value="#FFBEBEBE" />
                                <Setter Property="Stroke"
        TargetName="LeftInnerBorder"
        Value="#FFD1FBFF" />
                                <Setter Property="Stroke"
        TargetName="RightInnerBorder"
        Value="#FFD1FBFF" />
                                <Setter Property="Fill"
        TargetName="MiddleInnerBorder"
        Value="#FFF1F6F6" />
                                <Setter Property="Fill"
        TargetName="rect">
                                  <Setter.Value>
                                    <RadialGradientBrush
        GradientOrigin="0.499,0.91">
                                      <RadialGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                          <ScaleTransform
        CenterX="0.5"
        CenterY="0.5"
        ScaleX="2.26"
        ScaleY="2.26" />
                                          <SkewTransform
        AngleX="0"
        AngleY="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <RotateTransform
        Angle="0"
        CenterX="0.5"
        CenterY="0.5" />
                                          <TranslateTransform
        X="0"
        Y="0" />
                                        </TransformGroup>
                                      </RadialGradientBrush.RelativeTransform>
                                      <GradientStop
        Color="#FFF9F9F9"
        Offset="0.77744242487754" />
                                      <GradientStop
        Color="#FFE3E5E9"
        Offset="0.56855880419204341" />
                                      <GradientStop
        Color="#FFE1E3E8"
        Offset="0.41537027548504035" />
                                      <GradientStop
        Color="#FFCED2D9"
        Offset="0.17868114889097064" />
                                    </RadialGradientBrush>
                                  </Setter.Value>
                                </Setter>
                                <Setter Property="Margin"
        TargetName="wrapper"
        Value="4,1,3,0" />
                                <Setter Property="Visibility"
        TargetName="LeftShadow"
        Value="Visible" />
                                <Setter Property="Visibility"
        TargetName="RightShadow1"
        Value="Visible" />
                                <Setter Property="Visibility"
        TargetName="RightShadow2"
        Value="Visible" />
                                <Setter Property="Margin"
        TargetName="HeaderElement"
        Value="0,1" />
                                <Setter Property="Foreground"
        TargetName="HeaderElement"
        Value="Black" />
                              </Trigger>
                            </ControlTemplate.Triggers>
                          </ControlTemplate>
                        </Setter.Value>
                      </Setter>
                    </Style>
                  </telerikNavigation:RadTabControl.ItemContainerStyle>
                  <telerikNavigation:RadTabControl.ItemsPanel>
                    <ItemsPanelTemplate>
                      <Telerik_Windows_Controls_RibbonBar_Primitives:TabStripPanel
        IsItemsHost="True" SeparatorOpacityThreshold="3"
        VariablePaddingLength="15" />
                    </ItemsPanelTemplate>
                  </telerikNavigation:RadTabControl.ItemsPanel>
                </telerikNavigation:RadTabControl>
                <StackPanel Grid.Column="1" Orientation="Horizontal">
                  <telerikRibbonBar:RadRibbonButton x:Name="HelpButton"
        VerticalAlignment="Center"
        Visibility="{TemplateBinding HelpButtonVisibility}"
        Size="Small"
        SmallImage="{TemplateBinding HelpButtonImageSource}" />
                  <ContentPresenter Margin="0"
        Content="{TemplateBinding TabStripAdditionalContent}" />
                </StackPanel>
              </Grid>
              <telerikRibbonBar:RadRibbonDropDownButton x:Name="ApplicationButton"
        Margin="4,4,0,5"
        Style="{TemplateBinding ApplicationButtonStyle}"
        Visibility="{TemplateBinding ApplicationButtonVisibility}"
        Grid.RowSpan="2" DropDownIndicatorVisibility="Collapsed"
        IsAutoSize="True"
        SmallImage="{TemplateBinding ApplicationButtonImageSource}" />
              <Border x:Name="TabContentHost" Visibility="Collapsed" Panel.ZIndex="0"
        Grid.ColumnSpan="2" Grid.Row="2">




                <Border.Background>
                  <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                    <GradientStop Color="#FF535353" Offset="0" />
                    <GradientStop Color="#FF505050" Offset="1" />
                  </LinearGradientBrush>
                </Border.Background>
                <Grid>
                  <ContentPresenter x:Name="SelectedTabPresenter"
        Margin="1,-1,1,2" Height="1" />
                  <Rectangle Fill="#0C000000" Margin="4,0,4,1"
        VerticalAlignment="Bottom" Height="1" />
                </Grid>
              </Border>
              <Popup x:Name="TabContentPopup" />
              <Border x:Name="MinimizedDivider" VerticalAlignment="Top" Height="2"
        Grid.ColumnSpan="2" Grid.Row="3" Background="#FFD5E2F3"
        BorderBrush="#FF9BBBE3" BorderThickness="0,1,0,0" />
              <ContentPresenter x:Name="BelowToolBarHost" Grid.ColumnSpan="2"
        Grid.Row="3" />
            </Grid>
            <ControlTemplate.Triggers>
              <Trigger Property="IsEnabled" Value="True">
                <Setter Property="Visibility" TargetName="TabContentHost"
        Value="Visible" />
                <Setter Property="Visibility" TargetName="MinimizedDivider"
        Value="Collapsed" />
              </Trigger>
              <Trigger Property="IsMinimized" Value="True">
                <Setter Property="Visibility" TargetName="TabContentHost"
        Value="Collapsed" />
                <Setter Property="Visibility" TargetName="MinimizedDivider"
        Value="Visible" />
              </Trigger>
            </ControlTemplate.Triggers>

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


    cheers.

  5. VS
    VS avatar
    101 posts
    Member since:
    Jul 2008

    Posted 18 Mar 2013 Link to this post

    never mind. I had fixed my issue.
Back to Top