Silverlight TabControl样式

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    x:Class="SilverlightApplication1.UserControl1"
     xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
     xmlns:Primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls"
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
              xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
    d:DesignWidth="640" d:DesignHeight="480" Background="#FF5DB0C6">

<UserControl.Resources>
        <DropShadowEffect x:Key="Drop_shadow_text"
                    BlurRadius="5" 
                    ShadowDepth="2" 
                    Color="Black"
                    Opacity="0.8" 
                    Direction="315">
        </DropShadowEffect>
        <DropShadowEffect x:Key="Drop_shadow_bottom"
                    BlurRadius="5" 
                    ShadowDepth="2" 
                    Opacity="0.4" 
                    Direction="275">
        </DropShadowEffect>
        <LinearGradientBrush x:Key="Gradient_darkblue_Back"
                  EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#00B3F2" Offset="0" />
            <GradientStop Color="#0092CA" Offset="1" />
        </LinearGradientBrush>
        <ControlTemplate x:Key="CloseBtnTemplate" TargetType="Button">
            <Grid>
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CloseBtnFocusStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.3000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="close" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.8"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Normal">
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="close" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.2"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Button x:Name="close" Cursor="Hand" Height="14" HorizontalAlignment="Left" Tag="{TemplateBinding Tag}" VerticalAlignment="Top" Width="14" AllowDrop="False" UseLayoutRounding="True" Margin="0,7,0,0" Padding="0" Background="Transparent" BorderThickness="0">
                    <Button.Content>
                        <Image Source="/SilverlightApplication2;component/images/CloseButton.png" Height="14" Width="14" />
                    </Button.Content>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <i:InvokeCommandAction Command="{Binding CloseTabCommand}" CommandParameter="{Binding Tag, ElementName=close, Mode=OneWay}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Grid>
        </ControlTemplate>
        <ControlTemplate x:Key="CustomTabItemTemplate" TargetType="sdk:TabItem">
            <Grid Width="Auto" Height="Auto" x:Name="TabItemRoot" Margin="4,0,2,0">
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="0" />
                            <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Normal" />
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="FocusVisualTop" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="0" Value="0.3" />
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Focused" />
                        <vsm:VisualState x:Name="Unfocused" />
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="SelectionStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.3000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Selected" >
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Unselected" >
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="textBlock1" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border2" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border3" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Grid x:Name="TemplateBottomSelected" Canvas.ZIndex="1">
                    <Border BorderThickness="0" Background="Transparent" Margin="-2,2,-2,0" CornerRadius="7,7,0,0">
                        <Border x:Name="borderw" BorderThickness="0" Background="Transparent">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="18" />
                                </Grid.ColumnDefinitions>
                                <Border Grid.Column="0" x:Name="border" Background="White" CornerRadius="4,0,0,0" Margin="0,0,0,-1"/>
                                <Border Grid.Column="1" x:Name="border2" Background="White" CornerRadius="0,4,0,0" Margin="0,0,0,-1" />
                                <Border Grid.Column="1" x:Name="border3" Background="Transparent" Margin="0,0,0,-1" Opacity="0"/>
                                <TextBlock Grid.Column="0" Grid.ColumnSpan="2" x:Name="textBlock" Text="{TemplateBinding Header}" HorizontalAlignment="Left" VerticalAlignment="Center" FontFamily="Trebuchet MS" FontSize="14" Foreground="Black" Margin="5,7,5,5" Cursor="Hand" IsHitTestVisible="True" />
                                <TextBlock Grid.Column="0" Grid.ColumnSpan="2" x:Name="textBlock1" Text="{TemplateBinding Header}" HorizontalAlignment="Left" Margin="5,7,5,5" FontSize="14" VerticalAlignment="Center" FontFamily="Trebuchet MS" Foreground="#FFDDDDDD" Visibility="Visible" Opacity="0" Cursor="Hand" />
                            </Grid>
                        </Border>
                    </Border>
                    <Border x:Name="FocusVisualTop" CornerRadius="4,4,0,0" BorderBrush="White" Background="Transparent" BorderThickness="1,1,1,0" Margin="-2,2,-2,0" Opacity="0" IsHitTestVisible="false" />
                </Grid>
            </Grid>
        </ControlTemplate>
        <Style x:Key="tabItemStyle" TargetType="sdk:TabItem">
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Padding" Value="6,2,6,2"/>
            <Setter Property="Background" Value="#FF1F3B53" />
            <Setter Property="BorderBrush" Value="#FFA3AEB9" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="MinWidth" Value="5" />
            <Setter Property="MinHeight" Value="5" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
            <Setter Property="MinWidth" Value="5"/>
            <Setter Property="MinHeight" Value="5"/>
            <Setter Property="Template" Value="{StaticResource CustomTabItemTemplate}" />
            <Setter Property="FontFamily" Value="Trebuchet MS"/>
        </Style>
        <Style x:Key="tabStyle"  TargetType="sdk:TabControl">
            <Setter Property="Background" Value="{x:Null}"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Padding" Value="5"/>
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="sdk:TabControl">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30"/>
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <Border Grid.Row="0" Width="Auto" CornerRadius="7,7,0,0" Background="{StaticResource Gradient_darkblue_Back}" Effect="{StaticResource Drop_shadow_bottom}" BorderThickness="0,0,0,1" BorderBrush="#FF666666" AllowDrop="False">
                                <Primitives:TabPanel HorizontalAlignment="Left" x:Name="TabPanelTop" VerticalAlignment="Center" Canvas.ZIndex="1" Opacity="1"/>
                            </Border>
                            <!--<ContentControl Margin="5,4,5,5" Grid.Row="1" prism:RegionManager.RegionName="ModuleContentRegion"/>-->
                            <Grid Width="Auto" Grid.Row="1" x:Name="ContentGrid">
                                <ContentPresenter Cursor="{TemplateBinding Cursor}" x:Name="ContentTop" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Opacity="1"/>
                                <ContentControl x:Name="TabContentView" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Opacity="1" />
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <sdk:TabControl  Style="{StaticResource tabStyle}"  Height="224" HorizontalAlignment="Left" Margin="12,64,0,0" Name="tabControl1" VerticalAlignment="Top" Width="634">
            <sdk:TabItem  Style="{StaticResource tabItemStyle}" Header="TabItem1" Name="tabItem1" Background="#FF1F3B53">
                <Grid Width="322">
                    <TextBlock Height="53" HorizontalAlignment="Left" Margin="22,13,0,0" Name="textBlock1" Text="TextBlock" VerticalAlignment="Top" Width="147" />
                </Grid>
            </sdk:TabItem>
            <sdk:TabItem Style="{StaticResource tabItemStyle}" Header="TabItem2" Name="tabItem2">
                <Grid Width="344">
                    <TextBlock Height="53" HorizontalAlignment="Left" Margin="22,13,0,0" Name="textBlock2" Text="TextBlock" VerticalAlignment="Top" Width="147" />
                </Grid>
            </sdk:TabItem>
            <sdk:TabItem IsSelected="True" Style="{StaticResource tabItemStyle}" Header="This is TabItem3" Name="tabItem3">
                <Grid >
                    <TextBlock Height="53" HorizontalAlignment="Left" Margin="22,13,0,0" Name="textBlock3" Text="TextBlock" VerticalAlignment="Top" Width="147" />
                </Grid>
            </sdk:TabItem>
        </sdk:TabControl>        
    </Grid>
