CyberX8/CyberX8_Themes/Styles/Button.xaml

<ResourceDictionary
	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" 
    xmlns:ctrl="http://OpenSEMI.Ctrlib.com/presentation"
	mc:Ignorable="d">

    <Style x:Key="ButtonFocusVisual">
        <Setter Property="Control.Template">
            <Setter.Value>
                <ControlTemplate>
                    <Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Login_Btn" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="{DynamicResource Color_BG_Button}"/>
        <Setter Property="BorderBrush" Value="{DynamicResource Color_BD_Button}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontSize" Value="17"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="Foreground" Value="{DynamicResource Color_FG_Button}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True">
                        <Grid>
                            <Border BorderThickness="1" BorderBrush="{DynamicResource Color_BD_Button_InnerGrow}">
                                <Border.Effect>
                                    <BlurEffect/>
                                </Border.Effect>
                            </Border>
                            <Border x:Name="Highlight" BorderThickness="1" Background="{DynamicResource Color_BG_Button_Highlight}" Opacity="0">
                                <Border.Effect>
                                    <BlurEffect/>
                                </Border.Effect>
                            </Border>
                            <TextBlock Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center">
                                <TextBlock.Effect>
                                    <DropShadowEffect BlurRadius="3" ShadowDepth="2" Color="#FF008A40"/>
                                </TextBlock.Effect>
                            </TextBlock>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Opacity" TargetName="Highlight" Value="0.5"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Opacity" TargetName="Highlight" Value="0.5"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="#ADADAD"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="SysBtnStyle" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <!--<Setter Property="Background" Value="{DynamicResource Color_BG_LoginButton}"/>-->
        <Setter Property="BorderBrush" Value="White"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="Bd" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true" BorderBrush="Silver" Cursor="Hand" Background="#009ad6" CornerRadius="4">
                        <Grid>
                            <Border BorderThickness="1" BorderBrush="{DynamicResource Color_BD_WindowButton_InnerGrow}" >
                                <Border.Effect>
                                    <BlurEffect/>
                                </Border.Effect>
                            </Border>
                            <Border x:Name="Highlight" BorderThickness="1" Background="{DynamicResource Color_BG_WindowButton_Highlight}" Opacity="0">
                                <Border.Effect>
                                    <BlurEffect/>
                                </Border.Effect>
                            </Border>
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Cursor="Hand">
                            </ContentPresenter>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsKeyboardFocused" Value="true"/>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter  Property="Opacity" TargetName="Highlight" Value="1"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter TargetName="Bd" Property="Background" Value="#ADADAD"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter  Property="Foreground" Value="Black" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="SysCloseBtnStyle" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="{DynamicResource Color_BG_LoginButton}"/>
        <Setter Property="BorderBrush" Value="{DynamicResource Color_BD_LoginButton}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="Foreground" Value="{DynamicResource Color_FG_Button_Window}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="Bd" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true" BorderBrush="{DynamicResource Color_BD_WindowButton}" Cursor="Hand" Background="{DynamicResource Color_BG_WindowButton}">
                        <Grid>
                            <Border BorderThickness="1" BorderBrush="{DynamicResource Color_BD_WindowButton_InnerGrow}">
                                <Border.Effect>
                                    <BlurEffect/>
                                </Border.Effect>
                            </Border>
                            <Border x:Name="Highlight" BorderThickness="1" Background="{DynamicResource Color_BG_WindowButton_Highlight}" Opacity="0">
                                <Border.Effect>
                                    <BlurEffect/>
                                </Border.Effect>
                            </Border>
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Cursor="Hand">
                            </ContentPresenter>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsKeyboardFocused" Value="true"/>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Opacity" TargetName="Highlight" Value="1"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="#ADADAD"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <RadialGradientBrush x:Key="highLight">
        <GradientStop Color="#FF64D7FF" Offset="1"></GradientStop>
        <GradientStop Color="White" Offset="0.2"></GradientStop>
    </RadialGradientBrush>

    <SolidColorBrush x:Key="OnOffButton_BD" Color="#FF004900"/>
    <RadialGradientBrush x:Key="OnOffButton_BG">
        <GradientStop Color="#FF003F0F" Offset="0.25"/>
        <GradientStop Color="#FF067421" Offset="1"/>
    </RadialGradientBrush>
    <RadialGradientBrush x:Key="OnOffButton_BG_Highlight">
        <GradientStop Color="#FF89FFA6" Offset="0"/>
        <GradientStop Color="#FF00FF3F" Offset="1"/>
    </RadialGradientBrush>
    <RadialGradientBrush x:Key="OnOffButton_BG_Unable">
        <GradientStop Color="#FF939393" Offset="0"/>
        <GradientStop Color="#FFCACACA" Offset="1"/>
    </RadialGradientBrush>

    <Style x:Key="Lamp-Button" TargetType="{x:Type ctrl:SwitchButton}">
        <Setter Property="Width" Value="16"/>
        <Setter Property="Height" Value="16"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ctrl:SwitchButton}">
                    <Grid>
                        <Ellipse x:Name="BG" Stroke="{DynamicResource OnOffButton_BD}" StrokeThickness="1" Fill="{DynamicResource OnOffButton_BG}"/>
                        <Ellipse x:Name="Highlight" Margin="1" Visibility="Collapsed" Fill="{DynamicResource OnOffButton_BG_Highlight}">
                            <Ellipse.Effect>
                                <BlurEffect Radius="5"/>
                            </Ellipse.Effect>
                        </Ellipse>
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" Content=""/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="ON" Value="True">
                            <Setter Property="Visibility" TargetName="Highlight" Value="Visible"/>
                        </Trigger>
                        <Trigger Property="ON" Value="False">
                            <Setter Property="Visibility" TargetName="Highlight" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="IsDefaulted" Value="True"/>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Fill" TargetName="BG" Value="{DynamicResource OnOffButton_BG_Unable}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="Lamp-Button2" TargetType="{x:Type ctrl:SwitchButton}">
        <Setter Property="Width" Value="16"/>
        <Setter Property="Height" Value="16"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ctrl:SwitchButton}">
                    <Grid>
                        <Ellipse x:Name="BG" Fill="{DynamicResource OnOffButton_BG}"/>
                        <Ellipse x:Name="Highlight" Margin="1" Visibility="Collapsed" Fill="{DynamicResource OnOffButton_BG_Highlight}">
                            <Ellipse.Effect>
                                <BlurEffect Radius="5"/>
                            </Ellipse.Effect>
                        </Ellipse>
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" Content=""/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="ON" Value="True">
                            <Setter Property="Visibility" TargetName="Highlight" Value="Visible"/>
                        </Trigger>
                        <Trigger Property="ON" Value="False">
                            <Setter Property="Visibility" TargetName="Highlight" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="IsDefaulted" Value="True"/>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Fill" TargetName="BG" Value="{DynamicResource OnOffButton_BG_Unable}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <LinearGradientBrush x:Key="OperatioNButton_BG_Outer" EndPoint="0.238,0.239" StartPoint="0.85,0.864">
        <GradientStop Color="#FF3D3D3D" Offset="0"/>
        <GradientStop Color="White" Offset="1"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="OperatioNButton_BD_Outer" Color="#FF545454"/>
    <LinearGradientBrush x:Key="OperatioNButton_BD_Inner" EndPoint="1.141,1.123" StartPoint="0.155,0.138">
        <GradientStop Color="Black" Offset="0"/>
        <GradientStop Color="White" Offset="1"/>
    </LinearGradientBrush>
    <RadialGradientBrush x:Key="OperatioNButton_BG" GradientOrigin="0.234,0.241">
        <GradientStop Color="#FF304E7E" Offset="0"/>
        <GradientStop Color="#FF110A6C" Offset="1"/>
    </RadialGradientBrush>
    <RadialGradientBrush x:Key="OperatioNButton_BG_Highlight" GradientOrigin="0.234,0.241">
        <GradientStop Color="#FFECEAFF" Offset="0"/>
        <GradientStop Color="#FF5B6EDA" Offset="1"/>
    </RadialGradientBrush>
    <LinearGradientBrush x:Key="OperatioNButton_BG_Outer_Unable" EndPoint="0.104,0.195" StartPoint="1.192,1.066">
        <GradientStop Color="Black" Offset="0"/>
        <GradientStop Color="#FFD0D0D0" Offset="1"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="OperatioNButton_BD_Outer_Unable" Color="#FF939393"/>
    <LinearGradientBrush x:Key="OperatioNButton_BD_Inner_Unable" EndPoint="1.141,1.123" StartPoint="0.155,0.138">
        <GradientStop Color="Black" Offset="0"/>
        <GradientStop Color="#FFD0D0D0" Offset="1"/>
    </LinearGradientBrush>
    <RadialGradientBrush x:Key="OperatioNButton_BG_Unable" GradientOrigin="0.234,0.241">
        <GradientStop Color="#FF858585" Offset="0"/>
        <GradientStop Color="#FF4E4E4E" Offset="1"/>
    </RadialGradientBrush>

    <Style x:Key="OperationButton" TargetType="{x:Type ctrl:SwitchButton}">
        <Setter Property="Width" Value="18"/>
        <Setter Property="Height" Value="18"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ctrl:SwitchButton}">
                    <Grid>
                        <Ellipse x:Name="BG" Fill="{DynamicResource OperatioNButton_BG_Outer}" Stroke="{DynamicResource OperatioNButton_BD_Outer}" StrokeThickness="0.5"/>
                        <Ellipse x:Name="Inner_BG" Margin="2" Fill="{DynamicResource OperatioNButton_BD_Inner}"/>
                        <Ellipse x:Name="Close" Margin="3" Cursor="Hand" Fill="{DynamicResource OperatioNButton_BG}" />
                        <Ellipse x:Name="Open" Margin="3" Cursor="Hand" Visibility="Collapsed" Fill="{DynamicResource OperatioNButton_BG_Highlight}" >
                            <Ellipse.Effect>
                                <DropShadowEffect ShadowDepth="0" Color="White" BlurRadius="3"/>
                            </Ellipse.Effect>
                        </Ellipse>
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" Content=""/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="ON" Value="True">
                            <Setter Property="Visibility" TargetName="Open" Value="Visible"/>
                        </Trigger>
                        <Trigger Property="ON" Value="False">
                            <Setter Property="Visibility" TargetName="Open" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="IsDefaulted" Value="True"/>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Fill" TargetName="BG" Value="{DynamicResource OperatioNButton_BG_Outer_Unable}"/>
                            <Setter Property="Stroke" TargetName="BG" Value="{DynamicResource OperatioNButton_BD_Outer_Unable}"/>
                            <Setter Property="Fill" TargetName="Inner_BG" Value="{DynamicResource OperatioNButton_BD_Inner_Unable}"/>
                            <Setter Property="Fill" TargetName="Close" Value="{DynamicResource OperatioNButton_BG_Unable}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <!-- Normal Button style -->

    <SolidColorBrush x:Key="Button_BG" Color="#FF376091"/>
    <SolidColorBrush x:Key="Button_BD" Color="#FF84B1E5"/>
    <SolidColorBrush x:Key="Button_BD_Shadow" Color="#FF004170"/>
    <SolidColorBrush x:Key="Button_BD_Shadow_Unable" Color="#FF6C6C6C"/>
    <SolidColorBrush x:Key="Button_InnerBG" Color="#FF217BBC"/>
    <SolidColorBrush x:Key="Button_BG_MouseOver" Color="#FF6394D0"/>
    <LinearGradientBrush x:Key="Button_InnerBG_MouseOver" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFD1E7ED" Offset="0"/>
        <GradientStop Color="#FF43BFE9" Offset="1"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Button_BG_Press" Color="#FFD8E7F5"/>
    <LinearGradientBrush x:Key="Button_InnerBG_Press" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFD8E7F5" Offset="0"/>
        <GradientStop Color="#FFA3C7E9" Offset="1"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Button_BG_Unable" Color="#FFD2D2D2"/>
    <SolidColorBrush x:Key="Button_BD_Unable" Color="#FFE5E5E5"/>
    <LinearGradientBrush x:Key="Button_InnerBG_Unable" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFD2D2D2" Offset="0"/>
        <GradientStop Color="#FFB2B2B2" Offset="1"/>
    </LinearGradientBrush>

    <Style TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="#2570a1"/>
        <Setter Property="BorderBrush" Value="{DynamicResource Button_BD}"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontSize" Value="13"/>
        <Setter Property="Foreground" Value="{DynamicResource FG_White}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <!--<Setter Property="Border.CornerRadius" Value="15"/>-->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="BG" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" CornerRadius="{TemplateBinding Border.CornerRadius}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" Cursor="Hand">
                        <Border x:Name="InnerBD" BorderBrush="White" BorderThickness="1">
                            <ContentPresenter x:Name="contentpresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Cursor="Hand">
                            </ContentPresenter>
                        </Border>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Button_BG_MouseOver}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Button_BG_Press}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Button_BG_Unable}"/>
                            <Setter TargetName="BG" Property="BorderBrush" Value="{DynamicResource Button_BD_Unable}"/>
                            <Setter TargetName="InnerBD" Property="BorderBrush" Value="{DynamicResource Button_BD_Shadow_Unable}"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="OverviewRadioButton" TargetType="{x:Type RadioButton}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="{DynamicResource Button_BG}"/>
        <Setter Property="BorderBrush" Value="{DynamicResource Button_BD}"/>
        <Setter Property="BorderThickness" Value="2,2,0,0"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontSize" Value="13"/>
        <Setter Property="Foreground" Value="{DynamicResource FG_White}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="Border.CornerRadius" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RadioButton}">
                    <Grid Width="{TemplateBinding Width}" Cursor="Hand">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition  Width="15"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Ellipse x:Name="radioImage" Fill="White" Stroke="{TemplateBinding Background}" Width="15" Height="15" HorizontalAlignment="Center" VerticalAlignment="Center" />
                        <Border Grid.Column="1" x:Name="BG" Margin="2,0,0,0" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                CornerRadius="{TemplateBinding Border.CornerRadius}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" >
                            <Border x:Name="InnerBD" BorderBrush="{DynamicResource Button_BD_Shadow}" CornerRadius="5" BorderThickness="0,0,2,2">
                                <ContentPresenter x:Name="contentpresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" 
                                                  RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                            </Border>
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="true">
                            <Setter TargetName="radioImage" Property="Fill" Value="{DynamicResource Button_BG}"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Button_BG_MouseOver}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Button_BG_Press}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Button_BG_Unable}"/>
                            <Setter TargetName="BG" Property="BorderBrush" Value="{DynamicResource Button_BD_Unable}"/>
                            <Setter TargetName="InnerBD" Property="BorderBrush" Value="{DynamicResource Button_BD_Shadow_Unable}"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Logout Button -->
    
    <LinearGradientBrush x:Key="LogoutBtn_InnerBG_MouseOver" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FF75D5ED" Offset="0"/>
        <GradientStop Color="#FF03B5E2" Offset="1"/>
        <GradientStop Color="#FF45C8E9" Offset="0.49"/>
        <GradientStop Color="#FF00A0C8" Offset="0.5"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="LogoutBtn_BG_MouseOver" Color="#FF005C8D"/>
    <SolidColorBrush x:Key="LogoutBtn_BD" Color="#FF9FBADE"/>
    <LinearGradientBrush x:Key="LogoutBtn_InnerBG_Press" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFBCE5EF" Offset="0"/>
        <GradientStop Color="#FF02C5F5" Offset="1"/>
        <GradientStop Color="#FF73D5ED" Offset="0.49"/>
        <GradientStop Color="#FF02C5F5" Offset="0.5"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="LogoutBtn_BG_Press" Color="#FF02A6D0"/>
    <LinearGradientBrush x:Key="LogoutBtn_InnerBG" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FF7EA5CD" Offset="0"/>
        <GradientStop Color="#FF305F9D" Offset="1"/>
        <GradientStop Color="#FF4D83B8" Offset="0.495"/>
        <GradientStop Color="#FF27549D" Offset="0.5"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="LogoutBtn_BG" Color="#FF2C4566"/>
    <SolidColorBrush x:Key="LogoutBtn_Shadow" Color="#FF0C1F39"/>

    <Style x:Key="Logout_Button" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="{StaticResource LogoutBtn_BG}"/>
        <Setter Property="BorderBrush" Value="{StaticResource LogoutBtn_BD}"/>
        <Setter Property="BorderThickness" Value="2,2,0,0"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="FontSize" Value="18"/>
        <Setter Property="Foreground" Value="{DynamicResource FG_Black}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="Border.CornerRadius" Value="4"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="BG" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" CornerRadius="{TemplateBinding Border.CornerRadius}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" Cursor="Hand">
                        <Border x:Name="InnerBG" BorderBrush="{StaticResource LogoutBtn_Shadow}" BorderThickness="0,0,2,2" CornerRadius="{TemplateBinding Border.CornerRadius}">
                            <Grid>
                                <Rectangle x:Name="Inner_BG" Margin="3" RadiusX="1" RadiusY="1" Fill="{DynamicResource LogoutBtn_InnerBG}">
                                    <Rectangle.Effect>
                                        <BlurEffect Radius="8"/>
                                    </Rectangle.Effect>
                                </Rectangle>
                                <Rectangle x:Name="Highlight" Fill="White" Height="5" Margin="10,3,10,0" RadiusY="4" RadiusX="4" VerticalAlignment="Top" Opacity="0.8">
                                    <Rectangle.Effect>
                                        <BlurEffect Radius="3"/>
                                    </Rectangle.Effect>
                                </Rectangle>
                                <ContentPresenter x:Name="contentpresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Cursor="Hand">
                                    <ContentPresenter.Effect>
                                        <DropShadowEffect BlurRadius="0" Color="White" ShadowDepth="1" Direction="135"/>
                                    </ContentPresenter.Effect>
                                </ContentPresenter>
                            </Grid>
                        </Border>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{StaticResource LogoutBtn_BG_MouseOver}"/>
                            <Setter TargetName="Inner_BG" Property="Fill" Value="{StaticResource LogoutBtn_InnerBG_MouseOver}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{StaticResource LogoutBtn_BG_Press}"/>
                            <Setter TargetName="Inner_BG" Property="Fill" Value="{StaticResource LogoutBtn_InnerBG_Press}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="BG" Property="Background" Value="{StaticResource Button_BG_Unable}"/>
                            <Setter TargetName="BG" Property="BorderBrush" Value="{StaticResource Button_BD_Unable}"/>
                            <Setter TargetName="InnerBG" Property="BorderBrush" Value="{StaticResource Button_BD_Unable}"/>
                            <Setter TargetName="Inner_BG" Property="Fill" Value="{StaticResource Button_InnerBG_Unable}"/>
                            <Setter Property="Opacity" TargetName="Highlight" Value="0"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                            <Setter Property="Effect" TargetName="contentpresenter">
                                <Setter.Value>
                                    <DropShadowEffect BlurRadius="0" Color="White" Direction="135" Opacity="0" ShadowDepth="1"/>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Login Button -->

    <SolidColorBrush x:Key="Login_Btn_BD_Highlight" Color="#FF84ADEB"/>
    <SolidColorBrush x:Key="Login_Btn_BD_Shadow" Color="#FF1E385B"/>
    <SolidColorBrush x:Key="Login_Btn_BG" Color="#FF005895"/>
    <SolidColorBrush x:Key="Login_Btn_BD_MouseOver_Highlight" Color="#FFA1E7FF"/>
    <SolidColorBrush x:Key="Login_Btn_BG_MouseOver" Color="DeepSkyBlue"/>
    <SolidColorBrush x:Key="Login_Btn_BD_MouseOver_Shadow" Color="#FF005B7A"/>
    <SolidColorBrush x:Key="Login_Btn_BG_Press" Color="#FF85E0FF"/>

    <Style x:Key="Login_Button" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontSize" Value="24"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="Foreground" Value="{DynamicResource FG_White}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="Border.CornerRadius" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="BG" BorderThickness="2,2,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" CornerRadius="{TemplateBinding Border.CornerRadius}" BorderBrush="{StaticResource Login_Btn_BD_Highlight}" Background="{StaticResource Login_Btn_BG}" Cursor="Hand">
                        <Border x:Name="Inner_BD" BorderThickness="0,0,2,2" CornerRadius="{TemplateBinding Border.CornerRadius}" BorderBrush="{StaticResource Login_Btn_BD_Shadow}">
                            <ContentPresenter x:Name="contentpresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Cursor="Hand">
                                <ContentPresenter.Effect>
                                    <DropShadowEffect BlurRadius="0" ShadowDepth="1.5" Direction="315"/>
                                </ContentPresenter.Effect>
                            </ContentPresenter>
                        </Border>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{StaticResource Login_Btn_BG_MouseOver}"/>
                            <Setter TargetName="BG" Property="BorderBrush" Value="{StaticResource Login_Btn_BD_MouseOver_Highlight}"/>
                            <Setter TargetName="Inner_BD" Property="BorderBrush" Value="{StaticResource Login_Btn_BD_MouseOver_Shadow}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="BG" Property="Background" Value="{StaticResource Login_Btn_BG_Press}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="BG" Property="Background" Value="{StaticResource Button_BG_Unable}"/>
                            <Setter TargetName="BG" Property="BorderBrush" Value="{StaticResource Button_BD_Unable}"/>
                            <Setter TargetName="Inner_BD" Property="BorderBrush" Value="{StaticResource Button_BD_Shadow_Unable}"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                            <Setter Property="Effect" TargetName="contentpresenter">
                                <Setter.Value>
                                    <DropShadowEffect BlurRadius="0" Color="White" Direction="315" Opacity="0" ShadowDepth="1"/>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>