<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="Olympics.MedalsGrid" d:DataContext="{d:DesignData Source=/DesignData/SampleCountries.xaml}" mc:Ignorable="d" d:DesignWidth="617" d:DesignHeight="219" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows">
    <UserControl.Resources>
 
		<!-- MyColumnHeaderStyle -->
		<Style x:Key="MyColumnHeaderStyle" TargetType="c1:DataGridColumnHeaderPresenter">
            <Setter Property="Cursor" Value="Hand" />
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="c1:DataGridColumnHeaderPresenter">
						<Grid x:Name="RootElement" Background="Transparent">
							<vsm:VisualStateManager.VisualStateGroups>
								<vsm:VisualStateGroup x:Name="SelectedOptionsStates">
									<vsm:VisualState x:Name="Filtering">
										<Storyboard />
									</vsm:VisualState>
									<vsm:VisualState x:Name="NotAvailable" />
									<vsm:VisualState x:Name="Available">
										<Storyboard />
									</vsm:VisualState>
								</vsm:VisualStateGroup>
							</vsm:VisualStateManager.VisualStateGroups>
							<Grid.Resources>
								<!---->
                    			<Storyboard x:Name="Normal State">
                    				<ColorAnimation Storyboard.TargetName="StopColor2" Storyboard.TargetProperty="(Color)" Duration="00:00:0.3" To="#FFEDF1F4" /> 
                    				<ColorAnimation Storyboard.TargetName="StopColor3" Storyboard.TargetProperty="(Color)" Duration="00:00:0.3" To="#FFE2E8EF" /> 
                    				<ColorAnimation Storyboard.TargetName="StopColor4" Storyboard.TargetProperty="(Color)" Duration="00:00:0.3" To="#FFC3C9CD" />
                    			</Storyboard> 
                    			<Storyboard x:Name="MouseOver State">
                              <ColorAnimation Storyboard.TargetName="StopColor2" Storyboard.TargetProperty="(Color)" Duration="00:00:0.3" To="#FFE6EFF7" />
                    				<ColorAnimation Storyboard.TargetName="StopColor3" Storyboard.TargetProperty="(Color)" Duration="00:00:0.3" To="#FFD3E4F5" /> 
                    				<ColorAnimation Storyboard.TargetName="StopColor4" Storyboard.TargetProperty="(Color)" Duration="00:00:0.3" To="#FF87A5BA" />
                    			</Storyboard>
                    		</Grid.Resources>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" /> 
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions> 
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" /><!-- Title -->
								<ColumnDefinition Width="Auto" />
								<!--Filter-->
								<ColumnDefinition Width="Auto" />
								<!-- Separator -->
								</Grid.ColumnDefinitions>

								<ContentPresenter Content="{TemplateBinding Content}" Margin="6,0,6,0" VerticalAlignment="Center" HorizontalAlignment="Center" Visibility="Visible" />
						
								<Rectangle x:Name="Resize" Fill="White" Width="4" Grid.RowSpan="2" Grid.ColumnSpan="4" HorizontalAlignment="Right" Cursor="SizeWE" Opacity="0" Margin="0 0 -2 0" Visibility="Visible" />
						</Grid>
						<!--<Grid x:Name="Root">
							<ContentPresenter />
						</Grid>-->
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

		<!-- Style for the DataGrid -->
		<Style x:Key="OlympicGrid" TargetType="c1:C1DataGrid">
			<Setter Property="ColumnHeaderStyle" Value="{StaticResource MyColumnHeaderStyle}" />
			<Setter Property="RowBackground">
				<Setter.Value>
					<SolidColorBrush Color="Transparent" />
				</Setter.Value>
			</Setter>
			<Setter Property="AlternatingRowBackground">
				<Setter.Value>
					<LinearGradientBrush Opacity="0.2" EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFE6C888" Offset="0.7" />
						<GradientStop Color="#FFE6C888" Offset="0.4" />
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="c1:C1DataGrid">
						<Grid x:Name="Root">
							<Grid.Resources>															
								<!-- ScrollbarTopMedals -->
								<ControlTemplate x:Key="ScrollbarTopMedals" TargetType="RepeatButton">
									<Grid x:Name="Root" Background="#00000000">
										<vsm:VisualStateManager.VisualStateGroups>
											<vsm:VisualStateGroup x:Name="CommonStates">
												<vsm:VisualStateGroup.Transitions>
													<vsm:VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" />
												</vsm:VisualStateGroup.Transitions>
												<vsm:VisualState x:Name="Normal" />
												<vsm:VisualState x:Name="MouseOver">
													<Storyboard>
														<ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
															<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF557E9A" />
														</ColorAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
												<vsm:VisualState x:Name="Disabled">
													<Storyboard>
														<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
															<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
														</DoubleAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
											</vsm:VisualStateGroup>
											<vsm:VisualStateGroup x:Name="FocusStates">
												<vsm:VisualState x:Name="Focused">
													<Storyboard>
														<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
															<DiscreteObjectKeyFrame KeyTime="0">
																<DiscreteObjectKeyFrame.Value>
																	<Visibility>Visible</Visibility>
																</DiscreteObjectKeyFrame.Value>
															</DiscreteObjectKeyFrame>
														</ObjectAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
												<vsm:VisualState x:Name="Unfocused">
													<Storyboard>
														<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
															<DiscreteObjectKeyFrame KeyTime="0">
																<DiscreteObjectKeyFrame.Value>
																	<Visibility>Collapsed</Visibility>
																</DiscreteObjectKeyFrame.Value>
															</DiscreteObjectKeyFrame>
														</ObjectAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
											</vsm:VisualStateGroup>
										</vsm:VisualStateManager.VisualStateGroups>
										<Grid.ColumnDefinitions>
											<ColumnDefinition Width="25*" />
											<ColumnDefinition Width="50*" />
											<ColumnDefinition Width="25*" />
										</Grid.ColumnDefinitions>
										<Grid.RowDefinitions>
											<RowDefinition Height="35*" />
											<RowDefinition Height="30*" />
											<RowDefinition Height="35*" />
										</Grid.RowDefinitions>
										<Path x:Name="ButtonVisual" Grid.Column="1" Grid.Row="1" Stretch="Fill" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z ">
											<Path.Fill>
												<SolidColorBrush Color="#FF661005" x:Name="ButtonColor" />
											</Path.Fill>
										</Path>
										<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="3" Grid.RowSpan="3" IsHitTestVisible="false" Opacity="0" Fill="#00000000" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" />
									</Grid>
								</ControlTemplate>

								<!-- ScrollbarBotttomMedals -->
								<ControlTemplate x:Key="ScrollbarBotttomMedals" TargetType="RepeatButton">
									<Grid x:Name="Root" Background="#00000000">
										<vsm:VisualStateManager.VisualStateGroups>
											<vsm:VisualStateGroup x:Name="CommonStates">
												<vsm:VisualStateGroup.Transitions>
													<vsm:VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" />
												</vsm:VisualStateGroup.Transitions>
												<vsm:VisualState x:Name="Normal" />
												<vsm:VisualState x:Name="MouseOver">
													<Storyboard>
														<ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
															<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF557E9A" />
														</ColorAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
												<vsm:VisualState x:Name="Disabled">
													<Storyboard>
														<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
															<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
														</DoubleAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
											</vsm:VisualStateGroup>
											<vsm:VisualStateGroup x:Name="FocusStates">
												<vsm:VisualState x:Name="Focused">
													<Storyboard>
														<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
															<DiscreteObjectKeyFrame KeyTime="0">
																<DiscreteObjectKeyFrame.Value>
																	<Visibility>Visible</Visibility>
																</DiscreteObjectKeyFrame.Value>
															</DiscreteObjectKeyFrame>
														</ObjectAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
												<vsm:VisualState x:Name="Unfocused">
													<Storyboard>
														<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
															<DiscreteObjectKeyFrame KeyTime="0">
																<DiscreteObjectKeyFrame.Value>
																	<Visibility>Collapsed</Visibility>
																</DiscreteObjectKeyFrame.Value>
															</DiscreteObjectKeyFrame>
														</ObjectAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
											</vsm:VisualStateGroup>
										</vsm:VisualStateManager.VisualStateGroups>
										<Grid.ColumnDefinitions>
											<ColumnDefinition Width="25*" />
											<ColumnDefinition Width="50*" />
											<ColumnDefinition Width="25*" />
										</Grid.ColumnDefinitions>
										<Grid.RowDefinitions>
											<RowDefinition Height="35*" />
											<RowDefinition Height="30*" />
											<RowDefinition Height="35*" />
										</Grid.RowDefinitions>
										<Path x:Name="ButtonVisual" Grid.Column="1" Grid.Row="1" Stretch="Fill" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z ">
											<Path.Fill>
												<SolidColorBrush Color="#FF661005" x:Name="ButtonColor" />
											</Path.Fill>
										</Path>
										<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="3" Grid.RowSpan="3" IsHitTestVisible="false" Opacity="0" Fill="#00000000" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" />
									</Grid>
								</ControlTemplate>

								<!-- ThumbMedals -->
								<ControlTemplate x:Key="ThumbMedals" TargetType="Thumb">
									<Grid>
										<Grid.Resources>
											<SolidColorBrush x:Key="Background" Color="#FF003255" />
											<Color x:Key="LinearBevelLightStartColor">#FCFFFFFF</Color>
											<Color x:Key="LinearBevelLightEndColor">#F4FFFFFF</Color>
											<Color x:Key="LinearBevelDarkStartColor">#E0FFFFFF</Color>
											<Color x:Key="LinearBevelDarkEndColor">#B2FFFFFF</Color>
											<Color x:Key="HoverLinearBevelLightStartColor">#FCFFFFFF</Color>
											<Color x:Key="HoverLinearBevelLightEndColor">#EAFFFFFF</Color>
											<Color x:Key="HoverLinearBevelDarkStartColor">#D8FFFFFF</Color>
											<Color x:Key="HoverLinearBevelDarkEndColor">#4CFFFFFF</Color>
										</Grid.Resources>
										<vsm:VisualStateManager.VisualStateGroups>
											<vsm:VisualStateGroup x:Name="CommonStates">
												<vsm:VisualStateGroup.Transitions>
													<vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver" />
												</vsm:VisualStateGroup.Transitions>
												<vsm:VisualState x:Name="Normal" />
												<vsm:VisualState x:Name="MouseOver">
													<Storyboard>
														<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
															<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelLightEndColor}" />
														</ColorAnimationUsingKeyFrames>
														<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
															<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelLightEndColor}" />
														</ColorAnimationUsingKeyFrames>
														<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
															<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelDarkStartColor}" />
														</ColorAnimationUsingKeyFrames>
														<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
															<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelDarkEndColor}" />
														</ColorAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
												<vsm:VisualState x:Name="Disabled">
													<Storyboard>
														<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
															<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
														</DoubleAnimationUsingKeyFrames>
													</Storyboard>
												</vsm:VisualState>
											</vsm:VisualStateGroup>
										</vsm:VisualStateManager.VisualStateGroups>
										<Grid x:Name="ThumbVisual">
											<Rectangle Margin="2.5,.5,2.5,.5" x:Name="Background" RadiusX="2.5" RadiusY="2.5" Fill="#FF661005" />
											<Rectangle Margin="2,0,2,0" x:Name="rectangle" Stroke="#FF777777" StrokeThickness="1" RadiusX="2.5" RadiusY="2.5" Opacity="0.5">
												<Rectangle.Fill>
													<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
														<GradientStop Color="{StaticResource LinearBevelLightStartColor}" Offset="0" x:Name="LinearBevelLightStart" />
														<GradientStop Color="{StaticResource LinearBevelLightEndColor}" Offset="0.35" x:Name="LinearBevelLightEnd" />
														<GradientStop Color="{StaticResource LinearBevelDarkStartColor}" Offset="0.35" x:Name="LinearBevelDarkStart" />
														<GradientStop Color="{StaticResource LinearBevelDarkEndColor}" Offset="1" x:Name="LinearBevelDarkEnd" />
													</LinearGradientBrush>
												</Rectangle.Fill>
											</Rectangle>
											<Rectangle Margin="3,1,3,1" Fill="#00000000" Stroke="White" StrokeThickness="1" RadiusX="2.5" RadiusY="2.5" Opacity="0.5" d:IsHidden="True" />
										</Grid>
									</Grid>
								</ControlTemplate>

								<!-- ScrollBarMedals -->
								<Style x:Key="ScrollBarMedals" TargetType="ScrollBar">
									<Setter Property="Template">
										<Setter.Value>
											<ControlTemplate TargetType="ScrollBar">
												<Grid x:Name="Root">
													<Grid.Resources>
														<ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
															<Grid x:Name="Root" Background="Transparent">
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualState x:Name="Normal" />
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
															</Grid>
														</ControlTemplate>
														<ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">
															<Grid x:Name="Root" Background="#00000000">
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualStateGroup.Transitions>
																			<vsm:VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" />
																		</vsm:VisualStateGroup.Transitions>
																		<vsm:VisualState x:Name="Normal" />
																		<vsm:VisualState x:Name="MouseOver">
																			<Storyboard>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF557E9A" />
																				</ColorAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Disabled">
																			<Storyboard>
																				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
																				</DoubleAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																	<vsm:VisualStateGroup x:Name="FocusStates">
																		<vsm:VisualState x:Name="Focused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Visible</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Unfocused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Collapsed</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
																<Grid.ColumnDefinitions>
																	<ColumnDefinition Width="35*" />
																	<ColumnDefinition Width="30*" />
																	<ColumnDefinition Width="35*" />
																</Grid.ColumnDefinitions>
																<Grid.RowDefinitions>
																	<RowDefinition Height="25*" />
																	<RowDefinition Height="50*" />
																	<RowDefinition Height="25*" />
																</Grid.RowDefinitions>
																<Path x:Name="ButtonVisual" Grid.Column="1" Grid.Row="1" Stretch="Fill" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
																	<Path.Fill>
																		<SolidColorBrush Color="#FF313131" x:Name="ButtonColor" />
																	</Path.Fill>
																</Path>
																<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="3" Grid.RowSpan="3" IsHitTestVisible="false" Opacity="0" Fill="#00000000" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" />
															</Grid>
														</ControlTemplate>
														<ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">
															<Grid x:Name="Root" Background="#00000000">
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualStateGroup.Transitions>
																			<vsm:VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" />
																		</vsm:VisualStateGroup.Transitions>
																		<vsm:VisualState x:Name="Normal" />
																		<vsm:VisualState x:Name="MouseOver">
																			<Storyboard>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF557E9A" />
																				</ColorAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Disabled">
																			<Storyboard>
																				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
																				</DoubleAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																	<vsm:VisualStateGroup x:Name="FocusStates">
																		<vsm:VisualState x:Name="Focused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Visible</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Unfocused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Collapsed</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
																<Grid.ColumnDefinitions>
																	<ColumnDefinition Width="35*" />
																	<ColumnDefinition Width="30*" />
																	<ColumnDefinition Width="35*" />
																</Grid.ColumnDefinitions>
																<Grid.RowDefinitions>
																	<RowDefinition Height="25*" />
																	<RowDefinition Height="50*" />
																	<RowDefinition Height="25*" />
																</Grid.RowDefinitions>
																<Path x:Name="ButtonVisual" Grid.Column="1" Grid.Row="1" Stretch="Fill" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">
																	<Path.Fill>
																		<SolidColorBrush Color="#FF313131" x:Name="ButtonColor" />
																	</Path.Fill>
																</Path>
																<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="3" Grid.RowSpan="3" IsHitTestVisible="false" Opacity="0" Fill="#00000000" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" />
															</Grid>
														</ControlTemplate>
														<ControlTemplate x:Key="VerticalIncrementTemplate" TargetType="RepeatButton">
															<Grid x:Name="Root" Background="#00000000">
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualStateGroup.Transitions>
																			<vsm:VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" />
																		</vsm:VisualStateGroup.Transitions>
																		<vsm:VisualState x:Name="Normal" />
																		<vsm:VisualState x:Name="MouseOver">
																			<Storyboard>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF557E9A" />
																				</ColorAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Disabled">
																			<Storyboard>
																				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
																				</DoubleAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																	<vsm:VisualStateGroup x:Name="FocusStates">
																		<vsm:VisualState x:Name="Focused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Visible</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Unfocused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Collapsed</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
																<Grid.ColumnDefinitions>
																	<ColumnDefinition Width="25*" />
																	<ColumnDefinition Width="50*" />
																	<ColumnDefinition Width="25*" />
																</Grid.ColumnDefinitions>
																<Grid.RowDefinitions>
																	<RowDefinition Height="35*" />
																	<RowDefinition Height="30*" />
																	<RowDefinition Height="35*" />
																</Grid.RowDefinitions>
																<Path x:Name="ButtonVisual" Grid.Column="1" Grid.Row="1" Stretch="Fill" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z ">
																	<Path.Fill>
																		<SolidColorBrush Color="#FF313131" x:Name="ButtonColor" />
																	</Path.Fill>
																</Path>
																<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="3" Grid.RowSpan="3" IsHitTestVisible="false" Opacity="0" Fill="#00000000" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" />
															</Grid>
														</ControlTemplate>
														<ControlTemplate x:Key="VerticalDecrementTemplate" TargetType="RepeatButton">
															<Grid x:Name="Root" Background="#00000000">
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualStateGroup.Transitions>
																			<vsm:VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver" />
																		</vsm:VisualStateGroup.Transitions>
																		<vsm:VisualState x:Name="Normal" />
																		<vsm:VisualState x:Name="MouseOver">
																			<Storyboard>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF557E9A" />
																				</ColorAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Disabled">
																			<Storyboard>
																				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
																				</DoubleAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																	<vsm:VisualStateGroup x:Name="FocusStates">
																		<vsm:VisualState x:Name="Focused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Visible</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Unfocused">
																			<Storyboard>
																				<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
																					<DiscreteObjectKeyFrame KeyTime="0">
																						<DiscreteObjectKeyFrame.Value>
																							<Visibility>Collapsed</Visibility>
																						</DiscreteObjectKeyFrame.Value>
																					</DiscreteObjectKeyFrame>
																				</ObjectAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
																<Grid.ColumnDefinitions>
																	<ColumnDefinition Width="25*" />
																	<ColumnDefinition Width="50*" />
																	<ColumnDefinition Width="25*" />
																</Grid.ColumnDefinitions>
																<Grid.RowDefinitions>
																	<RowDefinition Height="35*" />
																	<RowDefinition Height="30*" />
																	<RowDefinition Height="35*" />
																</Grid.RowDefinitions>
																<Path x:Name="ButtonVisual" Grid.Column="1" Grid.Row="1" Stretch="Fill" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z ">
																	<Path.Fill>
																		<SolidColorBrush Color="#FF313131" x:Name="ButtonColor" />
																	</Path.Fill>
																</Path>
																<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="3" Grid.RowSpan="3" IsHitTestVisible="false" Opacity="0" Fill="#00000000" Stroke="#666666" StrokeDashArray=".2 5" StrokeDashCap="Round" />
															</Grid>
														</ControlTemplate>
														<ControlTemplate x:Key="VerticalThumbTemplate" TargetType="Thumb">
															<Grid>
																<Grid.Resources>
																	<SolidColorBrush x:Key="Background" Color="#FF003255" />
																	<Color x:Key="LinearBevelLightStartColor">#FCFFFFFF</Color>
																	<Color x:Key="LinearBevelLightEndColor">#F4FFFFFF</Color>
																	<Color x:Key="LinearBevelDarkStartColor">#E0FFFFFF</Color>
																	<Color x:Key="LinearBevelDarkEndColor">#B2FFFFFF</Color>
																	<Color x:Key="HoverLinearBevelLightStartColor">#FCFFFFFF</Color>
																	<Color x:Key="HoverLinearBevelLightEndColor">#EAFFFFFF</Color>
																	<Color x:Key="HoverLinearBevelDarkStartColor">#D8FFFFFF</Color>
																	<Color x:Key="HoverLinearBevelDarkEndColor">#4CFFFFFF</Color>
																</Grid.Resources>
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualStateGroup.Transitions>
																			<vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver" />
																		</vsm:VisualStateGroup.Transitions>
																		<vsm:VisualState x:Name="Normal" />
																		<vsm:VisualState x:Name="MouseOver">
																			<Storyboard>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelLightEndColor}" />
																				</ColorAnimationUsingKeyFrames>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelLightEndColor}" />
																				</ColorAnimationUsingKeyFrames>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelDarkStartColor}" />
																				</ColorAnimationUsingKeyFrames>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelDarkEndColor}" />
																				</ColorAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Disabled">
																			<Storyboard>
																				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
																				</DoubleAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
																<Grid x:Name="ThumbVisual">
																	<Rectangle Margin="2.5,.5,2.5,.5" x:Name="Background" Fill="{StaticResource Background}" RadiusX="2.5" RadiusY="2.5" />
																	<Rectangle Margin="2,0,2,0" x:Name="rectangle" Stroke="#FF777777" StrokeThickness="1" RadiusX="2.5" RadiusY="2.5">
																		<Rectangle.Fill>
																			<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
																				<GradientStop Color="{StaticResource LinearBevelLightStartColor}" Offset="0" x:Name="LinearBevelLightStart" />
																				<GradientStop Color="{StaticResource LinearBevelLightEndColor}" Offset="0.35" x:Name="LinearBevelLightEnd" />
																				<GradientStop Color="{StaticResource LinearBevelDarkStartColor}" Offset="0.35" x:Name="LinearBevelDarkStart" />
																				<GradientStop Color="{StaticResource LinearBevelDarkEndColor}" Offset="1" x:Name="LinearBevelDarkEnd" />
																			</LinearGradientBrush>
																		</Rectangle.Fill>
																	</Rectangle>
																	<Rectangle Margin="3,1,3,1" Fill="#00000000" Stroke="White" StrokeThickness="1" RadiusX="2.5" RadiusY="2.5" />
																</Grid>
															</Grid>
														</ControlTemplate>
														<ControlTemplate x:Key="HorizontalThumbTemplate" TargetType="Thumb">
															<Grid>
																<Grid.Resources>
																	<SolidColorBrush x:Key="Background" Color="#FF003255" />
																	<Color x:Key="LinearBevelLightStartColor">#FCFFFFFF</Color>
																	<Color x:Key="LinearBevelLightEndColor">#F4FFFFFF</Color>
																	<Color x:Key="LinearBevelDarkStartColor">#E0FFFFFF</Color>
																	<Color x:Key="LinearBevelDarkEndColor">#B2FFFFFF</Color>
																	<Color x:Key="HoverLinearBevelLightStartColor">#FCFFFFFF</Color>
																	<Color x:Key="HoverLinearBevelLightEndColor">#EAFFFFFF</Color>
																	<Color x:Key="HoverLinearBevelDarkStartColor">#D8FFFFFF</Color>
																	<Color x:Key="HoverLinearBevelDarkEndColor">#4CFFFFFF</Color>
																</Grid.Resources>
																<vsm:VisualStateManager.VisualStateGroups>
																	<vsm:VisualStateGroup x:Name="CommonStates">
																		<vsm:VisualStateGroup.Transitions>
																			<vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver" />
																		</vsm:VisualStateGroup.Transitions>
																		<vsm:VisualState x:Name="Normal" />
																		<vsm:VisualState x:Name="MouseOver">
																			<Storyboard>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelLightEndColor}" />
																				</ColorAnimationUsingKeyFrames>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelLightEndColor}" />
																				</ColorAnimationUsingKeyFrames>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelDarkStartColor}" />
																				</ColorAnimationUsingKeyFrames>
																				<ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
																					<SplineColorKeyFrame KeyTime="00:00:00" Value="{StaticResource HoverLinearBevelDarkEndColor}" />
																				</ColorAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																		<vsm:VisualState x:Name="Disabled">
																			<Storyboard>
																				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6" />
																				</DoubleAnimationUsingKeyFrames>
																			</Storyboard>
																		</vsm:VisualState>
																	</vsm:VisualStateGroup>
																</vsm:VisualStateManager.VisualStateGroups>
																<Grid x:Name="ThumbVisual">
																	<Rectangle Margin=".5,2.5,.5,2.5" x:Name="Background" Fill="{StaticResource Background}" RadiusX="2.5" RadiusY="2.5" />
																	<Rectangle Margin="0,2,0,2" x:Name="rectangle" Stroke="#FF777777" StrokeThickness="1" RadiusX="2.5" RadiusY="2.5">
																		<Rectangle.Fill>
																			<LinearGradientBrush EndPoint="0.5,1.11" StartPoint="0.5,-0.11">
																				<GradientStop Color="{StaticResource LinearBevelLightStartColor}" Offset="0" x:Name="LinearBevelLightStart" />
																				<GradientStop Color="{StaticResource LinearBevelLightEndColor}" Offset="0.35" x:Name="LinearBevelLightEnd" />
																				<GradientStop Color="{StaticResource LinearBevelDarkStartColor}" Offset="0.35" x:Name="LinearBevelDarkStart" />
																				<GradientStop Color="{StaticResource LinearBevelDarkEndColor}" Offset="1" x:Name="LinearBevelDarkEnd" />
																			</LinearGradientBrush>
																		</Rectangle.Fill>
																	</Rectangle>
																	<Rectangle Margin="1,3,1,3" Fill="#00000000" Stroke="White" StrokeThickness="1" RadiusX="2.5" RadiusY="2.5" />
																</Grid>
															</Grid>
														</ControlTemplate>
													</Grid.Resources>
													<vsm:VisualStateManager.VisualStateGroups>
														<vsm:VisualStateGroup x:Name="CommonStates">
															<vsm:VisualState x:Name="Normal" />
															<vsm:VisualState x:Name="MouseOver" />
															<vsm:VisualState x:Name="Disabled">
																<Storyboard>
																	<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)">
																		<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.5" />
																	</DoubleAnimationUsingKeyFrames>
																</Storyboard>
															</vsm:VisualState>
														</vsm:VisualStateGroup>
													</vsm:VisualStateManager.VisualStateGroups>
													<Grid x:Name="HorizontalRoot" Visibility="Collapsed" d:IsHidden="True">
														<Grid.ColumnDefinitions>
															<ColumnDefinition Width="Auto" />
															<ColumnDefinition Width="Auto" />
															<ColumnDefinition Width="Auto" />
															<ColumnDefinition Width="*" />
															<ColumnDefinition Width="Auto" />
														</Grid.ColumnDefinitions>
														<Grid.RowDefinitions>
															<RowDefinition />
															<RowDefinition />
														</Grid.RowDefinitions>
														<Rectangle Grid.ColumnSpan="5" Grid.RowSpan="2" Stroke="#FFCCCCCC" RadiusX="1" RadiusY="1">
															<Rectangle.Fill>
																<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
																	<GradientStop Color="#FFF9FAFA" Offset="0" />
																	<GradientStop Color="#FFEDF1F4" Offset="0.37259" />
																	<GradientStop Color="#FFE2E8EF" Offset="0.372881" />
																	<GradientStop Color="#FFC3C9CD" Offset="1" />
																</LinearGradientBrush>
															</Rectangle.Fill>
														</Rectangle>
														<Rectangle Margin="0,1,1,0" Grid.ColumnSpan="5" Grid.RowSpan="2" Stretch="Fill" Stroke="#FFFFFFFF" StrokeLineJoin="Round" StrokeThickness="1" />
														<Path Margin="3,3,3,0" Grid.ColumnSpan="5" Stretch="Fill" Data="F1 M 523.135,337.329L 99.2482,337.329L 99.2482,346.75C 161.317,350.192 233.785,352.168 311.192,352.168C 388.598,352.168 461.067,350.192 523.135,346.75L 523.135,337.329 Z ">
															<Path.Fill>
																<LinearGradientBrush EndPoint="0.5125,1.00202" StartPoint="0.5125,-0.0864589">
																	<GradientStop Color="#B3FFFFFF" Offset="0" />
																	<GradientStop Color="#3CFFFFFF" Offset="1" />
																</LinearGradientBrush>
															</Path.Fill>
														</Path>
														<RepeatButton IsTabStop="False" Template="{StaticResource HorizontalDecrementTemplate}" x:Name="HorizontalSmallDecrease" Width="16" Grid.Column="0" Grid.RowSpan="2" Interval="50" />
														<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="HorizontalLargeDecrease" Width="0" Grid.Column="1" Grid.RowSpan="2" Interval="50" />
														<Thumb Template="{StaticResource HorizontalThumbTemplate}" MinWidth="10" x:Name="HorizontalThumb" Width="20" Grid.Column="2" Grid.RowSpan="2" />
														<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="HorizontalLargeIncrease" Grid.Column="3" Grid.RowSpan="2" Interval="50" />
														<RepeatButton IsTabStop="False" Template="{StaticResource HorizontalIncrementTemplate}" x:Name="HorizontalSmallIncrease" Width="16" Grid.Column="4" Grid.RowSpan="2" Interval="50" />
													</Grid>
													<Grid x:Name="VerticalRoot" Visibility="Collapsed">
														<Grid.ColumnDefinitions>
															<ColumnDefinition />
															<ColumnDefinition />
														</Grid.ColumnDefinitions>
														<Grid.RowDefinitions>
															<RowDefinition Height="Auto" />
															<RowDefinition Height="Auto" />
															<RowDefinition Height="Auto" />
															<RowDefinition Height="*" />
															<RowDefinition Height="Auto" />
														</Grid.RowDefinitions>
														<Rectangle Grid.ColumnSpan="2" Grid.RowSpan="5" Stroke="#FF9A5924" RadiusX="1" RadiusY="1">
															<Rectangle.Fill>
																<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
																	<GradientStop Color="#FFE0BE64" Offset="0" />
																	<GradientStop Color="#FFE0BE64" Offset="0.37259" />
																	<GradientStop Color="#FFF0D693" Offset="0.372881" />
																	<GradientStop Color="#FFF0D693" Offset="1" />
																</LinearGradientBrush>
															</Rectangle.Fill>
														</Rectangle>
														<Rectangle Margin="1,1,1,1" Grid.ColumnSpan="2" Grid.RowSpan="5" Stroke="#FFFFE4A6" StrokeThickness="1" />
														<RepeatButton IsTabStop="False" Template="{StaticResource ScrollbarTopMedals}" Height="16" x:Name="VerticalSmallDecrease" Grid.ColumnSpan="2" Grid.Row="0" Interval="50" />
														<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Height="0" x:Name="VerticalLargeDecrease" Grid.ColumnSpan="2" Grid.Row="1" Interval="50" />
														<Thumb Template="{StaticResource ThumbMedals}" Height="20" MinHeight="10" x:Name="VerticalThumb" Grid.ColumnSpan="2" Grid.Row="2" />
														<RepeatButton IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" x:Name="VerticalLargeIncrease" Grid.ColumnSpan="2" Grid.Row="3" Interval="50" />
														<RepeatButton IsTabStop="False" Template="{StaticResource ScrollbarBotttomMedals}" Height="16" x:Name="VerticalSmallIncrease" Grid.ColumnSpan="2" Grid.Row="4" Interval="50" />
													</Grid>
												</Grid>
											</ControlTemplate>
										</Setter.Value>
									</Setter>
								</Style>
							</Grid.Resources>
							<Grid.RowDefinitions>
								<RowDefinition Height="Auto" />
								<RowDefinition Height="*" />
								<RowDefinition Height="0" />
							</Grid.RowDefinitions>
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="0" />
								<ColumnDefinition Width="*" />
								<ColumnDefinition Width="Auto" />
							</Grid.ColumnDefinitions>
							
							<!-- scrollbars -->
							<ScrollBar x:Name="HorizontalScrollBar" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Style="{StaticResource ScrollBarMedals}" Height="20" Visibility="Collapsed" />
							<ScrollBar x:Name="VerticalScrollBar" Grid.Row="1" Grid.RowSpan="1" Grid.Column="2" Style="{StaticResource ScrollBarMedals}" Width="20" Orientation="Vertical" Visibility="Collapsed" />

							<!-- corners -->
							<!--<c1:DataGridColumnHeader Grid.Row="0" Grid.Column="0" Visibility="Visible" x:Name="TopLeftCornerHeaderElement" CanUserMove="False" CanUserResize="False" Template="{StaticResource TopLeftHeaderTemplate}" />-->
							<Rectangle x:Name="_bottomRightCorner" Grid.Row="2" Grid.Column="2" Fill="#FFBBBBBB" />

							<!-- column headers -->
                            <Grid Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" VerticalAlignment="Top" Height="{TemplateBinding ColumnHeaderHeight}">
								<Rectangle RadiusX="0" RadiusY="0" Height="10" HorizontalAlignment="Right" Margin="0,-50,0,0" VerticalAlignment="Bottom" Width="10" Grid.Column="7">
									<Rectangle.Fill>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF4B1109" Offset="0.21" />
											<GradientStop Color="#FF661005" Offset="0" />
										</LinearGradientBrush>
									</Rectangle.Fill>
								</Rectangle>
								<Rectangle RadiusX="0" RadiusY="0" Height="10" HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="10" Grid.ColumnSpan="1">
									<Rectangle.Fill>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF4B1109" Offset="0.21" />
											<GradientStop Color="#FF661005" Offset="0" />
										</LinearGradientBrush>
									</Rectangle.Fill>
								</Rectangle>
								<Rectangle RadiusX="10" RadiusY="10" Grid.ColumnSpan="8">
									<Rectangle.Fill>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF4B1109" Offset="0.7" />
											<GradientStop Color="#FF661005" Offset="0.4" />
										</LinearGradientBrush>
									</Rectangle.Fill>
								</Rectangle>
							</Grid>

                            <c1:DataGridColumnsHeaderPanel x:Name="ColumnsHeader" Grid.Row="0" Grid.Column="1" ClipTopMargin="50" />

                            <!-- data area -->
							<c1:DataGridRowsPanel x:Name="Body" Grid.Row="1" Grid.Column="1" />

                            <!-- Popup -->
                            <Popup x:Name="Popup" />
                        </Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		 
		<Style x:Key="TitleLeft" TargetType="TextBlock">
            <Setter Property="Foreground" Value="#FFFFFFFF" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Padding" Value="15,0,0,0" />
            <Setter Property="VerticalAlignment" Value="Center" />
        </Style>
		<Style x:Key="TitleCenter" TargetType="TextBlock">
				<Setter Property="Foreground" Value="#FFFFFFFF" />
				<Setter Property="FontFamily" Value="Trebuchet MS" />
				<Setter Property="FontSize" Value="14" />
				<Setter Property="Padding" Value="0,0,0,0" />
				<Setter Property="VerticalAlignment" Value="Center" />
				<Setter Property="HorizontalAlignment" Value="Center" />
		  </Style>
		<Style x:Key="TextLeft" TargetType="TextBlock">
				<Setter Property="Foreground" Value="#FF1C1711" />
				<Setter Property="FontSize" Value="13" />
				<Setter Property="FontFamily" Value="Trebuchet MS" />
				<Setter Property="VerticalAlignment" Value="Center" />
				<Setter Property="Margin" Value="15,0,0,0" />
		  </Style>
		<Style x:Key="TextRightBold" TargetType="TextBlock">
				<Setter Property="FontSize" Value="13" />
				<Setter Property="FontFamily" Value="Trebuchet MS" />
				<!--<Setter Property="Margin" Value="0,0,15,0"/>-->
				<Setter Property="FontWeight" Value="Bold" />
		  </Style>
		<Style x:Key="TextRight" TargetType="TextBlock">
            <Setter Property="Foreground" Value="#FF1C1711" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
        </Style>
		<Style x:Key="DataGridFocusPresenterStyle1" TargetType="c1:DataGridFocusPresenter">
			<Setter Property="IsHitTestVisible" Value="false" />
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="c1:DataGridFocusPresenter">
						<Grid>
							<Rectangle Stroke="Black" StrokeDashArray="2 2" />
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="DataGridCellPresenterStyle1" TargetType="c1:DataGridCellPresenter">
			<Setter Property="MouseOverBrush" Value="#00000000" />
		</Style>

	</UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

    	<Rectangle Opacity="0.95" Grid.Row="1" Grid.RowSpan="1" RadiusX="10" RadiusY="10">
    		<Rectangle.Fill>
    			<RadialGradientBrush>
    				<RadialGradientBrush.RelativeTransform>
    					<TransformGroup>
    						<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.62" ScaleY="5.143" />
    						<SkewTransform CenterX="0.5" CenterY="0.5" />
    						<RotateTransform CenterX="0.5" CenterY="0.5" />
    						<TranslateTransform X="0.224" Y="2.322" />
    					</TransformGroup>
    				</RadialGradientBrush.RelativeTransform>
    				<GradientStop Color="#FFDBB055" />
    				<GradientStop Color="#FFDBB055" Offset="1" />
    			</RadialGradientBrush>
    		</Rectangle.Fill>
    	</Rectangle>
		 
    	<Path Opacity="0.55" Grid.Row="1" Data="M85.632103,0 C85.632103,0 85.705032,33.5 85.705032,33.5 L0,33.5 C17.423134,13.398742 49.259911,1.1229787E-06 85.632103,0 z" Stretch="Fill" VerticalAlignment="Bottom" Margin="0,20,0,0">
    		<Path.Fill>
    			<RadialGradientBrush>
    				<RadialGradientBrush.RelativeTransform>
    					<TransformGroup>
    						<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="3.214" ScaleY="10.668" />
    						<SkewTransform CenterX="0.5" CenterY="0.5" />
    						<RotateTransform CenterX="0.5" CenterY="0.5" />
    						<TranslateTransform X="0.442" Y="4.842" />
    					</TransformGroup>
    				</RadialGradientBrush.RelativeTransform>
    				<GradientStop Color="#FFD8A755" Offset="0.951" />
    				<GradientStop Color="#FFD29A36" Offset="1" />
    			</RadialGradientBrush>
    		</Path.Fill>
    	</Path>

        <c1:C1DataGrid x:Name="gridData" ItemsSource="{Binding}" Grid.Row="1" Style="{StaticResource OlympicGrid}" AutoGenerateColumns="False" HeadersVisibility="Column" RowHeaderWidth="0" CanUserReorderColumns="False" GridLinesVisibility="None" IsReadOnly="True" SelectionMode="None" MouseOverBrush="Transparent" FocusStyle="{StaticResource DataGridFocusPresenterStyle1}" CellStyle="{StaticResource DataGridCellPresenterStyle1}">
			<c1:C1DataGrid.Columns>
				
				<!-- Country Column -->			
				<c1:DataGridTemplateColumn Width="240" SortMemberPath="CountryName">
					<c1:DataGridTemplateColumn.Header>
						<TextBlock Text="Countries" Grid.Column="1" Style="{StaticResource TitleLeft}" />
					</c1:DataGridTemplateColumn.Header>
					<c1:DataGridTemplateColumn.CellTemplate>
						<DataTemplate>
							<Grid VerticalAlignment="Stretch">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="40" />
									<ColumnDefinition Width="*" />
								</Grid.ColumnDefinitions>
								<Image Source="{Binding FlagUrl}" Stretch="None" Grid.Column="0" />
								<TextBlock Text="{Binding CountryName}" Grid.Column="1" Style="{StaticResource TextLeft}" />
							</Grid>
						</DataTemplate>
					</c1:DataGridTemplateColumn.CellTemplate>	
				</c1:DataGridTemplateColumn>
				
				<!-- Gold Column -->
				<c1:DataGridNumericColumn Width="0.25*" SortMemberPath="GoldMedals" Binding="{Binding GoldMedals, Mode=TwoWay}" CellContentStyle="{StaticResource TextRightBold}" HorizontalAlignment="Center">
					<c1:DataGridNumericColumn.Header>
						<Image Height="70" Width="70" Source="medal-gold.png" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,-60,0,-8" />
					</c1:DataGridNumericColumn.Header>
					<c1:DataGridNumericColumn.CellStyle>
						<Style TargetType="c1:DataGridCellPresenter">
							<Setter Property="Margin" Value="2" />
							<Setter Property="Width" Value="50" />
							<Setter Property="CornerRadius" Value="5" />
                            <Setter Property="MouseOverBrush" Value="#00000000" />
                            <Setter Property="Background">
								<Setter.Value>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFE6C888" Offset="0.7" />
										<GradientStop Color="#FFE6C888" Offset="0.4" />
									</LinearGradientBrush>
								</Setter.Value>
							</Setter>
						</Style>
					</c1:DataGridNumericColumn.CellStyle>
				</c1:DataGridNumericColumn>
				
				<!-- Silver Column -->
				<c1:DataGridNumericColumn Width="0.25*" SortMemberPath="SilverMedals" Binding="{Binding SilverMedals, Mode=TwoWay}" CellContentStyle="{StaticResource TextRight}" HorizontalAlignment="Center">
					<c1:DataGridNumericColumn.Header>
						<Image Height="70" Width="70" Source="medal-silver.png" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,-60,0,-8" />
					</c1:DataGridNumericColumn.Header>
					<c1:DataGridNumericColumn.CellStyle>
						<Style TargetType="c1:DataGridCellPresenter">
							<Setter Property="Margin" Value="2" />
							<Setter Property="Width" Value="50" />
							<Setter Property="CornerRadius" Value="5" />
							<Setter Property="Foreground" Value="White" />
                            <Setter Property="MouseOverBrush" Value="#00000000" />
                            <Setter Property="Background">
								<Setter.Value>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFE0E0E0" Offset="0.4" />
										<GradientStop Color="#FF939393" Offset="0.6" />
									</LinearGradientBrush>
								</Setter.Value>
							</Setter>
						</Style>
					</c1:DataGridNumericColumn.CellStyle>
				</c1:DataGridNumericColumn>
				
				<!-- Bronze Column -->
				<c1:DataGridNumericColumn Width="0.25*" SortMemberPath="BronzeMedals" Binding="{Binding BronzeMedals, Mode=TwoWay}" CellContentStyle="{StaticResource TextRight}" HorizontalAlignment="Center">
					<c1:DataGridNumericColumn.Header>
						<Image Height="70" Width="70" Source="medal-broze.png" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,-60,0,-8" />
					</c1:DataGridNumericColumn.Header>
					<c1:DataGridNumericColumn.CellStyle>
						<Style TargetType="c1:DataGridCellPresenter">
							<Setter Property="Margin" Value="2" />
							<Setter Property="Width" Value="50" />
							<Setter Property="CornerRadius" Value="5" />
							<Setter Property="Foreground" Value="White" />
                            <Setter Property="MouseOverBrush" Value="#00000000" />
                            <Setter Property="Background">
								<Setter.Value>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFEEB979" Offset="0.4" />
										<GradientStop Color="#FFB1723E" Offset="0.6" />
									</LinearGradientBrush>
								</Setter.Value>
							</Setter>
						</Style>
					</c1:DataGridNumericColumn.CellStyle>
				</c1:DataGridNumericColumn>
				
				<!-- Total Column -->
				<c1:DataGridNumericColumn Width="0.25*" SortMemberPath="TotalMedals" Binding="{Binding TotalMedals, Mode=TwoWay}" CellContentStyle="{StaticResource TextRightBold}" HorizontalAlignment="Center">
					<c1:DataGridNumericColumn.Header>
						<TextBlock Text="Total" TextWrapping="Wrap" Style="{StaticResource TitleCenter}" />
					</c1:DataGridNumericColumn.Header>
					<c1:DataGridNumericColumn.CellStyle>
						<Style TargetType="c1:DataGridCellPresenter">
							<Setter Property="Margin" Value="2" />
							<Setter Property="Width" Value="50" />
							<Setter Property="CornerRadius" Value="5" />
							<Setter Property="Foreground" Value="White" />
                            <Setter Property="MouseOverBrush" Value="#00000000" />
                            <Setter Property="Background">
								<Setter.Value>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FF782F2F" Offset="0.406" />
										<GradientStop Color="#FF6C1F1F" Offset="0.598" />
									</LinearGradientBrush>
								</Setter.Value>
							</Setter>
						</Style>
					</c1:DataGridNumericColumn.CellStyle>
				</c1:DataGridNumericColumn>
				
			</c1:C1DataGrid.Columns>
        </c1:C1DataGrid>
    </Grid>
</UserControl>