<Window
        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:Telerik_Windows_Controls_Chromes="clr-namespace:Telerik.Windows.Controls.Chromes;assembly=Telerik.Windows.Controls" x:Class="RestyledCombo_WPF.MainWindow"
        Title="MainWindow" Height="350" Width="525">
	<Window.Resources>
		<Style TargetType="{x:Type telerik:RadComboBox}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type telerik:RadComboBox}">
						<Grid x:Name="VisualRoot">
							<Border Background="{TemplateBinding Background}" CornerRadius="1" IsHitTestVisible="False"/>
							<telerik:RadToggleButton x:Name="PART_DropDownButton" ClickMode="Press" IsTabStop="False" Margin="0" Padding="0">
								<telerik:RadToggleButton.Template>
									<ControlTemplate TargetType="{x:Type telerik:RadToggleButton}">
										<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
									</ControlTemplate>
								</telerik:RadToggleButton.Template>
								<Grid>
									<Grid.ColumnDefinitions>
										<ColumnDefinition Width="*"/>
										<ColumnDefinition Width="Auto"/>
									</Grid.ColumnDefinitions>
									<Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="ButtonChrome" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsDropDownOpen}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}">
										<telerik:StyleManager.Theme>
											<telerik:Office_BlackTheme/>
										</telerik:StyleManager.Theme>
									</Telerik_Windows_Controls_Chromes:ButtonChrome>
									<ContentControl x:Name="DropDownIcon" Background="White" Grid.Column="1" Foreground="Black" IsTabStop="False">
										<ContentControl.Template>
											<ControlTemplate TargetType="{x:Type ContentControl}">
												<Grid Margin="5,0">
													<Path x:Name="BackgroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Background}" Height="3" Margin="0,2,0,0" Stretch="Fill" Width="5"/>
													<Path x:Name="ForegroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Foreground}" Height="3" Margin="0,1" Stretch="Fill" Width="5"/>
												</Grid>
											</ControlTemplate>
										</ContentControl.Template>
									</ContentControl>
									<ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" Grid.Column="0" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
								</Grid>
							</telerik:RadToggleButton>
							<Popup x:Name="PART_Popup" AllowsTransparency="True" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}">
								<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" CornerRadius="1" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding MinDropDownWidth}">
									<Grid>
										<Grid.RowDefinitions>
											<RowDefinition Height="Auto"/>
											<RowDefinition Height="*"/>
										</Grid.RowDefinitions>
										<telerik:RadButton x:Name="PART_ClearButton" Content="{TemplateBinding ClearSelectionButtonContent}" Margin="-1,-1,-1,0" Grid.Row="0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}">
											<telerik:StyleManager.Theme>
												<telerik:Office_BlackTheme/>
											</telerik:StyleManager.Theme>
										</telerik:RadButton>
										<ScrollViewer x:Name="PART_ScrollViewer" BorderThickness="0" CanContentScroll="True" Padding="1,1,1,0" Grid.Row="1" VerticalScrollBarVisibility="Auto">
											<telerik:StyleManager.Theme>
												<telerik:Office_BlackTheme/>
											</telerik:StyleManager.Theme>
											<ItemsPresenter/>
										</ScrollViewer>
									</Grid>
								</Border>
							</Popup>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsEnabled" Value="False">
								<Setter Property="Opacity" TargetName="Content" Value="0.5"/>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="#FF8D8D8D"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsEnabled" Value="True"/>
									<Condition Property="IsMouseOver" Value="True"/>
								</MultiTrigger.Conditions>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsEnabled" Value="True"/>
									<Condition Property="IsDropDownOpen" Value="True"/>
								</MultiTrigger.Conditions>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</MultiTrigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="EditableTemplate">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type telerik:RadComboBox}">
						<Grid x:Name="VisualRoot">
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="*"/>
								<ColumnDefinition Width="Auto"/>
							</Grid.ColumnDefinitions>
							<Border x:Name="Background" Background="White" Grid.Column="0" CornerRadius="1,0,0,1" IsHitTestVisible="False"/>
							<Border Background="{TemplateBinding Background}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False"/>
							<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False"/>
							<Border x:Name="MouseOverVisual" BorderBrush="#FFFFC92B" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False" Opacity="0" Visibility="Collapsed"/>
							<telerik:PickerTextBox x:Name="PART_EditableTextBox" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="0" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsReadOnly="{TemplateBinding IsReadOnly}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
								<telerik:StyleManager.Theme>
									<telerik:Office_BlackTheme/>
								</telerik:StyleManager.Theme>
							</telerik:PickerTextBox>
							<Border x:Name="FocusVisual" BorderBrush="#FFFFC92B" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False" Visibility="Collapsed">
								<Border BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0"/>
							</Border>
							<telerik:RadToggleButton x:Name="PART_DropDownButton" ClickMode="Press" Grid.Column="1" IsTabStop="False" Margin="0" Padding="0">
								<telerik:RadToggleButton.Template>
									<ControlTemplate TargetType="{x:Type telerik:RadToggleButton}">
										<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
									</ControlTemplate>
								</telerik:RadToggleButton.Template>
								<Grid>
									<Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="ButtonChrome" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0,1,1,0" RenderMouseOver="{Binding IsMouseOver, ElementName=PART_DropDownButton}" RenderPressed="{TemplateBinding IsDropDownOpen}" RenderFocused="{TemplateBinding IsKeyboardFocusWithin}" RenderActive="{TemplateBinding IsMouseOver}" RenderEnabled="{TemplateBinding IsEnabled}">
										<telerik:StyleManager.Theme>
											<telerik:Office_BlackTheme/>
										</telerik:StyleManager.Theme>
									</Telerik_Windows_Controls_Chromes:ButtonChrome>
									<ContentControl x:Name="DropDownIcon" Background="White" Grid.Column="1" Foreground="Black" IsTabStop="False">
										<ContentControl.Template>
											<ControlTemplate TargetType="{x:Type ContentControl}">
												<Grid Margin="5,0">
													<Path x:Name="BackgroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Background}" Height="3" Margin="0,2,0,0" Stretch="Fill" Width="5"/>
													<Path x:Name="ForegroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Foreground}" Height="3" Margin="0,1" Stretch="Fill" Width="5"/>
												</Grid>
											</ControlTemplate>
										</ContentControl.Template>
									</ContentControl>
								</Grid>
							</telerik:RadToggleButton>
							<TextBlock x:Name="Watermark" HorizontalAlignment="Left" IsHitTestVisible="False" Margin="5,0,0,0" Opacity="0.5" Text="{TemplateBinding EmptyText}" Visibility="Collapsed" VerticalAlignment="Center"/>
							<Popup x:Name="PART_Popup" AllowsTransparency="True" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}">
								<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" CornerRadius="1" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding MinDropDownWidth}">
									<Grid>
										<Grid.RowDefinitions>
											<RowDefinition Height="Auto"/>
											<RowDefinition Height="*"/>
										</Grid.RowDefinitions>
										<telerik:RadButton x:Name="PART_ClearButton" Content="{TemplateBinding ClearSelectionButtonContent}" Margin="-1,-1,-1,0" Grid.Row="0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}">
											<telerik:StyleManager.Theme>
												<telerik:Office_BlackTheme/>
											</telerik:StyleManager.Theme>
										</telerik:RadButton>
										<ScrollViewer x:Name="PART_ScrollViewer" BorderThickness="0" CanContentScroll="True" Padding="1,1,1,0" Grid.Row="1" VerticalScrollBarVisibility="Auto">
											<telerik:StyleManager.Theme>
												<telerik:Office_BlackTheme/>
											</telerik:StyleManager.Theme>
											<ItemsPresenter/>
										</ScrollViewer>
									</Grid>
								</Border>
							</Popup>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsEnabled" Value="False">
								<Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/>
								<Setter Property="Foreground" TargetName="PART_EditableTextBox" Value="#FF8D8D8D"/>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="#FF8D8D8D"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
								<Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/>
								<Setter Property="Background" TargetName="Background" Value="#FFE0E0E0"/>
							</Trigger>
							<Trigger Property="IsWatermarkVisible" Value="True">
								<Setter Property="Visibility" TargetName="Watermark" Value="Visible"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsEnabled" Value="True"/>
									<Condition Property="IsMouseOver" Value="True"/>
								</MultiTrigger.Conditions>
								<MultiTrigger.EnterActions>
									<BeginStoryboard>
										<Storyboard>
											<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
												<LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="1"/>
											</DoubleAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</BeginStoryboard>
								</MultiTrigger.EnterActions>
								<MultiTrigger.ExitActions>
									<BeginStoryboard>
										<Storyboard>
											<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
												<LinearDoubleKeyFrame KeyTime="0:0:0.15" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
												<DiscreteObjectKeyFrame KeyTime="0:0:0.15">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Collapsed</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</BeginStoryboard>
								</MultiTrigger.ExitActions>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsEnabled" Value="True"/>
									<Condition Property="IsDropDownOpen" Value="True"/>
								</MultiTrigger.Conditions>
								<Setter Property="BorderBrush" TargetName="Border">
									<Setter.Value>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF282828"/>
											<GradientStop Color="#FF5F5F5F" Offset="1"/>
										</LinearGradientBrush>
									</Setter.Value>
								</Setter>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsKeyboardFocusWithin" Value="True"/>
									<Condition Property="IsDropDownOpen" Value="False"/>
								</MultiTrigger.Conditions>
								<Setter Property="Visibility" TargetName="FocusVisual" Value="Visible"/>
							</MultiTrigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="NonEditableTemplate">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type telerik:RadComboBox}">
						<Grid x:Name="VisualRoot">
							<Border Background="{TemplateBinding Background}" CornerRadius="1" IsHitTestVisible="False"/>
							<telerik:RadToggleButton x:Name="PART_DropDownButton" ClickMode="Press" IsTabStop="False" Margin="0" Padding="0">
								<telerik:RadToggleButton.Template>
									<ControlTemplate TargetType="{x:Type telerik:RadToggleButton}">
										<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
									</ControlTemplate>
								</telerik:RadToggleButton.Template>
								<Grid>
									<Grid.ColumnDefinitions>
										<ColumnDefinition/>
										<ColumnDefinition Width="Auto" MaxWidth="12"/>
									</Grid.ColumnDefinitions>
									<Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="ButtonChrome" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsDropDownOpen}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}">
										<telerik:StyleManager.Theme>
											<telerik:Office_BlackTheme/>
										</telerik:StyleManager.Theme>
									</Telerik_Windows_Controls_Chromes:ButtonChrome>
									<ContentControl x:Name="DropDownIcon" Background="White" Grid.Column="1" Foreground="Black" IsTabStop="False">
										<ContentControl.Template>
											<ControlTemplate TargetType="{x:Type ContentControl}">
												<Grid Margin="5,0">
													<Path x:Name="BackgroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Background}" Height="3" Margin="0,2,0,0" Stretch="Fill" Width="5"/>
													<Path x:Name="ForegroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Foreground}" Height="3" Margin="0,1" Stretch="Fill" Width="5"/>
												</Grid>
											</ControlTemplate>
										</ContentControl.Template>
									</ContentControl>
									<ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" Grid.Column="0" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
								</Grid>
							</telerik:RadToggleButton>
							<Popup x:Name="PART_Popup" AllowsTransparency="True" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}">
								<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" CornerRadius="1" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding MinDropDownWidth}">
									<Grid>
										<Grid.RowDefinitions>
											<RowDefinition Height="Auto"/>
											<RowDefinition Height="*"/>
										</Grid.RowDefinitions>
										<telerik:RadButton x:Name="PART_ClearButton" Content="{TemplateBinding ClearSelectionButtonContent}" Margin="-1,-1,-1,0" Grid.Row="0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}">
											<telerik:StyleManager.Theme>
												<telerik:Office_BlackTheme/>
											</telerik:StyleManager.Theme>
										</telerik:RadButton>
										<ScrollViewer x:Name="PART_ScrollViewer" BorderThickness="0" CanContentScroll="True" Padding="1,1,1,0" Grid.Row="1" VerticalScrollBarVisibility="Auto">
											<telerik:StyleManager.Theme>
												<telerik:Office_BlackTheme/>
											</telerik:StyleManager.Theme>
											<ItemsPresenter/>
										</ScrollViewer>
									</Grid>
								</Border>
							</Popup>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsEnabled" Value="False">
								<Setter Property="Opacity" TargetName="Content" Value="0.5"/>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="#FF8D8D8D"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsEnabled" Value="True"/>
									<Condition Property="IsMouseOver" Value="True"/>
								</MultiTrigger.Conditions>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsEnabled" Value="True"/>
									<Condition Property="IsDropDownOpen" Value="True"/>
								</MultiTrigger.Conditions>
								<Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/>
								<Setter Property="Background" TargetName="DropDownIcon" Value="White"/>
							</MultiTrigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="MinHeight" Value="22"/>
			<Setter Property="Padding" Value="5,0"/>
			<Setter Property="Foreground" Value="Black"/>
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="#FF848484"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="SnapsToDevicePixels" Value="True"/>
			<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
		</Style>
	</Window.Resources>
    <Grid>
        <telerik:RadComboBox Width="40" Height="24" Text="2" Padding="3,0,0,0"  x:Name="combo1" />
    </Grid>
</Window>