</UserControl>

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    x:Class="SilverlightApplication1.UserControl2"
     xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
     xmlns:Primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls"
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
              xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
    d:DesignWidth="640" d:DesignHeight="480" Background="#FF5DB0C6">

    <UserControl.Resources>

        <!--Start sdk:TabControl Style-->
        <DropShadowEffect x:Key="Drop_shadow_text"
                    BlurRadius="5" 
                    ShadowDepth="2" 
                    Color="Black"
                    Opacity="0.5" 
                    Direction="315">
        </DropShadowEffect>
        <DropShadowEffect x:Key="Drop_shadow_bottom"
                    BlurRadius="5" 
                    ShadowDepth="1" 
                    Opacity="0.4" 
                    Direction="275">
        </DropShadowEffect>

        <ControlTemplate x:Key="CustomTabItemTemplate" TargetType="sdk:TabItem">
            <Grid Width="Auto" Height="Auto" x:Name="TabItemRoot" Margin="4,0,2,0">
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="0" />
                            <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Normal" >
                            <Storyboard>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="FocusVisualTop" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="0" Value="0.3" />
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Focused" />
                        <vsm:VisualState x:Name="Unfocused" />
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="SelectionStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.3000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Selected" >
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Unselected" >
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>

                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="textBlock1" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border2" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border3" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Grid x:Name="TemplateBottomSelected" Canvas.ZIndex="1">
                    <Border BorderThickness="0" Background="Transparent" Margin="-2,2,-2,0" CornerRadius="7,7,0,0">
                        <Border x:Name="borderw" BorderThickness="0" Background="Transparent">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Border Grid.Column="0" x:Name="border" Background="White" CornerRadius="4,0,0,0" Margin="0,0,0,-1"/>
                                <Border Grid.Column="1" x:Name="border2" Background="White" CornerRadius="0,4,0,0" Margin="0,0,0,-1" />
                                <Border Grid.Column="1" x:Name="border3" Background="Transparent" Margin="0,0,0,-1" Opacity="0"/>
                                <TextBlock Grid.Column="0" x:Name="textBlock" Text="{TemplateBinding Header}" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="Trebuchet MS" FontSize="14" Foreground="Black" Margin="5,7,5,5" Cursor="Hand" IsHitTestVisible="True" />
                                <TextBlock Grid.Column="0" x:Name="textBlock1" Text="{TemplateBinding Header}" HorizontalAlignment="Center" Margin="5,7,5,5" FontSize="14" VerticalAlignment="Center" FontFamily="Trebuchet MS" Foreground="Gray" Visibility="Visible" Opacity="0" Cursor="Hand" />

                            </Grid>
                        </Border>
                    </Border>
                    <Border x:Name="FocusVisualTop" CornerRadius="0,0,0,0" BorderBrush="White" Background="Transparent" BorderThickness="1,1,1,0" Margin="-2,2,-2,0" Opacity="0" IsHitTestVisible="false" />
                </Grid>
            </Grid>
        </ControlTemplate>
        <Style x:Key="tabItemStyle" TargetType="sdk:TabItem">
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Padding" Value="6,2,6,2"/>
            <Setter Property="Background" Value="#FF1F3B53" />
            <Setter Property="BorderBrush" Value="#FFA3AEB9" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="MinWidth" Value="5" />
            <Setter Property="MinHeight" Value="5" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
            <Setter Property="MinWidth" Value="5"/>
            <Setter Property="MinHeight" Value="5"/>
            <Setter Property="Template" Value="{StaticResource CustomTabItemTemplate}" />
            <Setter Property="FontFamily" Value="Trebuchet MS"/>
        </Style>
        <Style x:Key="tabStyle"  TargetType="sdk:TabControl">
            <Setter Property="Background" Value="{x:Null}"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Padding" Value="5"/>
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="sdk:TabControl">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30"/>
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <Border Grid.Row="0" Width="Auto" CornerRadius="0,0,0,0" Effect="{StaticResource Drop_shadow_bottom }" BorderThickness="0,0,0,1" BorderBrush="#FF666666" AllowDrop="False">
                                <Primitives:TabPanel HorizontalAlignment="Left" x:Name="TabPanelTop" VerticalAlignment="Center" Canvas.ZIndex="1" Opacity="1"/>
                            </Border>
                            <!--<ContentControl Margin="5,4,5,5" Grid.Row="1" prism:RegionManager.RegionName="ModuleContentRegion"/>-->
                            <Grid Width="Auto" Grid.Row="1" x:Name="ContentGrid">
                                <ContentPresenter Cursor="{TemplateBinding Cursor}" x:Name="ContentTop" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Opacity="1"/>
                                <ContentControl x:Name="TabContentView" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Opacity="1" />
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <!--End sdk:TabControl Style-->

    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <sdk:TabControl  Style="{StaticResource tabStyle}"  Height="224" HorizontalAlignment="Left" Margin="12,64,0,0" Name="tabControl1" VerticalAlignment="Top" Width="634">
            <sdk:TabItem  Style="{StaticResource tabItemStyle}" Header="TabItem1" Name="tabItem1" Background="#FF1F3B53">
                <Grid Width="322">
                    <TextBlock Height="53" HorizontalAlignment="Left" Margin="22,13,0,0" Name="textBlock1" Text="TextBlock" VerticalAlignment="Top" Width="147" />
                </Grid>
            </sdk:TabItem>
            <sdk:TabItem Style="{StaticResource tabItemStyle}" Header="TabItem2" Name="tabItem2">
                <Grid Width="344">
                    <TextBlock Height="53" HorizontalAlignment="Left" Margin="22,13,0,0" Name="textBlock2" Text="TextBlock" VerticalAlignment="Top" Width="147" />
                </Grid>
            </sdk:TabItem>
            <sdk:TabItem IsSelected="True" Style="{StaticResource tabItemStyle}" Header="This is TabItem3" Name="tabItem3">
                <Grid >
                    <TextBlock Height="53" HorizontalAlignment="Left" Margin="22,13,0,0" Name="textBlock3" Text="TextBlock" VerticalAlignment="Top" Width="147" />
                </Grid>
            </sdk:TabItem>
        </sdk:TabControl>

    </Grid>
</UserControl>