<Window x:Class="RadGridView_WPF_AR_111.MainWindow"
		xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        xmlns:my="clr-namespace:RadGridView_WPF_AR_111"
        Title="MainWindow" Height="700" Width="700">
    <Window.Resources>
        <my:MyViewModel x:Key="MyViewModel"/>
        <telerik:VistaTheme x:Key="Theme" />
        <telerik:BooleanToOpacityConverter x:Key="BooleanToOpacityConverter" />
        <telerik:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
        <telerik:GridLineWidthToThicknessConverter x:Key="GridLineWidthToThicknessConverter" />
        <LinearGradientBrush x:Key="GridView_HeaderRowBackground" EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FFB8E5FD" Offset="0"/>
            <GradientStop Color="#FFC6EAFF" Offset="0.5"/>
            <GradientStop Color="#FFD8EFFC" Offset="0.51"/>
            <GradientStop Color="#FFECF8FF" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderRowOuterBorder" Color="#FF3C7FB1" />
        <LinearGradientBrush x:Key="GridView_HeaderRowInnerBorder" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCFCFC" Offset="0"/>
            <GradientStop Color="#FFE8F5FC" Offset="1"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="GridView_HeaderBackground" EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FFB8E5FD" Offset="0"/>
            <GradientStop Color="#FFC6EAFF" Offset="0.5"/>
            <GradientStop Color="#FFD8EFFC" Offset="0.51"/>
            <GradientStop Color="#FFECF8FF" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderOuterBorder" Color="#FF3C7FB1" />
        <LinearGradientBrush x:Key="GridView_HeaderInnerBorder" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCFCFC" Offset="0"/>
            <GradientStop Color="#FFE8F5FC" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderForeground" Color="Black" />
        <LinearGradientBrush x:Key="GridView_HeaderBackground_Over" EndPoint="0.50,0" StartPoint="0.5,1">
            <GradientStop Color="#FF81C3E5" Offset="0"/>
            <GradientStop Color="#FF98D1EF" Offset="0.5"/>
            <GradientStop Color="#FFB4E0F7" Offset="0.51"/>
            <GradientStop Color="#FFBDE4F9" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderOuterBorder_Over" Color="#FF3C7FB1" />
        <LinearGradientBrush x:Key="GridView_HeaderInnerBorder_Over" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCFCFC" Offset="0"/>
            <GradientStop Color="#FFE8F5FC" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderForeground_Over" Color="Black" />
        <LinearGradientBrush x:Key="GridView_HeaderBackground_Selected" EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FFD9ECF6" Offset="0"/>
            <GradientStop Color="#FFE1F1F9" Offset="0.5"/>
            <GradientStop Color="#FFF2F9FC" Offset="0.51"/>
            <GradientStop Color="#FFF2F9FC" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderOuterBorder_Selected" Color="#FF3C7FB1" />
        <LinearGradientBrush x:Key="GridView_HeaderInnerBorder_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCFCFC" Offset="0"/>
            <GradientStop Color="#FFE8F5FC" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_HeaderForeground_Selected" Color="Black" />

        <!--GridViewRow resources-->

        <SolidColorBrush x:Key="GridViewHeaderCellDropMarkerPenBrush" Color="White" />
        <SolidColorBrush x:Key="GridView_NavigatorIndicatorBackground" Color="#FF848484"/>
        <LinearGradientBrush x:Key="GridView_NavigatorIndicatorBorder" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF12A500" Offset="1"/>
            <GradientStop Color="#FF5AAA50"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="GridView_ErrorIndicatorBackground1" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFC9999" Offset="0"/>
            <GradientStop Color="#FFC26666" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_ErrorIndicatorBackground2" Color="White" />
        <LinearGradientBrush x:Key="GridView_ErrorIndicatorBackground3" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Red" Offset="0"/>
            <GradientStop Color="#FF990000" Offset="1"/>
        </LinearGradientBrush>

        <SolidColorBrush x:Key="GridView_EditIndicatorBackground1" Color="#7F848484" />
        <SolidColorBrush x:Key="GridView_EditIndicatorBackground2" Color="#FFCBCBCB" />
        <SolidColorBrush x:Key="GridView_EditIndicatorBackground3" Color="#FF848484" />
        <SolidColorBrush x:Key="GridView_EditIndicatorBackground4" Color="White" />

        <SolidColorBrush x:Key="GridView_NewRowIndicatorBackground1" Color="White" />
        <SolidColorBrush x:Key="GridView_NewRowIndicatorBackground2" Color="#FF848484" />
        <LinearGradientBrush x:Key="GridView_NewRowIndicatorBackground3" EndPoint="1,1" StartPoint="0,0">
            <GradientStop Color="#FF92CC89" Offset="0"/>
            <GradientStop Color="#FF288A1C" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ControlOuterBorder" Color="#FF848484" />
        <SolidColorBrush x:Key="ControlInnerBorder" Color="White" />
        <SolidColorBrush x:Key="ControlBackground" Color="White" />
        <SolidColorBrush x:Key="ControlForeground" Color="Black" />
        <SolidColorBrush x:Key="ControlOuterBorder_Focused" Color="#FFFFC92B" />
        <SolidColorBrush x:Key="ControlOuterBorder_Invalid" Color="#FFDB000C" />
        <SolidColorBrush x:Key="ControlInnerBorder_Invalid" Color="White" />
        <LinearGradientBrush x:Key="Control_InvalidToolTipBackground" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFF424C" Offset="1"/>
            <GradientStop Color="#FFC92931"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ControlForeground_Invalid" Color="White" />
        <SolidColorBrush x:Key="ControlForeground_Disabled" Color="#FF8D8D8D" />

        <SolidColorBrush x:Key="Item_AlternateBackground" Color="#FFF4F4F4" />
        <SolidColorBrush x:Key="ItemBackground" Color="White" />
        <LinearGradientBrush x:Key="ItemBackground_Over" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFFFBA3" Offset="1"/>
            <GradientStop Color="#FFFFFBDA" Offset="0"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ItemBackground_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCE79F" Offset="1"/>
            <GradientStop Color="#FFFDD3A8"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ItemBackground_Invalid" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCDCDC"/>
            <GradientStop Color="#FFFCC1C1" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ItemOuterBorder_Over" Color="#FFFFC92B" />
        <SolidColorBrush x:Key="ItemOuterBorder_Selected" Color="#FFFFC92B" />
        <SolidColorBrush x:Key="ItemOuterBorder_Invalid" Color="#FFCE7D7D" />
        <SolidColorBrush x:Key="ItemInnerBorder_Over" Color="White" />
        <SolidColorBrush x:Key="ItemInnerBorder_Selected" Color="White" />
        <LinearGradientBrush x:Key="ItemInnerBorder_Invalid" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFEBF4FD"/>
            <GradientStop Color="#FFDBEAFD" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ItemInnerBorder_Disabled" Color="#FFF8F8F8" />
        <SolidColorBrush x:Key="ItemBackground_Disabled" Color="#FFE0E0E0" />
        <SolidColorBrush x:Key="GridView_RowIndicatorCellBackground" Color="#FFE4E4E4"/>
        <LinearGradientBrush x:Key="GridView_RowIndicatorCellBackground_Current" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF848484" Offset="0"/>
            <GradientStop Color="#FFE4E4E4" Offset="1"/>
        </LinearGradientBrush>
 
        <SolidColorBrush x:Key="GridView_HierarchyBackground" Color="#FFBBBBBB" />
        <LinearGradientBrush x:Key="GridView_RowIndicatorCellBackground_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="White" Offset="0"/>
            <GradientStop Color="#FFE4E4E4" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_FilteringControlBackground" Color="#FFE4E4E4" />
        <SolidColorBrush x:Key="GridView_FilteringControlOuterBorder" Color="#FF848484" />

        <LinearGradientBrush x:Key="GridView_FooterBackground" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFB5B5B5"/>
            <GradientStop Color="#FFF0F0F0" Offset="0.5"/>
        </LinearGradientBrush>

        <LinearGradientBrush x:Key="GridView_ScrollIndicatorBackground" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFFFFFF" Offset="0"/>
            <GradientStop Color="#FFDEDEDE" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GridView_GridLinesItemBorder" Color="#FFCBCBCB" />
        <LinearGradientBrush x:Key="GridView_RowDetailsBackground" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFC2C2C2"/>
            <GradientStop Color="#FFF0F0F0" Offset="0.3"/>
        </LinearGradientBrush>

        <ControlTemplate x:Key="ValidationToolTipTemplate" TargetType="ToolTip">
            <Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0">
                <Grid.RenderTransform>
                    <TranslateTransform x:Name="xform" X="-25"/>
                </Grid.RenderTransform>

                <Border Margin="4,4,-4,-4" Background="#052A2E31" CornerRadius="5"/>
                <Border Margin="3,3,-3,-3" Background="#152A2E31" CornerRadius="4"/>
                <Border Margin="2,2,-2,-2" Background="#252A2E31" CornerRadius="3"/>
                <Border Margin="1,1,-1,-1" Background="#352A2E31" CornerRadius="2"/>
                <Border Background="#FFDC000C" CornerRadius="2"/>
                <Border CornerRadius="2">
                    <ItemsControl ItemsSource="{TemplateBinding Content}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Margin="8,4,8,4" MaxWidth="250" Foreground="White" Text="{Binding}" TextWrapping="Wrap"/>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel />
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                    </ItemsControl>
                </Border>
            </Grid>

            <ControlTemplate.Triggers>
                <Trigger Property="IsOpen" Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard x:Name="OpenAnimation">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="xform"
									Storyboard.TargetProperty="X" To="0" Duration="0:0:0.2" />
                                <DoubleAnimation Storyboard.TargetName="Root"
									Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0.2" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <StopStoryboard BeginStoryboardName="OpenAnimation" />
                    </Trigger.ExitActions>
                </Trigger>
                <Trigger Property="IsOpen" Value="True">
                    <Setter TargetName="Root" Property="RenderTransform">
                        <Setter.Value>
                            <TranslateTransform X="0" />
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Opacity" Value="1" TargetName="Root" />
                </Trigger>
                <Trigger Property="IsOpen" Value="False">
                    <Setter Property="Opacity" Value="0" TargetName="Root" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

        <ControlTemplate x:Key="GridViewRowTemplate" TargetType="telerik:GridViewRow">
            <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">

                <telerik:SelectiveScrollingGrid x:Name="grid">

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

                    <Border x:Name="SelectionBackground"
                        telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"

                        Grid.Column="2" Grid.ColumnSpan="2"
						Background="{TemplateBinding Background}"

						Margin="{TemplateBinding Margin}"
						VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

						Padding="{TemplateBinding Padding}"/>

                    <Border x:Name="Background_Over"  
                            telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True" 

                            Margin="1,1,1,2" BorderThickness="1" CornerRadius="1" 
						BorderBrush="{StaticResource ItemOuterBorder_Over}" 
						Grid.Column="2" Grid.ColumnSpan="2" Visibility="Collapsed">
                        <Border BorderThickness="1" 
							BorderBrush="{StaticResource ItemInnerBorder_Over}" 
							Background="{StaticResource ItemBackground_Over}" />
                    </Border>

                    <Border x:Name="Background_Selected"                             
                            telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"         

                            Margin="1,1,1,2" BorderThickness="1" CornerRadius="1" 
						BorderBrush="{StaticResource ItemOuterBorder_Selected}" 
						Grid.Column="2" Grid.ColumnSpan="2" Visibility="Collapsed">
                        <Border BorderThickness="1" 
							BorderBrush="{StaticResource ItemInnerBorder_Selected}" 
							Background="{StaticResource ItemBackground_Selected}" />
                    </Border>

                    <Border x:Name="Background_Invalid"
                            telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"

                            Margin="1,1,1,2" BorderThickness="1" CornerRadius="1" 
						BorderBrush="{StaticResource ItemOuterBorder_Invalid}" 
						Grid.Column="2" Grid.ColumnSpan="2" Visibility="Collapsed">
                        <Border BorderThickness="1" 
							BorderBrush="{StaticResource ItemInnerBorder_Invalid}" 
							Background="{StaticResource ItemBackground_Invalid}" />
                    </Border>

                    <telerik:GridViewToggleButton Grid.Column="2" x:Name="PART_HierarchyExpandButton"
											   Width="25"
											   telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"
											   Opacity="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToOpacityConverter}}"
											   IsHitTestVisible="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}}"
											   Visibility="{Binding HasHierarchy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}"
											   IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
											   IsTabStop="{TemplateBinding IsTabStop}"
											   telerik:StyleManager.Theme="{StaticResource Theme}"/>

                    <Border Grid.Column="2"
						telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"
						Visibility="{Binding HasHierarchy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}" />

                    <telerik:DataCellsPresenter Grid.Column="3" 
										 telerik:StyleManager.Theme="{StaticResource Theme}"
										 x:Name="PART_DataCellsPresenter" />

                    <Border x:Name="PART_RowBorder"

                            telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"
                        HorizontalAlignment="{Binding RenderHorizontalAlignment, RelativeSource={RelativeSource TemplatedParent}}"
                        MinWidth="{Binding RenderWidth, RelativeSource={RelativeSource TemplatedParent}}"

                            telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"

                            BorderBrush="{TemplateBinding HorizontalGridLinesBrush}"
						BorderThickness="{Binding HorizontalGridLinesWidth, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource GridLineWidthToThicknessConverter}, ConverterParameter=Bottom}"
						Grid.ColumnSpan="4" Grid.Column="1" Grid.RowSpan="4" VerticalAlignment="Bottom"
						/>

                    <!--Change this border's BackGround. Requirement 2) from your list-->
                    <Border Background="Red" 
                                telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"
						Grid.Column="2" Grid.Row="2" Grid.ColumnSpan="2" Padding="6"
						BorderBrush="{StaticResource ControlOuterBorder}" BorderThickness="0,1" 
						Visibility="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <ContentPresenter x:Name="PART_HierarchyChildPresenter" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True" />
                    </Border>

                    <!--<Border Background="{StaticResource GridView_HierarchyBackground}" 

                                telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"
						Grid.Column="2" Grid.Row="2" Grid.ColumnSpan="2" Padding="6"
						BorderBrush="{StaticResource ControlOuterBorder}" BorderThickness="0,1" 
						Visibility="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}">
                                <ContentPresenter x:Name="PART_HierarchyChildPresenter" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True" />
                            </Border>-->

                    <telerik:DetailsPresenter x:Name="PART_DetailsPresenter"  telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"

                                Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="1"
									   DetailsProvider="{TemplateBinding DetailsProvider}"
									   telerik:StyleManager.Theme="{StaticResource Theme}" />

                    <telerik:IndentPresenter x:Name="PART_IndentPresenter"
									  telerik:StyleManager.Theme="{StaticResource Theme}"
									  IndentLevel="{TemplateBinding IndentLevel}"
									  Grid.Column="1" Grid.RowSpan="4"
									  telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" />

                    <Border x:Name="PART_IndicatorPresenter"
						Width="25"
						VerticalAlignment="Stretch"
						Grid.Column="0"
						Visibility="{TemplateBinding RowIndicatorVisibility}"
						telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"
						Grid.RowSpan="3"
						BorderBrush="{StaticResource ControlOuterBorder}"
						BorderThickness="0,0,1,1">
                        <Border x:Name="NavigatorIndicatorBackground" 
							Background="{StaticResource GridView_RowIndicatorCellBackground}"
							BorderBrush="{StaticResource ControlInnerBorder}" 
							BorderThickness="1">
                            <Grid>
                                <Grid x:Name="NavigatorIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="11" Height="11" Visibility="Collapsed" >
                                    <Path Stretch="Fill" Data="F1 M 32.0234,6.66669L 24.2923,0.0248413L 28.3697,0.0248413L 32,3.14362L 36.1492,6.70819L 32,10.2728L 28.4664,13.3085L 24.2923,13.3085L 32.0234,6.66669 Z " Margin="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="8" Height="8" Fill="{StaticResource GridView_NavigatorIndicatorBackground}"/>
                                </Grid>
                                <Grid x:Name="EditIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="10" Visibility="Collapsed" >
                                    <Path Fill="{StaticResource GridView_EditIndicatorBackground1}" Stretch="Fill" Data="M14,9 L15,9 15,10 14,10 z M1,9 L2,9 2,10 1,10 z M15,8 L16,8 16,9 15,9 z M0,8 L1,8 1,9 0,9 z M15,1 L16,1 16,2 15,2 z M0,1 L1,1 1,2 0,2 z M14,0 L15,0 15,1 14,1 z M1,0 L2,0 2,1 1,1 z"/>
                                    <Path Fill="{StaticResource GridView_EditIndicatorBackground2}" Stretch="Fill" Margin="1" Data="M0.99999994,6.9999995 L2,6.9999995 3,6.9999995 4,6.9999995 5,6.9999995 6,6.9999995 7,6.9999995 8,6.9999995 9,6.9999995 10,6.9999995 11,6.9999995 12,6.9999995 13,6.9999995 13,7.9999995 12,7.9999995 11,7.9999995 10,7.9999995 9,7.9999995 8,7.9999995 7,7.9999995 6,7.9999995 5,7.9999995 4,7.9999995 3,7.9999995&#xd;&#xa;2,7.9999995 0.99999994,7.9999995 z M13,0.99999994 L14,0.99999994 14,1.9999999 14,2.9999995 14,3.9999995 14,4.9999995 14,5.9999995 14,6.9999995 13,6.9999995 13,5.9999995 13,4.9999995 13,3.9999995 13,2.9999995 13,1.9999999 z M0,0.99999994 L0.99999994,0.99999994 0.99999994,1.9999999 0.99999994,2.9999995 0.99999994,3.9999995 0.99999994,4.9999995 0.99999994,5.9999995 0.99999994,6.9999995 0,6.9999995 0,5.9999995 0,4.9999995 0,3.9999995 0,2.9999995 0,1.9999999 z M11,0 L12,0 13,0 13,0.99999994 12,0.99999994 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 4,0.99999994 3,0.99999994 2,0.99999994 0.99999994,0.99999994 0.99999994,2.3841858E-07 2,2.3841858E-07 3,2.3841858E-07 4,2.3841858E-07 5,2.3841858E-07 6,2.3841858E-07 7,2.3841858E-07 8,2.3841858E-07&#xd;&#xa;9,2.3841858E-07 10,2.3841858E-07 z"/>
                                    <Path Fill="{StaticResource GridView_EditIndicatorBackground3}" Stretch="Fill" Data="M2,9 L3,9 4,9 5,9 6,9 7,9 8,9 9,9 10,9 11,9 12,9 13,9 14,9 14,10 13,10 12,10 11,10 10,10 9,10 8,10 7,10 6,10 5,10 4,10&#xd;&#xa;3,10 2,10 z M14,8 L15,8 15,9 14,9 z M1,8 L2,8 2,9 1,9 z M15,2 L16,2 16,3 16,4 16,5 16,6 16,7 16,8 15,8 15,7 15,6 15,5 15,4 15,3 z M3,2 L4,2 5,2 6,2 6,3 5,3 5,4 5,5 5,6 5,7 6,7 6,8 5,8 4,8 3,8 3,7 4,7 4,6 4,5 4,4 4,3 3,3 z M0,2 L1,2 1,3 1,4 1,5 1,6 1,7 1,8 0,8 0,7 0,6 0,5 0,4 0,3 z M14,1 L15,1 15,2 14,2 z M1,1 L2,1 2,2 1,2 z M2,0 L3,0 4,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 14,1 13,1 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1&#xd;&#xa;3,1 2,1 z"/>
                                    <Path Fill="{StaticResource GridView_EditIndicatorBackground4}" Stretch="Fill" Margin="2" Data="M4,0 L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 12,2 12,3 12,4 12,5.0000001 12,6 11,6 10,6 9,6 8,6 7,6 6,6 5,6 4,6 4,5.0000001&#xd;&#xa;3,5.0000001 3,4 3,3 3,2 3,1 4,1 z M0,0 L1,0 1,1 2,1 2,2 2,3 2,4 2,5.0000001 1,5.0000001 1,6 0,6 0,5.0000001 0,4 0,3 0,2 0,1 z"/>
                                </Grid>
                                <Grid x:Name="ErrorIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="16" Visibility="Collapsed">
                                    <Path Fill="{StaticResource GridView_ErrorIndicatorBackground1}" Stretch="Fill" Margin="1" Data="M3,12.999999 L4,12.999999 5,12.999999 6,12.999999 7,12.999999 8,12.999999 9,12.999999 10,12.999999 11,12.999999 11,13.999999 10,13.999999 9,13.999999 8,13.999999 7,13.999999 6,13.999999 5,13.999999 4,13.999999 3,13.999999 z M11,11.999999 L12,11.999999 12,12.999999 11,12.999999 z M2.0000001,11.999999 L3,11.999999 3,12.999999 2.0000001,12.999999 z M12,10.999999 L13,10.999999 13,11.999999 12,11.999999 z M1,10.999999 L2.0000001,10.999999 2.0000001,11.999999 1,11.999999 z M13,2.9999992 L14,2.9999992 14,3.9999992 14,4.9999992 14,5.9999992 14,6.9999992 14,7.9999992 14,8.9999992 14,9.9999992 14,10.999999 13,10.999999 13,9.9999992 13,8.9999992 13,7.9999992 13,6.9999992 13,5.9999992 13,4.9999992 13,3.9999992 z M0,2.9999992 L1,2.9999992 1,3.9999992 1,4.9999992 1,5.9999992 1,6.9999992 1,7.9999992 1,8.9999992 1,9.9999992 1,10.999999 0,10.999999 0,9.9999992 0,8.9999992 0,7.9999992 0,6.9999992 0,5.9999992 0,4.9999992 0,3.9999992 z M12,1.9999999 L13,1.9999999 13,2.9999992 12,2.9999992 z M1,1.9999999 L2.0000001,1.9999999 2.0000001,2.9999992 1,2.9999992 z M11,0.99999994 L12,0.99999994 12,1.9999999 11,1.9999999 z M2.0000001,0.99999994 L2.9999998,0.99999994 2.9999998,1.9999999 2.0000001,1.9999999 z M2.9999998,0 L3.9999998,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 3.9999998,0.99999994 2.9999998,0.99999994 z" />
                                    <Path Fill="{StaticResource GridView_ErrorIndicatorBackground2}" Stretch="Fill" Margin="7,3" Data="M1.4901161E-07,8 L1.0000001,8 2.0000002,8 2.0000002,9 2.0000002,10 1.0000003,10 1.0000003,9 1.0000001,10 1.4901161E-07,10 1.4901161E-07,9 z M1.4901161E-07,0 L1.0000001,0 2.0000002,0 2.0000002,1 2.0000002,2 2.0000002,3 2.0000002,4.0000001 2.0000002,5 2.0000002,5.9999999 2.0000002,7 1.0000001,7 1.4901161E-07,7 1.4901161E-07,5.9999999 1.4901161E-07,5 1.4901161E-07,4.0000001 1.4901161E-07,3 1.4901161E-07,2 0,1 z"/>
                                    <Path Fill="{StaticResource GridView_ErrorIndicatorBackground3}" Stretch="Fill" Data="M4,15 L5,15 6,15 7,15 8,15 9,15 10,15 11,15 12,15 12,16 11,16 10,16 9,16 8,16 7,16 6,16 5,16 4,16 z M12,14 L13,14 13,15 12,15 z M3,14 L4,14 4,15 3,15 z M13,13 L14,13 14,14 13,14 z M2,13 L3,13 3,14 2,14 z M14,12 L15,12 15,13 14,13 z M1,12 L2,12 2,13 1,13 z M7,11 L7,12 7,13 8,13 9,13 9,12 9,11 8,11 z M15,4 L16,4 16,5 16,6 16,7 16,8 16,9 16,10 16,11 16,12 15,12 15,11 15,10 15,9 15,8 15,7 15,6 15,5 z M0,4 L1,4 1,5 1,6 1,7 1,8 1,9 1,10 1,11 1,12 0,12 0,11 0,10 0,9 0,8 0,7 0,6 0,5 z M14,3 L15,3 15,4 14,4 z M7,3 L7,4 7,5 7,6 7,7 7,8 7,9 7,10 8,10 9,10 9,9 9,8 9,7 9,6 9,5 9,4 9,3 8,3 z M1,3 L2,3 2,4 1,4 z M13,2 L14,2 14,3 13,3 z M4,2 L5,2 6,2 7,2 8,2 9,2 10,2 11,2 12,2 12,3 13,3 13,4 14,4 14,5 14,6 14,7 14,8 14,9 14,10 14,11 14,12 13,12 13,13 12,13&#xd;&#xa;12,14 11,14 10,14 9,14 8,14 7,14 6,14 5,14 4,14 4,13 3,13 3,12 2,12 2,11 2,10 2,9 2,8 2,7 2,6 2,5 2,4 3,4 3,3&#xd;&#xa;4,3 z M2,2 L3,2 3,3 2,3 z M12,1 L13,1 13,2 12,2 z M3,1 L4,1 4,2 3,2 z M4,0 L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1 z" />
                                    <ToolTipService.ToolTip>
                                        <ToolTip x:Name="validationTooltip" Placement="Bottom" 
	                                         Content="{TemplateBinding Errors}"
	                                         Template="{StaticResource ValidationToolTipTemplate}">
                                        </ToolTip>
                                    </ToolTipService.ToolTip>
                                </Grid>
                            </Grid>
                        </Border>
                    </Border>

                </telerik:SelectiveScrollingGrid>
            </Border>
            <ControlTemplate.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected" Value="True"/>
                        <Condition Property="DisplayVisualCues" Value="True"/>
                    </MultiTrigger.Conditions>
                    <Setter TargetName="Background_Selected" Property="Visibility" Value="Visible" />
                    <Setter TargetName="NavigatorIndicatorBackground"  Property="Background" Value="{StaticResource GridView_RowIndicatorCellBackground_Selected}" />
                </MultiTrigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="DisplayVisualCues" Value="True"/>
                        <Condition Property="IsMouseOver" Value="True"/>
                    </MultiTrigger.Conditions>
                    <Setter TargetName="Background_Over"  Property="Visibility" Value="Visible" />
                </MultiTrigger>
                <Trigger Property="IsValid" Value="False">
                    <Setter TargetName="ErrorIndicator" Property="Visibility" Value="Visible" />
                    <Setter TargetName="EditIndicator" Property="Visibility" Value="Collapsed" />
                    <Setter TargetName="NavigatorIndicator" Property="Visibility" Value="Collapsed" />
                </Trigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsValid" Value="False"/>
                        <Condition Property="DisplayVisualCues" Value="True"/>
                    </MultiTrigger.Conditions>
                    <Setter TargetName="Background_Invalid" Property="Visibility" Value="Visible" />
                </MultiTrigger>
                <Trigger Property="IsCurrent" Value="True">
                    <Setter TargetName="NavigatorIndicator" Property="Visibility" Value="Visible" />
                </Trigger>
                <Trigger Property="IsInEditMode" Value="True">
                    <Setter TargetName="EditIndicator" Property="Visibility" Value="Visible" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

        <Style TargetType="telerik:GridViewRow" >
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Template" Value="{StaticResource GridViewRowTemplate}" />
            <Setter Property="Background" Value="{StaticResource ItemBackground}" />
            <Setter Property="BorderBrush" Value="{StaticResource GridView_GridLinesItemBorder}" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="FontWeight" Value="Normal" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="SnapsToDevicePixels" Value="True" />
        </Style>

        <!--GridViewHeaderRow resources-->
        <DataTemplate x:Key="GridViewHeaderIndentCellDataTemplate">
            <telerik:GridViewHeaderIndentCell telerik:StyleManager.Theme="{StaticResource Theme}"/>
        </DataTemplate>

        <ControlTemplate x:Key="GridViewHeaderRowTemplate" TargetType="telerik:GridViewHeaderRow">
            <telerik:SelectiveScrollingGrid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <Border x:Name="PART_GridViewHeaderRowBorder" 
					BorderBrush="{TemplateBinding BorderBrush}" 
					VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
					HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
					Padding="{TemplateBinding Padding}"
					Grid.ColumnSpan="4"
					BorderThickness="{TemplateBinding BorderThickness}">
                    <Border BorderBrush="{StaticResource GridView_HeaderRowInnerBorder}" Background="{TemplateBinding Background}" BorderThickness="1" />
                </Border>

                <telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter"
									 telerik:StyleManager.Theme="{StaticResource Theme}"
									 Grid.Column="3" />

                <Border x:Name="PART_IndicatorPresenter"
						Width="25" 
						BorderBrush="{TemplateBinding BorderBrush}"
						BorderThickness="0,0,1,1"
						Visibility="{TemplateBinding RowIndicatorVisibility}"
						telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                    <Border BorderBrush="{StaticResource GridView_HeaderInnerBorder}" Background="{StaticResource GridView_HeaderBackground}" BorderThickness="1" />
                </Border>

                <telerik:IndentPresenter x:Name="PART_IndentPresenter" Grid.Column="1" MinHeight="{TemplateBinding MinHeight}"
								  telerik:StyleManager.Theme="{StaticResource Theme}"
								  IndentLevel="{TemplateBinding IndentLevel}"
								  ItemTemplate="{StaticResource GridViewHeaderIndentCellDataTemplate}" 
								  telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" />

                <!--Change these borders' BackGround. Requirement 1) from your list-->
                <Border x:Name="PART_HierarchyIndentPresenter" Grid.Column="2"
					Width="25" 
					BorderBrush="Red"
					BorderThickness="0,0,1,1"
					Visibility="{Binding HasHierarchy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}"
					telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                    <Border BorderBrush="{StaticResource GridView_HeaderInnerBorder}" Background="Red" BorderThickness="1" />
                </Border>

                <!--<Border x:Name="PART_HierarchyIndentPresenter" Grid.Column="2"
					Width="25" 
					BorderBrush="{TemplateBinding BorderBrush}"
					BorderThickness="0,0,1,1"
					Visibility="{Binding HasHierarchy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibilityConverter}}"
					telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                    <Border BorderBrush="{StaticResource GridView_HeaderInnerBorder}" Background="{StaticResource GridView_HeaderBackground}" BorderThickness="1" />
                </Border>-->
            </telerik:SelectiveScrollingGrid>
        </ControlTemplate>

        <Style  TargetType="telerik:GridViewHeaderRow" x:Key="headerRowStyle">
            <Setter Property="Template" Value="{StaticResource GridViewHeaderRowTemplate}" />
            <Setter Property="Background" Value="{StaticResource GridView_HeaderRowBackground}" />
            <Setter Property="MinHeight" Value="27" />
            <Setter Property="BorderBrush" Value="{StaticResource GridView_HeaderRowOuterBorder}" />
            <Setter Property="BorderThickness" Value="1,0,0,1" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="SnapsToDevicePixels" Value="True" />
        </Style>

    </Window.Resources>
    <Grid DataContext="{StaticResource MyViewModel}" >
        <telerik:RadGridView Grid.Row="0" HeaderRowStyle="{StaticResource headerRowStyle}"
                             Name="clubsGrid" 
                             ItemsSource="{Binding Clubs}"
                             AutoGenerateColumns="False"                           
                             Margin="5">
            <telerik:RadGridView.Columns>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding Established}"
                                            Header="Est." 
                                            DataFormatString="{}{0:yyyy}"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding StadiumCapacity}" 
                                            Header="Stadium" 
                                            DataFormatString="{}{0:N0}"/>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>
    </Grid>
</Window>
