WPF :Material Design + dragablz tabItem header style
<p>I am working in WPF with the MaterialDesign Toolkit and Dragablz.
I encountered a problem while trying to style a <code>TabablzControl</code>.
I already have style for the windows default <code>TabControl</code> and <code>TabItem</code> header, as shown in the picture: 
<a href="http://i.imgur.com/2anl5rl.png" rel="nofollow">http://i.imgur.com/2anl5rl.png</a></p>

<p>But when I change the default tabControl to TabablzControl, it turns into this:
<a href="http://i.imgur.com/bhaaMVy.png" rel="nofollow">http://i.imgur.com/bhaaMVy.png</a></p>

<p>Here are the window.resources:</p>

<pre><code>    &lt;Style x:Key="mdTabControl" TargetType="TabControl"&gt;
        &lt;Setter Property="TextElement.Foreground" Value="{DynamicResource MaterialDesignBody}"/&gt;
        &lt;Setter Property="Background" Value="{DynamicResource MaterialDesignPaper}"&gt;&lt;/Setter&gt;
    &lt;/Style&gt;
    &lt;Style x:Key="mdTabHeader" TargetType="{x:Type TabItem}"&gt;
        &lt;Setter Property="Background" Value="{DynamicResource MaterialDesignPaper}"&gt;&lt;/Setter&gt;
        &lt;Setter Property="Foreground" Value="{DynamicResource MaterialDesignBody}"&gt;&lt;/Setter&gt;
        &lt;Setter Property="Template"&gt;
            &lt;Setter.Value&gt;
                &lt;ControlTemplate TargetType="{x:Type TabItem}"&gt;
                    &lt;Grid&gt;
                        &lt;Border Name="Border"  Margin="1,0,1,0" CornerRadius="3 3 0 0"&gt;
                            &lt;ContentPresenter x:Name="ContentSite" VerticalAlignment="Center"
                                              HorizontalAlignment="Center"
                                              ContentSource="Header" Margin="10,2,10,2"
                                              RecognizesAccessKey="True"&gt;
                            &lt;/ContentPresenter&gt;
                        &lt;/Border&gt;
                    &lt;/Grid&gt;
                    &lt;ControlTemplate.Triggers&gt;
                        &lt;Trigger Property="IsSelected" Value="True"&gt;
                            &lt;Setter Property="Panel.ZIndex" Value="100" /&gt;
                            &lt;Setter TargetName="Border" Property="Background" Value="{StaticResource SecondaryAccentBrush}" /&gt;
                            &lt;Setter Property="Foreground" Value="{StaticResource SecondaryAccentForegroundBrush}"/&gt;
                        &lt;/Trigger&gt;
                        &lt;Trigger Property="IsSelected" Value="False"&gt;
                            &lt;Setter Property="Panel.ZIndex" Value="100" /&gt;
                            &lt;Setter TargetName="Border" Property="Background" Value="{StaticResource PrimaryHueMidBrush}" /&gt;
                            &lt;Setter Property="Foreground" Value="{StaticResource PrimaryHueMidForegroundBrush}"/&gt;
                        &lt;/Trigger&gt;
                        &lt;Trigger Property="IsEnabled" Value="False"&gt;
                            &lt;Setter TargetName="Border" Property="Background" Value="{StaticResource PrimaryHueDarkBrush}" /&gt;
                            &lt;Setter Property="Foreground" Value="{StaticResource PrimaryHueDarkForegroundBrush}" /&gt;
                        &lt;/Trigger&gt;
                    &lt;/ControlTemplate.Triggers&gt;
                &lt;/ControlTemplate&gt;
            &lt;/Setter.Value&gt;
        &lt;/Setter&gt;
    &lt;/Style&gt;
</code></pre>

<p>The error appears when I change the <code>mdTabControl</code> style targetType to:
<code>TargetType="dbz:TabablzControl"</code></p>

<p>I want to keep the style I set to the <code>TabControl</code>, but with the added functionality of the <code>TabablzControl</code></p>

<p>Any help will be appreciated</p>