<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="{x:Type CheckBox}" x:Key="CheckBoxStyle">
        <Setter Property="Margin" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type CheckBox}">
                    <StackPanel SnapsToDevicePixels="true" Margin="0" Orientation="Horizontal">
                        <Image x:Name="img" Height="16" Width="16" Stretch="Fill"
                               Source="/PipeGallery;component/Image/uncheck.png" />
                        <TextBlock Margin="8,0,0,0" VerticalAlignment="Center" x:Name="txt"
                                   Text="{TemplateBinding Content}" FontSize="16"
                                   Foreground="{TemplateBinding Foreground}" />
                    </StackPanel>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter Property="Source" TargetName="img" Value="/PipeGallery;component/Image/checked.png" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type CheckBox}" x:Key="ChkMuteStyle">
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="Height" Value="100" />
        <Setter Property="Width" Value="80" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Foreground" Value="#989898" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type CheckBox}">
                    <Grid>
                        <Grid Width="80" Height="100">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="4*" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <Border x:Name="bdr" Grid.Row="0" Width="63" Height="63">
                                <Border.Background>
                                    <ImageBrush ImageSource="/PipeGallery;component/Image/btn_icon2.png" />
                                </Border.Background>
                                <Grid>
                                    <Border x:Name="bdrMute" Width="29" Height="26">
                                        <Border.Background>
                                            <ImageBrush ImageSource="/PipeGallery;component/Image/t_icon3.png" />
                                        </Border.Background>
                                    </Border>
                                    <Border x:Name="bdrUnMute" Width="29" Height="26">
                                        <Border.Background>
                                            <ImageBrush ImageSource="/PipeGallery;component/Image/t_icon6.png" />
                                        </Border.Background>
                                    </Border>
                                </Grid>
                            </Border>
                            <TextBlock Text="{TemplateBinding Content}" FontSize="{TemplateBinding FontSize}"
                                       Foreground="{TemplateBinding Foreground}"
                                       Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter Property="Visibility" TargetName="bdrMute" Value="Visible" />
                            <Setter Property="Visibility" TargetName="bdrUnMute" Value="Collapsed" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="False">
                            <Setter Property="Visibility" TargetName="bdrMute" Value="Collapsed" />
                            <Setter Property="Visibility" TargetName="bdrUnMute" Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter TargetName="bdr" Property="Background">
                                <Setter.Value>
                                    <ImageBrush ImageSource="/PipeGallery;component/Image/btn_icon02.png" />
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="Tag" Value="1">
                            <Setter TargetName="bdr" Property="Background">
                                <Setter.Value>
                                    <ImageBrush ImageSource="/PipeGallery;component/Image/btn_icon1.png" />
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>