Click here to Skip to main content
15,885,757 members
Articles / Desktop Programming / XAML

Build Your Own DataGrid for Silverlight: Step 3

Rate me:
Please Sign up or sign in to vote.
4.07/5 (6 votes)
4 Jun 2009CPOL43 min read 45.5K   2.5K   17  
Add headers to your data grid.
<!--     
    Copyright 2008-2009 NETiKA TECH.
 
    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
    EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
    MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
    NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
    LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
    OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
    WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
    -->
<ResourceDictionary 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:g="clr-namespace:Netika.Windows.Controls;assembly=GoaEssentials"
        xmlns:o="clr-namespace:Open.Windows.Controls;assembly=GoaOpen"
        xmlns:e="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
        xmlns:eprimitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls"
        xmlns:d="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
        xmlns:dPrimitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls.Data"
        xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows">


    <!--===========================================================================================================-->
    <!--===========================================================================================================-->
    <!--============================= STANDARD SILVERLIGHT CONTROLS ===============================================-->
    <!--===========================================================================================================-->
    <!--===========================================================================================================-->

    <!-- SL Button Style -->
    <!-- =============== -->
    <Style x:Key="ButtonStyle" TargetType="o:HandyButton">
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#F2FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#CCFFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#7FFFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#FF6DBDD1"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#D8FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#C6FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#8CFFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#3FFFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border x:Name="Background" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                <Border Opacity="0"  x:Name="BackgroundAnimation" Background="#FF448DCA" />
                                <Rectangle x:Name="BackgroundGradient" >
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Border>
                        <ContentPresenter
                                x:Name="contentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                Margin="{TemplateBinding Padding}"/>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="3" RadiusY="3" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                        <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL Button Style -->
    <!-- =================== -->

    <!-- SL CheckBox Style -->
    <!-- ================= -->
    <Style x:Key="CheckBoxStyle" TargetType="o:HandyCheckBox">
        <Setter Property="Background" Value="#FF448DCA"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Padding" Value="4,1,0,0"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCheckBox">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="0.55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="CheckStates">
                                <vsm:VisualState x:Name="Checked">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unchecked"/>
                                <vsm:VisualState x:Name="Indeterminate">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="IndeterminateIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentFocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused" />
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid HorizontalAlignment="Left" VerticalAlignment="Top">
                            <Rectangle x:Name="Background" Width="14" Height="14" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFFFFFFF" Margin="1"/>
                            <Rectangle x:Name="BackgroundOverlay" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                            <Rectangle x:Name="BoxMiddleBackground" Width="10" Height="10" RadiusX="1" RadiusY="1" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>
                            <Rectangle x:Name="BoxMiddle" Width="10" Height="10" RadiusX="1" RadiusY="1" StrokeThickness="1" >
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                                <Rectangle.Fill>
                                    <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                        <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                        <GradientStop Color="#EAFFFFFF" Offset="0.603" />
                                        <GradientStop Color="#D8FFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Rectangle x:Name="BoxMiddleLine" Width="10" Height="10" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" Opacity=".2"/>
                            <Path x:Name="CheckIcon" Margin="1,1,0,1.5" Fill="#FF333333" Stretch="Fill" Opacity="0" Width="10.5" Height="10" Data="M102.03442,598.79645 L105.22962,597.78918 L106.78825,600.42358 C106.78825,600.42358 108.51028,595.74304 110.21724,593.60419 C112.00967,591.35822 114.89314,591.42316 114.89314,591.42316 C114.89314,591.42316 112.67844,593.42645 111.93174,594.44464 C110.7449,596.06293 107.15683,604.13837 107.15683,604.13837 z"/>
                            <Rectangle x:Name="IndeterminateIcon" Height="2" Fill="#FF333333" Opacity="0" Width="6"/>
                            <Rectangle x:Name="DisabledVisualElement" RadiusX="1" RadiusY="1" Width="14" Height="14" Opacity="0" Fill="#FFFFFFFF"/>
                            <Rectangle x:Name="ContentFocusVisualElement" RadiusX="2" RadiusY="2" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" Width="16" Height="16" />
                        </Grid>
                        <ContentPresenter
                                Grid.Column="1"
                                x:Name="contentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Margin="{TemplateBinding Padding}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL CheckBox Style -->
    <!-- ===================== -->

    <!-- SL RadioButton Style -->
    <!-- ==================== -->
    <Style x:Key="RadioButtonStyle" TargetType="RadioButton">
        <Setter Property="Background" Value="#FF448DCA"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Padding" Value="4,1,0,0"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="RadioButton">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#FF6DBDD1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="0.55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="CheckStates">
                                <vsm:VisualState x:Name="Checked">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unchecked"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentFocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused" />
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid HorizontalAlignment="Left" VerticalAlignment="Top">
                            <Ellipse x:Name="Background" Width="14" Height="14" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFFFFFFF" Margin="1"/>
                            <Ellipse x:Name="BackgroundOverlay" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                            <Ellipse x:Name="BoxMiddleBackground" Width="10" Height="10" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>
                            <Ellipse x:Name="BoxMiddle" Width="10" Height="10" StrokeThickness="1" >
                                <Ellipse.Stroke>
                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    </LinearGradientBrush>
                                </Ellipse.Stroke>
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                        <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                        <GradientStop Color="#EAFFFFFF" Offset="0.603" />
                                        <GradientStop Color="#D8FFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Ellipse x:Name="BoxMiddleLine" Width="10" Height="10" Stroke="#FF333333" StrokeThickness="1" Opacity=".2"/>
                            <Ellipse x:Name="CheckIcon" Fill="#FF333333" Width="4" Height="4" Opacity="0"/>
                            <Ellipse x:Name="DisabledVisualElement" Width="14" Height="14" Opacity="0" Fill="#FFFFFFFF"/>
                            <Ellipse x:Name="ContentFocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" Width="16" Height="16" />
                        </Grid>
                        <ContentPresenter
                                Grid.Column="1"
                                x:Name="contentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Margin="{TemplateBinding Padding}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL RadioButton Style -->
    <!-- ================ -->

    <!-- SL Scrollbar styles-->
    <!-- =================== -->
    <!-- Because of a bug in SL (the HorizontalRoot Gird is not hidden when the scrollbar is vertical), we have splitted the scrollbar style in two:
        Vertical style and horizontal style. Without this change, the size of the scrollbar is not always what is expected -->
    <Style x:Key="StandardScrollBarStyle" TargetType="ScrollBar">
        <!-- Any other properties you want to set -->
        <Setter Property="MinWidth" Value="17"/>
        <Setter Property="MinHeight" Value="17"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ScrollBar">
                    <Grid x:Name="Root">
                        <Grid.Resources>

                            <!-- RepeatButton Templates -->
                            <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                </Grid>
                            </ControlTemplate>

                            <!-- Horizontal Inc/Dec Templates -->
                            <ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundAnimation" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="8" Width="4" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>

                            <ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="8" Width="4" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>

                            <!-- Vertical Inc/Dec Templates -->
                            <ControlTemplate x:Key="VerticalIncrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint="0,.7" EndPoint="1,.7">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="4" Width="8" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>
                            <ControlTemplate x:Key="VerticalDecrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint="0,.7" EndPoint="1,.7">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="4" Width="8" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>

                            <!-- Thumb Templates -->
                            <ControlTemplate x:Key="VerticalThumbTemplate" TargetType="Thumb">
                                <Grid>
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity" To="0" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Grid x:Name="ThumbVisual" Margin="1,0,1,0">
                                        <Rectangle x:Name="Background" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                    <GradientStop Color="#FF818F99" Offset="1"/>
                                                    <GradientStop Color="#FFC2C9CE" Offset="0"/>
                                                    <GradientStop Color="#FFB3BBC1" Offset="0.35"/>
                                                    <GradientStop Color="#FF96A4B1" Offset="0.35"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                        </Rectangle>
                                        <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                        <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                        <Rectangle x:Name="BackgroundGradient" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint="0,.7" EndPoint="1,.7">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.6" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Rectangle x:Name="Highlight" RadiusX="1" RadiusY="1" Opacity="0" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
                                    </Grid>
                                </Grid>
                            </ControlTemplate>
                            <ControlTemplate x:Key="HorizontalThumbTemplate" TargetType="Thumb">
                                <Grid>
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity" To="0" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Grid x:Name="ThumbVisual" Margin="0,1,0,1">
                                        <Rectangle x:Name="Background" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                    <GradientStop Color="#FF818F99" Offset="1"/>
                                                    <GradientStop Color="#FFC2C9CE" Offset="0"/>
                                                    <GradientStop Color="#FFB3BBC1" Offset="0.35"/>
                                                    <GradientStop Color="#FF96A4B1" Offset="0.35"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                        </Rectangle>
                                        <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                        <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                        <Rectangle x:Name="BackgroundGradient" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Rectangle x:Name="Highlight" RadiusX="1" RadiusY="1" Opacity="0" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="1" />
                                    </Grid>
                                </Grid>
                            </ControlTemplate>
                        </Grid.Resources>

                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0.5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- Horizontal Template -->
                        <Grid x:Name="HorizontalRoot">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <!-- Track Layer -->
                            <Rectangle Grid.ColumnSpan="5" RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#00000000">
                                <Rectangle.Fill>
                                    <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">
                                        <GradientStop Color="#FFF4F6F7" Offset="0"/>
                                        <GradientStop Color="#FFF0F4F7" Offset="0.344"/>
                                        <GradientStop Color="#FFDFE3E6" Offset="1"/>
                                        <GradientStop Color="#FFE9EEF4" Offset="0.527"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Rectangle Grid.ColumnSpan="5" RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#00000000" Fill="{TemplateBinding Background}"/>
                            <Rectangle Grid.ColumnSpan="5" RadiusX="1" RadiusY="1" StrokeThickness="1" Opacity=".375">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                                        <GradientStop Color="#FF718597" Offset="0.375"/>
                                        <GradientStop Color="#FF617584" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>
                            <Rectangle Grid.ColumnSpan="5" RadiusX="1" RadiusY="1" Margin="1">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.5,.125" StartPoint=".5,.875">
                                        <GradientStop Color="#33FFFFFF"/>
                                        <GradientStop Color="#99FFFFFF" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>

                            <!-- Repeat Buttons + Thumb -->
                            <RepeatButton x:Name="HorizontalSmallDecrease" Grid.Column="0" Width="16" IsTabStop="False" Interval="50" Template="{StaticResource HorizontalDecrementTemplate}" Margin="1" />
                            <RepeatButton x:Name="HorizontalLargeDecrease" Grid.Column="1" Width="0" Template="{StaticResource RepeatButtonTemplate}" Interval="50" IsTabStop="False" />
                            <Thumb x:Name="HorizontalThumb" Background="{TemplateBinding Background}"  MinWidth="18" Width="18" Grid.Column="2" Template="{StaticResource HorizontalThumbTemplate}" />
                            <RepeatButton x:Name="HorizontalLargeIncrease" Grid.Column="3" Template="{StaticResource RepeatButtonTemplate}" Interval="50" IsTabStop="False" />
                            <RepeatButton x:Name="HorizontalSmallIncrease" Grid.Column="4" Width="16" IsTabStop="False" Interval="50" Template="{StaticResource HorizontalIncrementTemplate}" Margin="1" />
                        </Grid>

                        <!-- Vertical Template -->
                        <Grid x:Name="VerticalRoot" Visibility="Collapsed">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Track Layer -->
                            <Rectangle Grid.RowSpan="5" RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#00000000">
                                <Rectangle.Fill>
                                    <LinearGradientBrush StartPoint="1,0.5" EndPoint="0,0.5">
                                        <GradientStop Color="#FFF4F6F7" Offset="0"/>
                                        <GradientStop Color="#FFF0F4F7" Offset="0.344"/>
                                        <GradientStop Color="#FFDFE3E6" Offset="1"/>
                                        <GradientStop Color="#FFE9EEF4" Offset="0.527"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Rectangle Grid.RowSpan="5" RadiusX="1" RadiusY="1" StrokeThickness="1" Opacity=".375">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                                        <GradientStop Color="#FF718597" Offset="0.375"/>
                                        <GradientStop Color="#FF617584" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>
                            <Rectangle Grid.RowSpan="5" RadiusX="1" RadiusY="1" Margin="1">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.125,0.5" StartPoint="0.875,0.5">
                                        <GradientStop Color="#33FFFFFF"/>
                                        <GradientStop Color="#99FFFFFF" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>

                            <!-- Repeat Buttons + Thumb -->
                            <RepeatButton x:Name="VerticalSmallDecrease" Grid.Row="0" Height="16" IsTabStop="False" Interval="50" Template="{StaticResource VerticalDecrementTemplate}" Margin="1" />
                            <RepeatButton x:Name="VerticalLargeDecrease" Grid.Row="1" Height="0" Template="{StaticResource RepeatButtonTemplate}" Interval="50" IsTabStop="False" />
                            <Thumb x:Name="VerticalThumb" MinHeight="18" Height="18" Grid.Row="2" Template="{StaticResource VerticalThumbTemplate}" />
                            <RepeatButton x:Name="VerticalLargeIncrease" Grid.Row="3" Template="{StaticResource RepeatButtonTemplate}" Interval="50" IsTabStop="False" />
                            <RepeatButton x:Name="VerticalSmallIncrease" Grid.Row="4" Height="16" IsTabStop="False" Interval="50" Template="{StaticResource VerticalIncrementTemplate}" Margin="1" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="SmallVerticalScrollBarStyle" TargetType="ScrollBar">
        <!-- Any other properties you want to set -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ScrollBar">
                    <Grid x:Name="Root">
                        <!-- States -->
                        <Grid.Resources>
                            <!-- RepeatButton Templates -->
                            <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                </Grid>
                            </ControlTemplate>

                            <ControlTemplate x:Key="VerticalIncrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                                                <vsm:VisualTransition To="Pressed" GeneratedDuration="0:0:0.1" />
                                            </vsm:VisualStateGroup.Transitions>
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                        <vsm:VisualStateGroup x:Name="FocusStates"/>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundAnimation" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF45D6FA" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="4" Width="8" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>

                            <ControlTemplate x:Key="VerticalDecrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                                                <vsm:VisualTransition To="Pressed" GeneratedDuration="0:0:0.1" />
                                            </vsm:VisualStateGroup.Transitions>
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                        <vsm:VisualStateGroup x:Name="FocusStates"/>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF45D6FA" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="4" Width="8" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>
                        </Grid.Resources>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0.5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- Vertical Template -->
                        <Grid x:Name="VerticalRoot" Visibility="Collapsed">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Track Layer -->
                            <Rectangle Grid.RowSpan="2" RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#00000000">
                                <Rectangle.Fill>
                                    <LinearGradientBrush StartPoint="1,0.5" EndPoint="0,0.5">
                                        <GradientStop Color="#FFF4F6F7" Offset="0"/>
                                        <GradientStop Color="#FFF0F4F7" Offset="0.344"/>
                                        <GradientStop Color="#FFDFE3E6" Offset="1"/>
                                        <GradientStop Color="#FFE9EEF4" Offset="0.527"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Rectangle Grid.RowSpan="2" RadiusX="1" RadiusY="1" StrokeThickness="1" Opacity=".375">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                                        <GradientStop Color="#FF718597" Offset="0.375"/>
                                        <GradientStop Color="#FF617584" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>
                            <Rectangle Grid.RowSpan="2" RadiusX="1" RadiusY="1" Margin="1">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.125,0.5" StartPoint="0.875,0.5">
                                        <GradientStop Color="#33FFFFFF"/>
                                        <GradientStop Color="#99FFFFFF" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>

                            <RepeatButton x:Name="VerticalSmallDecrease" IsTabStop="False" Height="16" Interval="50" Template="{StaticResource VerticalDecrementTemplate}" />
                            <RepeatButton x:Name="VerticalSmallIncrease" Grid.Row="1" IsTabStop="False" Height="16" Interval="50" Template="{StaticResource VerticalIncrementTemplate}" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="SmallHorizontalScrollBarStyle" TargetType="ScrollBar">
        <!-- Any other properties you want to set -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ScrollBar">
                    <Grid x:Name="Root">
                        <!-- States -->
                        <Grid.Resources>
                            <!-- RepeatButton Templates -->
                            <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                </Grid>
                            </ControlTemplate>

                            <ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                                                <vsm:VisualTransition To="Pressed" GeneratedDuration="0:0:0.1" />
                                            </vsm:VisualStateGroup.Transitions>
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>

                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>

                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>

                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                        <vsm:VisualStateGroup x:Name="FocusStates">
                                            <vsm:VisualState x:Name="Focused"/>
                                            <vsm:VisualState x:Name="NotFocused"/>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint="0,.7" EndPoint="1,.7">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF45D6FA" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="8" Width="4" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>

                            <ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">
                                <Grid x:Name="Root" Background="Transparent">
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                                                <vsm:VisualTransition To="Pressed" GeneratedDuration="0:0:0.1" />
                                            </vsm:VisualStateGroup.Transitions>
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#7FFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#CCFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#F2FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                                                    <DoubleAnimation Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                                    <ColorAnimation Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                        <vsm:VisualStateGroup x:Name="FocusStates">
                                            <vsm:VisualState x:Name="Focused"/>
                                            <vsm:VisualState x:Name="NotFocused"/>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Rectangle x:Name="Background" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF1F3B53" StrokeThickness="1">
                                        <Rectangle.Stroke>
                                            <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                <GradientStop Color="#FF647480" Offset="1"/>
                                                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Stroke>
                                    </Rectangle>
                                    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundPressed" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FF448DCA" StrokeThickness="1" Stroke="#00000000"/>
                                    <Rectangle x:Name="BackgroundGradient" Opacity="0" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#FFFFFFFF">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint="0,.7" EndPoint="1,.7">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.603" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="Highlight" Opacity="0" RadiusX="1" RadiusY="1" IsHitTestVisible="false" Stroke="#FF45D6FA" StrokeThickness="1" Margin="1" />
                                    <Path Stretch="Uniform" Height="8" Width="4" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="ButtonColor" Color="#FF333333" />
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="DisabledElement" Opacity="0" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF"/>
                                </Grid>
                            </ControlTemplate>
                        </Grid.Resources>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0.5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- Horizontal Template -->
                        <Grid x:Name="HorizontalRoot" >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <!-- Track Layer -->
                            <Rectangle Grid.ColumnSpan="2" RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#00000000">
                                <Rectangle.Fill>
                                    <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">
                                        <GradientStop Color="#FFF4F6F7" Offset="0"/>
                                        <GradientStop Color="#FFF0F4F7" Offset="0.344"/>
                                        <GradientStop Color="#FFDFE3E6" Offset="1"/>
                                        <GradientStop Color="#FFE9EEF4" Offset="0.527"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Rectangle Grid.ColumnSpan="2" RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#00000000" Fill="{TemplateBinding Background}"/>
                            <Rectangle Grid.ColumnSpan="2" RadiusX="1" RadiusY="1" StrokeThickness="1" Opacity=".375">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                                        <GradientStop Color="#FF718597" Offset="0.375"/>
                                        <GradientStop Color="#FF617584" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>
                            <Rectangle Grid.ColumnSpan="2" RadiusX="1" RadiusY="1" Margin="1">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush EndPoint="0.5,.125" StartPoint=".5,.875">
                                        <GradientStop Color="#33FFFFFF"/>
                                        <GradientStop Color="#99FFFFFF" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                            </Rectangle>

                            <RepeatButton x:Name="HorizontalSmallDecrease" Width="16" IsTabStop="False" Interval="50" Template="{StaticResource HorizontalDecrementTemplate}" />

                            <RepeatButton x:Name="HorizontalSmallIncrease" Width="16" Grid.Column="1" IsTabStop="False" Interval="50" Template="{StaticResource HorizontalIncrementTemplate}" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- ==================== -->
    <!-- EOF SL Scrollbar styles-->
    <!-- SL ScrollViewer -->
    <!-- ========== -->
    <Style x:Key="ScrollViewerStyle" TargetType="ScrollViewer">
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="VerticalScrollBarVisibility" Value="Visible" />
        <Setter Property="Padding" Value="4"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ScrollViewer">
                    <Border CornerRadius="2" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid Background="{TemplateBinding Background}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>

                            <ScrollContentPresenter x:Name="ScrollContentPresenter"
                                                    Cursor="{TemplateBinding Cursor}"
                                                    Margin="{TemplateBinding Padding}"
                                                    ContentTemplate="{TemplateBinding ContentTemplate}"/>

                            <Rectangle Grid.Column="1" Grid.Row="1" Fill="#FFE9EEF4"/>

                            <ScrollBar x:Name="VerticalScrollBar" Width="18"
                                       IsTabStop="False"
                                       Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                       Grid.Column="1" Grid.Row="0" Orientation="Vertical"
                                       ViewportSize="{TemplateBinding ViewportHeight}"
                                       Maximum="{TemplateBinding ScrollableHeight}"
                                       Minimum="0"
                                       Value="{TemplateBinding VerticalOffset}"
                                       Margin="0,-1,-1,-1"/>

                            <ScrollBar x:Name="HorizontalScrollBar" Height="18"
                                       IsTabStop="False"
                                       Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                                       Grid.Column="0" Grid.Row="1" Orientation="Horizontal"
                                       ViewportSize="{TemplateBinding ViewportWidth}"
                                       Maximum="{TemplateBinding ScrollableWidth}"
                                       Minimum="0"
                                       Value="{TemplateBinding HorizontalOffset}"
                                       Margin="0,-1,-1,-1"/>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL ScrollViewer Style -->
    <!-- ========================= -->

    <!-- SL TextBox Style -->
    <!-- ================== -->
    <Style x:Key="TextBoxStyle" TargetType="o:HandyTextBox">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Background" Value="#FFFFFFFF" />
        <Setter Property="Foreground" Value="#FF000000" />
        <Setter Property="Padding" Value="2" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TextBox">
                    <Grid x:Name="RootElement">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="MouseOverBorder" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="#FF99C1E2" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" To="1" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="ReadOnly" >
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ReadOnlyVisualElement" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="0" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid>
                                <Border x:Name="ReadOnlyVisualElement" Background="#72F7F7F7" Opacity="0" />
                                <Border x:Name="MouseOverBorder" BorderThickness="1" BorderBrush="Transparent">
                                    <ScrollViewer x:Name="ContentElement" Padding="{TemplateBinding Padding}" BorderThickness="0" IsTabStop="False"/>
                                </Border>
                            </Grid>
                        </Border>
                        <Border x:Name="DisabledVisualElement" Background="#A5F7F7F7" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}" Opacity="0" IsHitTestVisible="False"/>
                        <Border x:Name="FocusVisualElement" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" Margin="1" Opacity="0" IsHitTestVisible="False"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- End SL TextBoxStyle -->
    <!-- ===================== -->

    <Style x:Key="TextBlockStyle" TargetType="TextBlock">
        <Setter Property="Foreground" Value="Black"/>
    </Style>

    <!-- SL ToolTip -->
    <!-- ===== -->
    <Style x:Key="ToolTipStyle" TargetType="ToolTip">
        <Setter Property="Background" Value="#FFF7F8FA"/>
        <Setter Property="Padding" Value="3,0,3,0"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToolTip">
                    <Border x:Name="Root" CornerRadius="2" BorderThickness="{TemplateBinding BorderThickness}" Background="#FFFFFFFF" BorderBrush="{TemplateBinding BorderBrush}">
                        <Border BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="1" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                            <Border.Resources>
                                <Storyboard x:Key="Visible State"/>
                                <Storyboard x:Key="Normal State"/>
                            </Border.Resources>
                            <ContentPresenter
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                Cursor="{TemplateBinding Cursor}"
                                Margin="{TemplateBinding Padding}" />
                        </Border>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL ToolTip -->
    <!-- ========== -->

    <!-- SL HyperlinkButton -->
    <!-- ============= -->
    <Style x:Key="HyperlinkButtonStyle"  TargetType="HyperlinkButton">
        <Setter Property="Foreground" Value="#FF73A9D8" />
        <Setter Property="Padding" Value="2,0,2,0"/>
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="HyperlinkButton">
                    <Grid Cursor="{TemplateBinding Cursor}" Background="{TemplateBinding Background}">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="UnderlineTextBlock" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="UnderlineTextBlock" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <TextBlock
                            x:Name="UnderlineTextBlock"
                            Text="{TemplateBinding Content}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Margin="{TemplateBinding Padding}"
                            TextDecorations="Underline"
                            Visibility="Collapsed"/>
                        <TextBlock Canvas.ZIndex="1"
                            x:Name="DisabledOverlay"
                            Text="{TemplateBinding Content}"
                            Foreground="#FFAAAAAA"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Margin="{TemplateBinding Padding}"
                            Visibility="Collapsed"/>
                        <ContentPresenter 
                            x:Name="contentPresenter"
                            Content="{TemplateBinding Content}"
                            ContentTemplate="{TemplateBinding ContentTemplate}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Margin="{TemplateBinding Padding}"/>
                        <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL HyperlinkButton -->
    <!-- =============== -->

    <!-- SL ToggleButton -->
    <!-- =============== -->
    <Style x:Key="ToggleButtonStyle" TargetType="ToggleButton">
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#F2FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#CCFFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#7FFFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#FF6DBDD1"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#D8FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#C6FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#8CFFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#3FFFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="CheckStates">
                                <vsm:VisualState x:Name="Checked">
                                    <Storyboard>
                                        <PointAnimation Duration="0" To="0.7,1" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(LinearGradientBrush.StartPoint)"/>
                                        <PointAnimation Duration="0" To="0.7,0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(LinearGradientBrush.EndPoint)"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unchecked"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused" />
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border x:Name="Background" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                <Border Opacity="0"  x:Name="BackgroundAnimation" Background="#FF448DCA" />
                                <Rectangle x:Name="BackgroundGradient" >
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Border>
                        <ContentPresenter
                                x:Name="contentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                Margin="{TemplateBinding Padding}"/>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="3" RadiusY="3" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                        <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="LargeDropDownToggleButtonStyle" TargetType="ToggleButton">
        <Setter Property="Padding" Value="0" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Grid Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled"/>

                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="CheckStates">
                                <vsm:VisualState x:Name="Checked"/>
                                <vsm:VisualState x:Name="Unchecked"/>
                                <vsm:VisualState x:Name="Indeterminate"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused"/>
                                <vsm:VisualState x:Name="Unfocused"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <ContentPresenter
                                    x:Name="contentPresenter"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    Margin="{TemplateBinding Padding}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="EmptyToggleButtonStyle" TargetType="ToggleButton">
        <Setter Property="Padding" Value="0"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>

        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Grid Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <ContentPresenter
                                    x:Name="contentPresenter"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    Margin="{TemplateBinding Padding}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="NodeButtonStyle"  TargetType="ToggleButton">
        <!-- Cannot currently parse bool? type in XAML so it's being set in code -->
        <!-- <Setter Property="IsChecked" Value="false" /> -->
        <Setter Property="IsEnabled" Value="true" />
        <Setter Property="IsTabStop" Value="false" />
        <Setter Property="IsThreeState" Value="False"/>
        <Setter Property="Foreground" Value="#FF333333" />

        <Setter Property="Margin" Value="0" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />

        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Cursor" Value="Arrow" />
        <!-- Cannot currently parse FontFamily type in XAML so it's being set in code -->
        <!-- <Setter Property="FontFamily" Value="Trebuchet MS" /> -->
        <Setter Property="FontSize" Value="11" />
        <!-- Cannot currently parse FontWeight type in XAML so it's being set in code -->
        <!-- <Setter Property="FontWeight" Value="Bold" /> -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Grid Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CheckStates">
                                <vsm:VisualState x:Name="Checked">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="UncheckedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unchecked">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="UncheckedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!--<Path x:Name="CheckedVisual" HorizontalAlignment="Center" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z"  Visibility="Collapsed"/>
                        <Path x:Name="UncheckedVisual" HorizontalAlignment="Center" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z"/>-->
                        <Path x:Name="CheckedVisual" HorizontalAlignment="Center" Visibility="Collapsed" Height="6" Width="6" Stretch="Fill" VerticalAlignment="Center" Fill="{TemplateBinding Foreground}" Data="M 0 4 L 4 4 L 4 0 Z"/>
                        <Path x:Name="UncheckedVisual" HorizontalAlignment="Center" Height="7" Width="6" Margin="2,0,0,0" Stretch="Fill" VerticalAlignment="Center" Fill="{TemplateBinding Foreground}"  Data="M 4 0 L 8 4 L 4 8 Z"/>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- EOF SL ToggleButton -->
    <!-- =================== -->

    <!-- SL ListBoxItem -->
    <!-- ============== -->
    <Style x:Key="ListBoxItemStyle" TargetType="ListBoxItem">
        <Setter Property="Padding" Value="3" />
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="TabNavigation" Value="Local" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBoxItem">
                    <Grid Background="{TemplateBinding Background}">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectionStates">
                                <vsm:VisualState x:Name="Unselected" />
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                        <ContentPresenter
                                x:Name="contentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                HorizontalAlignment="Left"
                                Margin="{TemplateBinding Padding}"/>
                        <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End ListBoxItem Style -->
    <!-- ===================== -->

    <!-- SL ListBox -->
    <!-- ========== -->
    <Style x:Key="ListBoxStyle" TargetType="ListBox">
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Background" Value="#FFFFFFFF" />
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="TabNavigation" Value="Once" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBox">
                    <Border CornerRadius="2" 
			                BorderBrush="{TemplateBinding BorderBrush}"
			                BorderThickness="{TemplateBinding BorderThickness}">
                        <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}" BorderBrush="Transparent" BorderThickness="0">
                            <ItemsPresenter />
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL ListBox Style -->
    <!-- ==================== -->
    <!-- SL Slider Thumb-->
    <!-- ============== -->
    <Style x:Key="ThumbStyle" TargetType="Thumb">
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Thumb">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#F2FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#CCFFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#7FFFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#FF6DBDD1"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#D8FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#C6FFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#8CFFFFFF"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#3FFFFFFF"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border x:Name="Background" CornerRadius="2" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                <Border Opacity="0"  x:Name="BackgroundAnimation" Background="#FF448DCA" />
                                <Rectangle x:Name="BackgroundGradient" >
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Border>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="2" RadiusY="2" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                        <Rectangle x:Name="FocusVisualElement" RadiusX="1" RadiusY="1" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL Slider Thumb-->
    <!-- ================== -->

    <!-- SL Slider -->
    <!-- ========= -->
    <Style x:Key="SliderStyle" TargetType="Slider">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Maximum" Value="10" />
        <Setter Property="Minimum" Value="0" />
        <Setter Property="Value" Value="0" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Slider">
                    <Grid x:Name="Root">
                        <Grid.Resources>
                            <ControlTemplate x:Key="RepeatButtonTemplate">
                                <Grid x:Name="Root" Opacity="0" Background="Transparent"/>
                            </ControlTemplate>
                        </Grid.Resources>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="MouseOver"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalTrackRectangleDisabledOverlay" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ThumbDisabledOverlay" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalTrackRectangleDisabledOverlay" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- Horizontal Template -->
                        <Grid x:Name="HorizontalTemplate" Background="{TemplateBinding Background}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>

                            <!-- Track Layer -->
                            <Rectangle x:Name="TrackRectangle" Stroke="#FFA3AEB9" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFE6EFF7" Grid.Column="0" Grid.ColumnSpan="3" Height="3" RadiusX="1" RadiusY="1" Margin="5,0,5,0" />
                            <Rectangle x:Name="HorizontalTrackRectangleDisabledOverlay" Visibility="Collapsed"  Fill="White" Opacity=".55" Grid.Column="0" Grid.ColumnSpan="3" Height="3" RadiusX="1" RadiusY="1" Margin="5,0,5,0" />
                            <!-- Repeat Buttons + Thumb -->
                            <RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="0"/>
                            <Thumb Height="18" x:Name="HorizontalThumb" Width="11" Grid.Column="1" IsTabStop="True"/>
                            <Rectangle x:Name="ThumbDisabledOverlay" RadiusX="2" RadiusY="2"  Width="11" Grid.Column="1" Fill="White" Opacity=".55" Visibility="Collapsed"/>
                            <RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="2"/>
                        </Grid>

                        <!-- Vertical Template -->
                        <Grid x:Name="VerticalTemplate" Visibility="Collapsed" Background="{TemplateBinding Background}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <!-- Track Layer -->
                            <Rectangle Stroke="#FFA3AEB9" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFE6EFF7" Grid.Row="0" Grid.RowSpan="3" Width="3" RadiusX="1" RadiusY="1" Margin="0,5,0,5" />
                            <Rectangle x:Name="VerticalTrackRectangleDisabledOverlay" Visibility="Collapsed"  Fill="White" Opacity=".55" Grid.Row="0" Grid.RowSpan="3" Width="3" RadiusX="1" RadiusY="1" Margin="0,5,0,5" />
                            <!-- Repeat Buttons + Thumb -->
                            <RepeatButton x:Name="VerticalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="2"/>
                            <Thumb Height="11" x:Name="VerticalThumb" Width="18" Grid.Row="1" IsTabStop="True"/>
                            <RepeatButton x:Name="VerticalTrackLargeChangeIncreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="0"/>
                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- End SL Slider -->
    <!-- ============= -->

    <!-- SL PasswordBox -->
    <!-- ============== -->
    <Style x:Key="PasswordBoxStyle" TargetType="PasswordBox">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Background" Value="#FFFFFFFF" />
        <Setter Property="Foreground" Value="#FF000000" />
        <Setter Property="Padding" Value="2" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="PasswordBox">
                    <Grid x:Name="RootElement">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="MouseOverBorder" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="#FF99C1E2" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" To="1" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="0" Duration="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Border x:Name="MouseOverBorder" BorderThickness="1" BorderBrush="Transparent">
                                <Border x:Name="ContentElement" Margin="{TemplateBinding Padding}"/>
                            </Border>
                        </Border>
                        <Border x:Name="DisabledVisualElement" Background="#A5F7F7F7" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}" Opacity="0" IsHitTestVisible="False"/>
                        <Border x:Name="FocusVisualElement" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" Margin="1" Opacity="0" IsHitTestVisible="False"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- End SL PasswordBox -->
    <!--     ============== -->

    <!-- SL ProgressBar -->
    <!-- ============== -->
    <Style x:Key="ProgressBarStyle" TargetType="o:HandyProgressBar">
        <Setter Property="Foreground" Value="#FF027DB8"/>
        <Setter Property="Background" Value="#FFD2D5D8" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Maximum" Value="100" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                    <GradientStop Color="#FFAEB7BF" Offset="0"/>
                    <GradientStop Color="#FF919EA7" Offset="0.35"/>
                    <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                    <GradientStop Color="#FF647480" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ProgressBar">
                    <Grid x:Name="Root">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Determinate"/>
                                <vsm:VisualState x:Name="Indeterminate">
                                    <Storyboard RepeatBehavior="Forever">
                                        <DoubleAnimation Storyboard.TargetName="IndeterminateGradientFill"
                                                     Storyboard.TargetProperty="(Shape.Fill).(LinearGradientBrush.Transform).(TransformGroup.Children)[0].X"
                                                     Duration="00:00:.5" From="0" To="20" />
                                        <ObjectAnimationUsingKeyFrames Duration="00:00:00" Storyboard.TargetName="IndeterminateRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
                                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="00:00:00" Storyboard.TargetName="DeterminateRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
                                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!--Default Root Visuals for either type of ProgressBar-->
                        <Border Name="ProgressBarTrack" CornerRadius="3" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" />
                        <Grid x:Name="ProgressBarRootGrid" >
                            <!-- Beginning of Gradient over all visuals -->
                            <Rectangle Canvas.ZIndex="1" x:Name="ProgressBarRootGradient" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" Stroke="#FFFFFFFF" RadiusX="1.5" RadiusY="1.5">
                                <Rectangle.Fill>
                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                        <GradientStop Color="#B2FFFFFF" Offset="0" />
                                        <GradientStop Color="#C6FFFFFF" Offset="0.15"/>
                                        <GradientStop Color="#D1FFFFFF" Offset="0.275" />
                                        <GradientStop Color="#C6FFFFFF" Offset="0.4"/>
                                        <GradientStop Color="#BFFFFFFF" Offset="0.65" />
                                        <GradientStop Color="#A5FFFFFF" Offset="0.75"/>
                                        <GradientStop Color="#91FFFFFF" Offset="0.85"/>
                                        <GradientStop Color="#72FFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <!-- Beginning of Indeterminate Progress Bar Visuals-->
                            <Grid x:Name="IndeterminateRoot" Visibility="Collapsed">
                                <Rectangle x:Name="IndeterminateSolidFill" Stroke="#FF448DCA" RadiusX="2" RadiusY="2" StrokeThickness="0" Margin="{TemplateBinding BorderThickness}" Fill="{TemplateBinding Foreground}" Opacity="1" RenderTransformOrigin="0.5,0.5" />
                                <Rectangle x:Name="IndeterminateGradientFill" RadiusX="2" RadiusY="2" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" Opacity="0.7" >
                                    <Rectangle.Fill>
                                        <LinearGradientBrush SpreadMethod="Repeat" MappingMode="Absolute" EndPoint="0,1" StartPoint="20,1">
                                            <LinearGradientBrush.Transform >
                                                <TransformGroup>
                                                    <TranslateTransform X="0" />
                                                    <SkewTransform AngleX="-30" />
                                                </TransformGroup>
                                            </LinearGradientBrush.Transform>
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#00FFFFFF" Offset=".25"/>
                                            <GradientStop Color="#FFFFFFFF" Offset="0.85"/>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                            <!-- Beginning of Determinate Progress Bar Visuals-->
                            <Grid x:Name="DeterminateRoot" Margin="1" >
                                <!--Background -->
                                <Rectangle HorizontalAlignment="Left" x:Name="ProgressBarIndicator" Margin="{TemplateBinding BorderThickness}" StrokeThickness="0.5" RadiusX="1.5" RadiusY="1.5" Fill="{TemplateBinding Foreground}"/>
                            </Grid>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- End SL ProgressBar -->
    <!--     ============== -->

    <!--===========================================================================================================-->
    <!--=============================== DEFAULT SILVERLIGHT CONTROLS STYLES =======================================-->
    <!--===========================================================================================================-->

    <Style TargetType="o:HandyButton" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyButton">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyRadioButton" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyRadioButton">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyToggleButton" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyToggleButton">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyCheckBox" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCheckBox">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyTextBox" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyTextBox">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandySlider" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandySlider">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyHyperlinkButton" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyHyperlinkButton">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyListBox" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListBox">
                    <Grid x:Name="LayoutRoot"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyListBoxItem" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListBoxItem">
                    <Grid x:Name="LayoutRoot"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyProgressBar" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyProgressBar">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyStyler">
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ContentControl">
                    <ContentPresenter
                            Content="{TemplateBinding Content}"
                            ContentTemplate="{TemplateBinding ContentTemplate}"
                            Cursor="{TemplateBinding Cursor}"
                            Margin="{TemplateBinding Padding}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--===========================================================================================================-->
    <!--===========================================================================================================-->
    <!--========================================= GOA CONTROLS ====================================================-->
    <!--===========================================================================================================-->
    <!--===========================================================================================================-->

    <g:TweenDropDownAnimator
        x:Key="StandardOpenAnimatorModel"
        Duration="00:00:0.1" 
        TransitionType="Linear"/>

    <!-- DropDown -->
    <!-- ======== -->
    <Style x:Key="ComboDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="Padding" Value="3"/>
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="19"/>
                            </Grid.ColumnDefinitions>


                            <Grid Grid.ColumnSpan="2">
                                <Grid x:Name="NormalVisual">
                                    <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Grid x:Name="MouseOverVisual" Opacity="0">
                                    <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Border Background="#FF448DCA" />
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Grid x:Name="DropDownVisual" Visibility="Collapsed">
                                    <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Rectangle RadiusX="3" RadiusY="3" Fill="#FF448DCA" StrokeThickness="{TemplateBinding BorderThickness}" Stroke="#00000000"/>
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#F2FFFFFF" Offset="0" />
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#BCFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#6BFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Path x:Name="BtnArrow" Height="4" Width="8" Stretch="Uniform" Data="F1 M 301.14,-189.041L 311.57,-189.041L 306.355,-182.942L 301.14,-189.041 Z " Margin="0,0,6,0" HorizontalAlignment="Right">
                                    <Path.Fill>
                                        <SolidColorBrush x:Name="BtnArrowColor" Color="#FF333333"/>
                                    </Path.Fill>
                                </Path>
                                <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" IsHitTestVisible="false" />

                            </Grid>

                            <ToggleButton 
                                        x:Name="DropDownToggle" 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        Grid.Column="1"
                                        HorizontalAlignment="Stretch" 
                                        VerticalAlignment="Stretch"
                                        HorizontalContentAlignment="Stretch" 
                                        VerticalContentAlignment="Stretch"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Margin="{TemplateBinding Margin}"
                                        Visibility="{TemplateBinding ToggleVisibility}"/>
                            <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"
                                        Grid.Column="0"
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                        </Grid>
                        <Border x:Name="DisabledVisual" CornerRadius="3" Background="White" Visibility="Collapsed" Opacity=".55" />
                        <!--</Border>-->
                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="OverflowDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DropDownToggle" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" To="0.55"/>


                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"
                                        Grid.Column="0"
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            <ToggleButton 
                                        x:Name="DropDownToggle" 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        Grid.Column="1"
                                        VerticalAlignment="Stretch" 
                                        ClickMode="Press"
                                        Margin="-1,0,0,0"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                <Grid Width="15">
                                    <Grid x:Name="NormalVisual">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="MouseOverVisual" Opacity="0">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Border Background="#FF448DCA" />
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="DropDownVisual" Visibility="Collapsed">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle RadiusX="3" RadiusY="3" Fill="#FF448DCA" StrokeThickness="{TemplateBinding BorderThickness}" Stroke="#00000000"/>
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#F2FFFFFF" Offset="0" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#BCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#6BFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                        <Rectangle RadiusX="2" RadiusY="2" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" />
                                        <Rectangle x:Name="DisabledVisual" RadiusX="2" RadiusY="2" Fill="White" Opacity=".55" Visibility="Collapsed" />

                                    </Grid>
                                    <Path x:Name="BtnArrow" Height="4" Width="8" Stretch="Uniform" Data="F1 M 301.14,-189.041L 311.57,-189.041L 306.355,-182.942L 301.14,-189.041 Z " HorizontalAlignment="Center">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="BtnArrowColor" Color="#FF333333"/>
                                        </Path.Fill>
                                    </Path>
                                </Grid>
                            </ToggleButton>
                        </Grid>
                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent" />
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="InfoDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DropDownToggle" Storyboard.TargetProperty="Opacity" To="0.55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"
                                        Grid.Column="0"
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            <ToggleButton 
                                        x:Name="DropDownToggle" 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        Grid.Column="1"
                                        VerticalAlignment="Stretch" 
                                        ClickMode="Press"
                                        Margin="-1,0,0,0"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                <Grid Width="24">
                                    <Grid x:Name="NormalVisual">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="MouseOverVisual" Opacity="0">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Border Background="#FF448DCA" />
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="DropDownVisual" Visibility="Collapsed">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle RadiusX="3" RadiusY="3" Fill="#FF448DCA" StrokeThickness="{TemplateBinding BorderThickness}" Stroke="#00000000"/>
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#F2FFFFFF" Offset="0" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#BCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#6BFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                        <Rectangle RadiusX="2" RadiusY="2" IsHitTestVisible="false" Stroke="#FF6DBDD1" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" />

                                    </Grid>
                                    <Grid Grid.RowSpan="2"  Height="14" Width="14">
                                        <Ellipse Stroke="{TemplateBinding Foreground}" StrokeThickness="1.5"/>
                                        <Rectangle Height="5.25" HorizontalAlignment="Center" Margin="0,2,0,0" Width="2" VerticalAlignment="Center" Fill="{TemplateBinding Foreground}"/>
                                        <Ellipse Height="2" HorizontalAlignment="Center" Margin="0,3,0,0" VerticalAlignment="Top" Width="2" Fill="{TemplateBinding Foreground}"/>
                                    </Grid>
                                </Grid>
                            </ToggleButton>
                        </Grid>
                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent" />
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarDropDownButtonStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DropDownToggle" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" To="0.55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>


                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="12"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"
                                        Grid.Column="0"
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                         >
                            </g:GContentPresenter >
                            <ToggleButton
                                        x:Name="DropDownToggle" 
                                        Margin="{TemplateBinding Margin}"
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        Grid.Column="1"
                                        HorizontalAlignment="Right" 
                                        VerticalContentAlignment="Stretch"
                                        HorizontalContentAlignment="Center"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                <Grid Width="12" >
                                    <Grid x:Name="NormalVisual">
                                        <Border CornerRadius="1" Background="{TemplateBinding Background}" Margin="1" >
                                            <Border CornerRadius="1" BorderBrush="White" BorderThickness="1">
                                                <Border.Background>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Border.Background>
                                            </Border>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="MouseOverVisual" Opacity="0">
                                        <Border CornerRadius="1" Background="{TemplateBinding Background}" Margin="1" >
                                            <Grid>
                                                <Border Background="#FF448DCA" />
                                                <Border CornerRadius="1" BorderBrush="White" BorderThickness="1">
                                                    <Border.Background>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Border.Background>
                                                </Border>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="PressedVisual" Visibility="Collapsed">
                                        <Border CornerRadius="1" Background="#FF6DBDD1" Margin="1" >
                                            <Grid>
                                                <Border Background="#FF448DCA" />
                                                <Border CornerRadius="1" BorderBrush="#FF6DBDD1" BorderThickness="1">
                                                    <Border.Background>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Border.Background>
                                                </Border>
                                            </Grid>
                                        </Border>
                                    </Grid>

                                    <Path x:Name="ArrowVisual" Grid.RowSpan="2"  Height="4" Width="6" Stretch="Fill" Fill="{TemplateBinding Foreground}" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z "/>

                                </Grid>
                            </ToggleButton>
                        </Grid>

                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent" />
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="MainMenuDropDownButtonStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0,1,1,1"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DropDownToggle" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" To="0.55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownOpenVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter  
                                x:Name="ELEMENT_ContentPresenter"
                                Grid.Column="0"
                                OrientatedMargin="{TemplateBinding Padding}"  
                                OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            <ToggleButton 
                                x:Name="DropDownToggle" 
                                Style="{StaticResource EmptyToggleButtonStyle}"
                                Grid.Column="1"
                                VerticalAlignment="Stretch" 
                                ClickMode="Press"
                                Margin="-1,0,0,0"
                                IsThreeState="False"
                                IsTabStop="False"
                                Visibility="{TemplateBinding ToggleVisibility}">
                                <Grid Width="12">
                                    <Grid x:Name="MouseOverVisual" Visibility="Collapsed">
                                        <Rectangle RadiusX="1" RadiusY="1" Fill="{TemplateBinding Background}" StrokeThickness="{TemplateBinding BorderThickness}" Stroke="{TemplateBinding BorderBrush}"/>
                                        <Rectangle RadiusX="1" RadiusY="1" Fill="#FF448DCA" StrokeThickness="{TemplateBinding BorderThickness}" Stroke="#00000000"/>
                                        <Rectangle RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" Stroke="#FFFFFFFF">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                    <Grid x:Name="DropDownOpenVisual" Visibility="Collapsed">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="#FF1F3B53"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>

                                    <Path x:Name="BtnArrow" Height="4" Width="8" Stretch="Uniform" Data="F1 M 301.14,-189.041L 311.57,-189.041L 306.355,-182.942L 301.14,-189.041 Z " HorizontalAlignment="Center">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="BtnArrowColor" Color="#FF333333"/>
                                        </Path.Fill>
                                    </Path>
                                </Grid>
                            </ToggleButton>
                        </Grid>
                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="MenuListDropDownButtonStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DropDownToggle" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" To="0.55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownOpenVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"
                                        Grid.Column="0"
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            <ToggleButton 
                                        x:Name="DropDownToggle" 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        Grid.Column="1"
                                        VerticalAlignment="Stretch" 
                                        ClickMode="Press"
                                        Margin="-1,0,0,0"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                <Grid Width="12">
                                    <Grid x:Name="MouseOverVisual" Visibility="Collapsed">
                                        <Border CornerRadius="1" Background="#FF448DCA" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Rectangle RadiusX="1" RadiusY="1" StrokeThickness="1" Stroke="#FFFFFFFF">
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="DropDownOpenVisual" Visibility="Collapsed">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="#FF1F3B53"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>

                                    <Path x:Name="ArrowVisual" Grid.RowSpan="2"  Height="6" Width="4" Stretch="Fill" Fill="{TemplateBinding Foreground}" Data="M330.25,196.75 L330.25,206 L336.125,201.375 z"/>


                                </Grid>
                            </ToggleButton>
                        </Grid>

                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent" />
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>



    <Style x:Key="ContainerDropDownButtonStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0,2,0,2"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Background" Value="#FF1F3B53"/>

        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Right" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DropDownToggle" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" To="0.55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownOpenedStates">
                                <vsm:VisualState x:Name="NotDropDownOpened"/>
                                <vsm:VisualState x:Name="DropDownOpened">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid Margin="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"
                                        Grid.Column="0"
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                         >
                            </g:GContentPresenter >
                            <ToggleButton
                                        x:Name="DropDownToggle" 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        Grid.Column="1"
                                        VerticalContentAlignment="Stretch" 
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                <Grid Width="13">
                                    <Grid x:Name="NormalVisual">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="MouseOverVisual" Opacity="0">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Border Background="#FF448DCA" />
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="DropDownVisual" Visibility="Collapsed">
                                        <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Path x:Name="BtnArrow" Height="4" Width="8" Stretch="Uniform" Data="F1 M 301.14,-189.041L 311.57,-189.041L 306.355,-182.942L 301.14,-189.041 Z " HorizontalAlignment="Center">
                                        <Path.Fill>
                                            <SolidColorBrush x:Name="BtnArrowColor" Color="#FF333333"/>
                                        </Path.Fill>
                                    </Path>
                                    <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                                </Grid>
                            </ToggleButton>
                        </Grid>


                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="MainMenuDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Left" />
        <Setter Property="DropDownVerticalAlignment" Value="Bottom" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid>
                                <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"                                             
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                     />
                                <ToggleButton 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        x:Name="DropDownToggle"                                         
                                        HorizontalContentAlignment="Left"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                </ToggleButton>
                            </Grid>
                        </Border>
                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>



    <Style x:Key="ToolbarDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Left" />
        <Setter Property="DropDownVerticalAlignment" Value="Bottom" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid>
                                <ToggleButton 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        x:Name="DropDownToggle"                                         
                                        HorizontalContentAlignment="Left"
                                    Foreground="{TemplateBinding Foreground}"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                    <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"                                             
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                     />
                                </ToggleButton>
                            </Grid>
                        </Border>
                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="MenuItemDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownVerticalAlignment" Value="Top" />
        <Setter Property="DropDownLocation" Value="Right" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="AutoOpen" Value="True" />
        <Setter Property="AutoOpenDelay" Value="00:00:00.3" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid Margin="{TemplateBinding Padding}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <g:GContentPresenter 
                                Grid.Column="0"
                                x:Name="ELEMENT_ContentPresenter" 
                                OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                            <ToggleButton 
                                        Style="{StaticResource EmptyToggleButtonStyle}"
                                        x:Name="DropDownToggle"   
                                        Grid.Column="1"
                                        Margin="3,0,0,0"
                                        HorizontalContentAlignment="Right"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        IsTabStop="False"
                                        Visibility="{TemplateBinding ToggleVisibility}">
                                <Path x:Name="BtnArrow" Fill="Black" Height="7" Width="7" Stretch="Uniform" Data="F1 M301.8082,-181.23407 L301.82449,-189.0573 L307.6756,-185.14568 L301.8082,-181.23407 z" Margin="0,0,4,0" HorizontalAlignment="Right"/>

                            </ToggleButton>
                        </Grid>

                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent" />
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Container_DropDownListDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="5,0,5,0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Left" />
        <Setter Property="DropDownVerticalAlignment" Value="Bottom" />
        <Setter Property="BorderThickness" Value="0" />

        <Setter Property="Background" Value="Transparent" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid Background="{TemplateBinding Background}">
                            <ToggleButton 
                                        Style="{StaticResource LargeDropDownToggleButtonStyle}"
                                        x:Name="DropDownToggle"                                         
                                        HorizontalContentAlignment="Left"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        Visibility="{TemplateBinding ToggleVisibility}"
                                        IsTabStop="True">
                                <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"                                             
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                            </ToggleButton>
                        </Grid>

                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_DropDownListDropDownStyle" TargetType="g:DropDown">
        <Setter Property="IsEnabled" Value="True"/>
        <Setter Property="Padding" Value="5,0,5,0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="11"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Left" />
        <Setter Property="DropDownVerticalAlignment" Value="Bottom" />
        <Setter Property="BorderThickness" Value="0" />

        <Setter Property="Background" Value="Transparent" />
        <Setter Property="CloseIfAppResize" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="OpenAnimatorModel" Value="{StaticResource StandardOpenAnimatorModel}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:DropDown">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid Background="{TemplateBinding Background}">
                            <ToggleButton 
                                        Style="{StaticResource LargeDropDownToggleButtonStyle}"
                                        x:Name="DropDownToggle"                                         
                                        HorizontalContentAlignment="Left"
                                        ClickMode="Press"
                                        IsThreeState="False"
                                        Visibility="{TemplateBinding ToggleVisibility}"
                                        IsTabStop="False">
                                <g:GContentPresenter  
                                        x:Name="ELEMENT_ContentPresenter"                                             
                                        OrientatedMargin="{TemplateBinding Padding}"  
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                            </ToggleButton>
                        </Grid>

                        <Popup x:Name="Popup">
                            <g:PopupContent x:Name="PopupContent"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- =================== -->
    <!-- EOF DropDown styles -->

    <!-- LocatedBorder styles -->
    <!-- ==================== -->
    <Style x:Key="LocatedBorderStyle" TargetType="g:LocatedBorder">
        <Setter Property="IsEnabled" Value="true" />
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:LocatedBorder">
                    <Border x:Name="ELEMENT_Border" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" >
                        <ContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              Cursor="{TemplateBinding Cursor}"
                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              Margin="{TemplateBinding Padding}"                              
                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--     ==================== -->
    <!-- EOF LocatedBorder styles -->

    <!-- Sizers styles -->
    <!-- ============= -->

    <ControlTemplate x:Key="RightBorderTemplate" TargetType="g:SizerBorder">
        <Grid >
            <Rectangle Fill="White" Stroke="#FFA3AEB9" Width="3" HorizontalAlignment="Left" Margin="0,2,0,2" RadiusX="1" RadiusY="1"/>

        </Grid>
    </ControlTemplate>

    <ControlTemplate x:Key="LeftBorderTemplate" TargetType="g:SizerBorder">
        <Grid >
            <Rectangle Fill="White" Stroke="#FFA3AEB9" Width="3" HorizontalAlignment="Right" Margin="0,2,0,2" RadiusX="1" RadiusY="1"/>

        </Grid>
    </ControlTemplate>

    <ControlTemplate x:Key="BottomBorderTemplate" TargetType="g:SizerBorder">
        <Grid >
            <Rectangle Fill="White" Stroke="#FFA3AEB9" Height="3" VerticalAlignment="Top" Margin="2,0,2,0" RadiusX="1" RadiusY="1"/>

        </Grid>
    </ControlTemplate>

    <ControlTemplate x:Key="TopBorderTemplate" TargetType="g:SizerBorder">
        <Grid >
            <Rectangle Fill="White" Stroke="#FFA3AEB9" Height="3" VerticalAlignment="Top" Margin="2,0,2,0" RadiusX="1" RadiusY="1"/>

        </Grid>
    </ControlTemplate>

    <ControlTemplate x:Key="ResizerBottomRightSizeCorner" TargetType="g:SizerBorder">
        <Canvas>
            <Path Height="9" Width="9" Canvas.Top="-6" Canvas.Left="-6" Fill="White" Stroke="#FFA3AEB9" Stretch="Fill" Data="M34,83 L79,38 L79,83 z"/>
        </Canvas>
    </ControlTemplate>

    <ControlTemplate x:Key="ResizerBottomLeftSizeCorner" TargetType="g:SizerBorder">
        <Canvas>
            <Path Height="9" Width="9" Canvas.Top="-6" Canvas.Left="0" Fill="White" Stroke="#FFA3AEB9" Stretch="Fill" Data="M312,232 L320,240 L312,240 z"/>
        </Canvas>
    </ControlTemplate>

    <ControlTemplate x:Key="ResizerTopLeftSizeCorner" TargetType="g:SizerBorder">
        <Canvas>
            <Path Height="9" Width="9" Canvas.Top="0" Canvas.Left="0" Fill="White" Stroke="#FFA3AEB9" Stretch="Fill" Data="M400,280 L400,240 L440,240 z"/>
        </Canvas>
    </ControlTemplate>

    <ControlTemplate x:Key="ResizerTopRightSizeCorner" TargetType="g:SizerBorder">
        <Canvas>
            <Path Height="9" Width="9" Canvas.Top="0" Canvas.Left="-6" Fill="White" Stroke="#FFA3AEB9" Stretch="Fill" Data="M560,200 L600,200 L600,240 z"/>
        </Canvas>
    </ControlTemplate>


    <Style x:Key="WindowSizerStyle" TargetType="g:WindowSizer">
        <Setter Property="VerticalSizeMode" Value="Bottom" />
        <Setter Property="HorizontalSizeMode" Value="Right" />
        <Setter Property="IsEnabled" Value="True" />
        <Setter Property="Background" Value="White"/>
        <Setter Property="BorderBrush" Value="#FF617583"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="MinWidth" Value="20"/>
        <Setter Property="MinHeight" Value="20"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:WindowSizer" >
                    <Border BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Padding="1">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="ELEMENT_GridContainer">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <g:SizerBorder 
                                  x:Name="ELEMENT_RightSizeBorder" 
                                  Grid.Column="2"
                                  Grid.Row="1"
                                  Width="5"
                                  Cursor="SizeWE"
                                    Template="{StaticResource RightBorderTemplate}"
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_LeftSizeBorder" 
                                  Grid.Column="0"
                                  Grid.Row="1"
                                  Width="5"
                                  Cursor="SizeWE"
                                    Template="{StaticResource LeftBorderTemplate}"
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_BottomSizeBorder" 
                                  Grid.Column="1"
                                  Grid.Row="2"
                                  Height="5"
                                  Cursor="SizeNS"
                                    Template="{StaticResource BottomBorderTemplate}"
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_TopSizeBorder" 
                                  Grid.Column="1"
                                  Grid.Row="0"
                                  Height="5"
                                  Cursor="SizeNS"
                                    Template="{StaticResource TopBorderTemplate}"
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_BottomRightSizeCorner"
                                  Grid.Column="2"
                                  Grid.Row="2"
                                  Width="5"
                                  Height="5"
                                  Cursor="Hand"
                                  Template="{StaticResource ResizerBottomRightSizeCorner}"  
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_BottomLeftSizeCorner"
                                  Grid.Column="0"
                                  Grid.Row="2"
                                  Width="5"
                                  Height="5"
                                  Cursor="Hand"
                                  Template="{StaticResource ResizerBottomLeftSizeCorner}"  
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_TopRightSizeCorner"
                                  Grid.Column="2"
                                  Grid.Row="0"
                                  Width="5"
                                  Height="5"
                                  Cursor="Hand"
                                  Template="{StaticResource ResizerTopRightSizeCorner}"  
                                    />

                            <g:SizerBorder 
                                  x:Name="ELEMENT_TopLeftSizeCorner"
                                  Grid.Column="0"
                                  Grid.Row="0"
                                  Width="5"
                                  Height="5"
                                  Cursor="Hand"
                                  Template="{StaticResource ResizerTopLeftSizeCorner}"  
                                    />
                            <Rectangle x:Name="DisabledVisual" Grid.RowSpan="3" Grid.ColumnSpan="3" StrokeThickness="6"  Stroke="White" Visibility="Collapsed" Opacity="0.55" />

                            <ContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Grid.Column="1"
                                      Grid.Row="1"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"                                  
                                      Margin="{TemplateBinding Padding}"  />
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <ControlTemplate x:Key="HorizontalSizerTemplate" TargetType="g:SizerBorder">
        <Grid Margin="0" Height="7" HorizontalAlignment="Stretch" Opacity="0.8">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.5*"/>
                <ColumnDefinition Width="6*"/>
                <ColumnDefinition Width="0.5*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="0.5*"/>
                <RowDefinition Height="3*"/>
                <RowDefinition Height="0.5*"/>
            </Grid.RowDefinitions>
            <Border Grid.Row="1" Grid.Column="1" CornerRadius="0,0,2,2"  BorderBrush="#FF888888" BorderThickness="1,1,1,1" >
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFDCDCDC" Offset="1"/>
                        <GradientStop Color="#FFF5F5F5" Offset="0"/>
                    </LinearGradientBrush>
                </Border.Background>
            </Border >
            <Rectangle Height="1" HorizontalAlignment="Stretch" Fill="#FF888888" Opacity=".45" Margin="1,0,1,0" Grid.Column="1" Grid.Row="1"/>
        </Grid>
    </ControlTemplate>

    <ControlTemplate x:Key="VerticalSizerTemplate" TargetType="g:SizerBorder">
        <Grid Margin="0" Width="7" VerticalAlignment="Stretch" Opacity="0.8">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.5*"/>
                <ColumnDefinition Width="3*"/>
                <ColumnDefinition Width="0.5*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="0.5*"/>
                <RowDefinition Height="6*"/>
                <RowDefinition Height="0.5*"/>
            </Grid.RowDefinitions>
            <Border Grid.Row="1" Grid.Column="1" CornerRadius="0,2,2,0"  BorderBrush="#FF888888" BorderThickness="1,1,1,1" >
                <Border.Background>
                    <LinearGradientBrush EndPoint="0,1" StartPoint="1,0">
                        <GradientStop Color="#FFDCDCDC" Offset="1"/>
                        <GradientStop Color="#FFF5F5F5" Offset="0"/>
                    </LinearGradientBrush>
                </Border.Background>
            </Border >
            <Rectangle Width="1" VerticalAlignment="Stretch" Fill="#FF888888" Opacity=".45" Margin="0,1,0,1" Grid.Column="1" Grid.Row="1"/>
        </Grid>
    </ControlTemplate>

    <Style x:Key="SizerStyle" TargetType="g:Sizer">
        <Setter Property="SizeMode" Value="Bottom" />
        <Setter Property="IsEnabled" Value="True" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="MinHeight" Value="10" />
        <Setter Property="MinWidth" Value="10" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:Sizer">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_HorizontalSizeBorder" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="ELEMENT_VerticalSizeBorder" Storyboard.TargetProperty="Opacity" To="0.55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <g:SizerBorder 
                                  Grid.Column="2"
                                  Grid.Row="1"
                                  x:Name="ELEMENT_VerticalSizeBorder"                                   
                                      Cursor="SizeWE"
                                      Template="{StaticResource VerticalSizerTemplate}"
                                />
                        <g:SizerBorder 
                                  Grid.Column="1"
                                  Grid.Row="2"
                                  x:Name="ELEMENT_HorizontalSizeBorder"                                   
                                      Cursor="SizeNS"
                                      Template="{StaticResource HorizontalSizerTemplate}" 
                                    />

                        <ContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Grid.Column="1"
                                  Grid.Row="1"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"  />
                        <!--</Border>-->
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- ListControl Panel styles -->
    <!-- ======================== -->
    <g:GStackPanelModel x:Key="StandardPanel">
        <g:GStackPanelModel.ChildrenAnimator>
            <g:TweenChildrenAnimator Duration="00:00:0.1" TransitionType="Linear" />
        </g:GStackPanelModel.ChildrenAnimator>
        <g:GStackPanelModel.KeyNavigator>
            <g:SpatialNavigator/>
        </g:GStackPanelModel.KeyNavigator>
    </g:GStackPanelModel>

    <g:GStackPanelModel x:Key="InactivePanel">
        <g:GStackPanelModel.ChildrenAnimator>
            <g:TweenChildrenAnimator Duration="00:00:0.1" TransitionType="Linear" />
        </g:GStackPanelModel.ChildrenAnimator>
        <g:GStackPanelModel.KeyNavigator>
            <g:SpatialNavigator/>
        </g:GStackPanelModel.KeyNavigator>
    </g:GStackPanelModel>

    <g:GStackPanelModel x:Key="TabPanel" 
        Orientation="Horizontal" 
        AutoClipContent="True"                             
        RangesFlowDirection="Inverted" 
        FillEmptySpaceBehavior="RegularNoShrink">
        <g:GStackPanelModel.ChildrenAnimator>
            <g:TweenChildrenAnimator Duration="00:00:0.1" TransitionType="Linear"/>
        </g:GStackPanelModel.ChildrenAnimator>
        <g:GStackPanelModel.KeyNavigator>
            <g:SpatialNavigator/>
        </g:GStackPanelModel.KeyNavigator>
    </g:GStackPanelModel>

    <g:GStackPanelModel x:Key="AnimatedPanel">
        <g:GStackPanelModel.ChildrenAnimator>
            <g:TweenChildrenAnimator Duration="00:00:0.2" TransitionType="Linear"/>
        </g:GStackPanelModel.ChildrenAnimator>
        <g:GStackPanelModel.KeyNavigator>
            <g:SpatialNavigator/>
        </g:GStackPanelModel.KeyNavigator>
    </g:GStackPanelModel>

    <!--     ======================== -->
    <!-- EOF ListControl Panel styles -->

    <!-- ListControl Staters styles -->
    <!-- ========================== -->

    <g:Staters x:Key="StandardStaters">
        <g:SearchStater />
        <g:LoadedStater >
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="IsLoaded"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotIsLoaded"/>
            </g:Stater.LeaveActions>
        </g:LoadedStater>
        <g:MouseOverStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="MouseOver" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotMouseOver"/>
            </g:Stater.LeaveActions>
        </g:MouseOverStater>
        <g:HoldFocusStater/>
        <g:ClickMoveFocusStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Focused"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotFocused"/>
            </g:Stater.LeaveActions>
        </g:ClickMoveFocusStater>
        <g:ClickMovePressedStater >
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Pressed" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotPressed"/>
            </g:Stater.LeaveActions>
        </g:ClickMovePressedStater>
        <g:SingleSelectionStater MouseDownAndEnterSelection="True" BringToFront="True">
            <g:Stater.EnterActions >
                <g:GoToStateAction StateName="Selected" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotSelected"/>
            </g:Stater.LeaveActions>
        </g:SingleSelectionStater>
    </g:Staters>

    <g:Staters x:Key="MenuStaters">
        <g:SearchStater />
        <g:LoadedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="IsLoaded"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotIsLoaded"/>
            </g:Stater.LeaveActions>
        </g:LoadedStater>
        <g:MouseOverStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="MouseOver" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotMouseOver"/>
            </g:Stater.LeaveActions>
        </g:MouseOverStater>
        <g:HoldFocusStater/>
        <g:MouseOverFocusStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Focused"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotFocused"/>
            </g:Stater.LeaveActions>
        </g:MouseOverFocusStater>
        <g:ClickMovePressedStater >
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Pressed" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotPressed"/>
            </g:Stater.LeaveActions>
        </g:ClickMovePressedStater>
        <g:SingleSelectionStater MouseDownAndEnterSelection="True" BringToFront="True">
            <g:Stater.EnterActions >
                <g:GoToStateAction StateName="Selected" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotSelected"/>
            </g:Stater.LeaveActions>
        </g:SingleSelectionStater>
    </g:Staters>


    <g:Staters x:Key="AnimatedBarStaters">
        <g:InitializeStater>
            <g:Stater.EnterActions>

                <g:TweenAnimateAction Duration="0" OpacityTo="0.0"/>
            </g:Stater.EnterActions>
        </g:InitializeStater>
        <g:LoadedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="IsLoaded"/>

                <g:TweenAnimateAction Duration="0" OpacityTo="0.0"/>
                <g:TweenAnimateAction TranslateY="80" Duration="0" Delay="0"/>
                <g:TweenAnimateAction Duration="00:00:0.4" OpacityTo="1" IndexedDelay="00:00:0.1" Delay="00:00:0.31"/>
                <g:TweenAnimateAction TranslateY="-85" Duration="0:0:0.2" IndexedDelay="0:0:0.1" Delay="0:0:0.3" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="5" Duration="0:0:0.05" IndexedDelay="0:0:0.1" Delay="0:0:0.52"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotIsLoaded"/>
            </g:Stater.LeaveActions>
        </g:LoadedStater>
        <g:MouseOverStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="MouseOver"/>
                <g:TweenAnimateAction Duration="0:0:0.3" ScaleX="1.45" ScaleY="1.45" AutoReverse="True" TransitionType="OutExpo" BringToFront="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotMouseOver"/>
            </g:Stater.LeaveActions>
        </g:MouseOverStater>
        <g:HoldFocusStater/>
        <g:ClickMoveFocusStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Focused"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotFocused"/>
            </g:Stater.LeaveActions>
        </g:ClickMoveFocusStater>
        <g:ClickMovePressedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Pressed"/>
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center"  Duration="0:0:0.2" TransitionType="InExpo"/>
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center" Delay="0:0:0.2" Duration="0:0:0.2" TransitionType="OutExpo" />
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center"  Delay="0:0:0.4" Duration="0:0:0.15" TransitionType="InExpo"/>
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center" Delay="0:0:0.55" Duration="0:0:0.40" TransitionType="OutExpo"/>

                <g:TweenAnimateAction TranslateY="-20" Duration="0:0:0.2" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="22" Delay="0:0:0.2" Duration="0:0:0.2" TransitionType="InExpo" />
                <g:TweenAnimateAction TranslateY="-15" Delay="0:0:0.4" Duration="0:0:0.2" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="15" Delay="0:0:0.6" Duration="0:0:0.3" TransitionType="InExpo" />
                <g:TweenAnimateAction TranslateY="-6" Delay="0:0:0.9" Duration="0:0:0.15" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="4" Delay="0:0:1.05" Duration="0:0:0.25" TransitionType="InExpo" />
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotPressed"/>
            </g:Stater.LeaveActions>
        </g:ClickMovePressedStater>
        <g:SingleSelectionStater MouseDownAndEnterSelection="True" BringToFront="True">
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Selected"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotSelected"/>
            </g:Stater.LeaveActions>
        </g:SingleSelectionStater>
    </g:Staters>


    <g:Staters x:Key="AnimatedBarGroupStaters">
        <g:LoadedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="IsLoaded"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotIsLoaded"/>
            </g:Stater.LeaveActions>
        </g:LoadedStater>
        <g:MouseOverStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="MouseOver"/>
                <g:TweenAnimateAction Duration="0:0:0.30" ScaleX="1.45" ScaleY="1.45" AutoReverse="True" TransitionType="OutExpo" BringToFront="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotMouseOver"/>
            </g:Stater.LeaveActions>
        </g:MouseOverStater>
        <g:HoldFocusStater/>
        <g:ClickMoveFocusStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Focused"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotFocused"/>
            </g:Stater.LeaveActions>
        </g:ClickMoveFocusStater>
        <g:ClickMovePressedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Pressed"/>
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center"  Duration="0:0:0.2" TransitionType="InExpo"/>
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center" Delay="0:0:0.2" Duration="0:0:0.2" TransitionType="OutExpo" />
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center"  Delay="0:0:0.4" Duration="0:0:0.15" TransitionType="InExpo"/>
                <g:TweenAnimateAction ScaleX="-1" ScaleCenterHorizontalLocation="Center" Delay="0:0:0.55" Duration="0:0:0.40" TransitionType="OutExpo"/>

                <g:TweenAnimateAction TranslateY="-20" Duration="0:0:0.2" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="22" Delay="0:0:0.2" Duration="0:0:0.2" TransitionType="InExpo" />
                <g:TweenAnimateAction TranslateY="-15" Delay="0:0:0.4" Duration="0:0:0.2" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="15" Delay="0:0:0.6" Duration="0:0:0.3" TransitionType="InExpo" />
                <g:TweenAnimateAction TranslateY="-6" Delay="0:0:0.9" Duration="0:0:0.15" TransitionType="OutExpo" />
                <g:TweenAnimateAction TranslateY="4" Delay="0:0:1.05" Duration="0:0:0.25" TransitionType="InExpo" />
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotPressed"/>
            </g:Stater.LeaveActions>
        </g:ClickMovePressedStater>
        <g:SingleSelectionStater MouseDownAndEnterSelection="True" BringToFront="True">
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Selected"/>
                <!--<g:TweenAnimateAction Duration="0:0:0.2" ScaleX="0.8" ScaleY="0.8" AutoReverse="True" TransitionType="OutExpo" BringToFront="True"/>-->
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotSelected"/>
            </g:Stater.LeaveActions>
        </g:SingleSelectionStater>
    </g:Staters>


    <g:Staters x:Key="AnimatedTabStaters">
        <g:InitializeStater>
            <g:Stater.EnterActions>
                <g:TweenAnimateAction Duration="0" OpacityTo="0.0"/>
            </g:Stater.EnterActions>
        </g:InitializeStater>
        <g:LoadedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="IsLoaded"/>
                <g:TweenAnimateAction Duration="0" OpacityTo="0.0"/>
                <g:TweenAnimateAction TranslateY="-20" Duration="0" Delay="0"/>
                <g:TweenAnimateAction Duration="0:0:0.2" OpacityTo="1" IndexedDelay="0:0:0.1" Delay="0:0:0.3"/>
                <g:TweenAnimateAction TranslateY="25"  Duration="0:0:0.2" IndexedDelay="0:0:0.1" Delay="0:0:0.3" TransitionType="OutExpo"/>
                <g:TweenAnimateAction TranslateY="-5" Duration="0:0:0.05" IndexedDelay="0:0:0.1" Delay="0:0:0.52"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotIsLoaded"/>
            </g:Stater.LeaveActions>
        </g:LoadedStater>
        <g:MouseOverStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="MouseOver"/>
                <g:TweenAnimateAction TranslateX="20" Duration="0:0:0.2" AutoReverse="True" TransitionType="OutExpo"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotMouseOver"/>
            </g:Stater.LeaveActions>
        </g:MouseOverStater>
        <g:HoldFocusStater/>
        <g:ClickMoveFocusStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Focused"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotFocused"/>
            </g:Stater.LeaveActions>
        </g:ClickMoveFocusStater>
        <g:ClickMovePressedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Pressed"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotPressed"/>
            </g:Stater.LeaveActions>
        </g:ClickMovePressedStater>
        <g:SingleSelectionStater MouseDownAndEnterSelection="True" BringToFront="True">
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Selected"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotSelected"/>
            </g:Stater.LeaveActions>
        </g:SingleSelectionStater>
    </g:Staters>

    <g:Staters x:Key="SmoothLoadStaters">
        <g:InitializeStater>
            <g:Stater.EnterActions>
                <g:TweenAnimateAction Duration="0" OpacityTo="0.0"/>
            </g:Stater.EnterActions>
        </g:InitializeStater>
        <g:LoadedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="IsLoaded"/>
                <g:TweenAnimateAction Duration="0" OpacityTo="0.0"/>
                <g:TweenAnimateAction Duration="00:00:4" OpacityTo="1.0" IndexedDelay="00:00:0.1" Delay="00:00:0.1" TransitionType="OutExpo"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotIsLoaded"/>
            </g:Stater.LeaveActions>
        </g:LoadedStater>
        <g:MouseOverStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="MouseOver" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotMouseOver"/>
            </g:Stater.LeaveActions>
        </g:MouseOverStater>
        <g:HoldFocusStater/>
        <g:ClickMoveFocusStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Focused"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotFocused"/>
            </g:Stater.LeaveActions>
        </g:ClickMoveFocusStater>
        <g:ClickMovePressedStater>
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Pressed" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotPressed"/>
            </g:Stater.LeaveActions>
        </g:ClickMovePressedStater>
        <g:SingleSelectionStater MouseDownAndEnterSelection="True" BringToFront="True">
            <g:Stater.EnterActions>
                <g:GoToStateAction StateName="Selected" UseTransitions="True"/>
            </g:Stater.EnterActions>
            <g:Stater.LeaveActions>
                <g:GoToStateAction StateName="NotSelected"/>
            </g:Stater.LeaveActions>
        </g:SingleSelectionStater>
    </g:Staters>


    <!--     ========================== -->
    <!-- EOF ListControl Staters styles -->

    <!-- HandyContentControl styles -->
    <!-- ========================== -->
    <Style x:Key="EmptyHandyContentControlStyle" TargetType="o:HandyContentControl" >
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContentControl">
                    <Grid  x:Name="LayoutRoot" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                        <g:GContentPresenter
                          x:Name="ELEMENT_ContentPresenter"
                          Content="{TemplateBinding Content}"
                          ContentTemplate="{TemplateBinding ContentTemplate}"
                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                          OrientatedMargin="{TemplateBinding Padding}"
                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="HandyContentControlStyle" TargetType="o:HandyContentControl" >
        <Setter Property="Background" Value="White"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContentControl">
                    <Grid  x:Name="LayoutRoot">
                        <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                            <g:GContentPresenter
                          x:Name="ELEMENT_ContentPresenter"
                          Content="{TemplateBinding Content}"
                          ContentTemplate="{TemplateBinding ContentTemplate}"
                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                          OrientatedMargin="{TemplateBinding Padding}"
                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- HandyDataPresenter styles -->
    <!-- ========================== -->
    <Style x:Key="HandyDataPresenterStyle" TargetType="o:HandyDataPresenter" >
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyDataPresenter">
                    <Grid  x:Name="LayoutRoot" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                        <g:GContentPresenter
                          x:Name="ELEMENT_ContentPresenter"
                          ContentTemplate="{TemplateBinding ContentTemplate}"
                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                          OrientatedMargin="{TemplateBinding Padding}"
                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Scroller styles -->
    <!-- =============== -->

    <Style x:Key="NoScrollStyle" TargetType="g:Scroller">
        <Setter Property="HorizontalScrollBarVisibility" Value="Disabled" />
        <Setter Property="VerticalScrollBarVisibility" Value="Disabled" />
        <Setter Property="IsEnabled" Value="True" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <!-- A background is absolutly needed otherwise mouse events (leave/enter) are not correct-->
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0"/>
        <!-- Cannot currently parse FontFamily type in XAML so it's being set in code -->
        <!-- <Setter Property="FontFamily" Value="Trebuchet MS" /> -->
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:Scroller">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid Background="{TemplateBinding Background}">
                            <ContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"/>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="StandardScrollerStyle" TargetType="g:Scroller">
        <Setter Property="HorizontalScrollBarVisibility" Value="Auto" />
        <Setter Property="VerticalScrollBarVisibility" Value="Auto" />
        <Setter Property="IsEnabled" Value="True" />
        <!-- A background is absolutly needed otherwise mouse events (leave/enter) are not correct-->
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="White" />
        <Setter Property="Cursor" Value="Arrow" />
        <!-- Cannot currently parse FontFamily type in XAML so it's being set in code -->
        <!-- <Setter Property="FontFamily" Value="Trebuchet MS" /> -->
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:Scroller">
                    <Border CornerRadius="2" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid Background="{TemplateBinding Background}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <ContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Grid.Column="0"
                                  Grid.Row="0"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"/>
                            <ScrollBar                                    
                                  x:Name="ELEMENT_VerticalScrollBar" 
                                  Grid.Column="1"
                                  Grid.Row="0"
                                  Orientation="Vertical"
                                  Cursor="Arrow"
                                  ViewportSize="{TemplateBinding ViewportHeight}"
                                  Minimum="0"
                                  Style="{StaticResource StandardScrollBarStyle}"
                                  Maximum="{TemplateBinding ScrollableHeight}"
                                  Value="{TemplateBinding VerticalOffset}" 
                                  Width="18"
                                    />
                            <ScrollBar
                                  x:Name="ELEMENT_HorizontalScrollBar"
                                  Grid.Column="0"
                                  Grid.Row="1"
                                  Orientation="Horizontal"
                                  Cursor="Arrow"
                                  ViewportSize="{TemplateBinding ViewportWidth}"
                                  Minimum="0"
                                  Style="{StaticResource StandardScrollBarStyle}"
                                  Maximum="{TemplateBinding ScrollableWidth}"
                                  Value="{TemplateBinding HorizontalOffset}" 
                                  Height="18"
                                    />
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="SmallScrollerStyle" TargetType="g:Scroller">
        <Setter Property="HorizontalScrollBarVisibility" Value="Auto" />
        <Setter Property="VerticalScrollBarVisibility" Value="Auto" />
        <Setter Property="IsEnabled" Value="True" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <!-- A background is absolutly needed otherwise mouse events (leave/enter) are not correct-->
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Cursor" Value="Arrow" />
        <!-- Cannot currently parse FontFamily type in XAML so it's being set in code -->
        <!-- <Setter Property="FontFamily" Value="Trebuchet MS" /> -->
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:Scroller">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid Background="{TemplateBinding Background}" >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <ContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Grid.Column="0"
                                  Grid.Row="0"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"/>

                            <ScrollBar                                    
                                  x:Name="ELEMENT_VerticalScrollBar" 
                                  Grid.Column="0"
                                  Grid.Row="1"
                                  Orientation="Vertical"
                                  Cursor="Arrow"
                                  ViewportSize="{TemplateBinding ViewportHeight}"
                                  Minimum="0"
                                  Maximum="{TemplateBinding ScrollableHeight}"
                                  Value="{TemplateBinding VerticalOffset}" 
                                  Style="{StaticResource SmallVerticalScrollBarStyle}"
                                  Height="32"
                                  />
                            <ScrollBar
                                  x:Name="ELEMENT_HorizontalScrollBar"
                                  Grid.Column="1"
                                  Grid.Row="0"
                                  Orientation="Horizontal"
                                  Cursor="Arrow"
                                  ViewportSize="{TemplateBinding ViewportWidth}"
                                  Minimum="0"
                                  Maximum="{TemplateBinding ScrollableWidth}"
                                  Value="{TemplateBinding HorizontalOffset}" 
                                  Style="{StaticResource SmallHorizontalScrollBarStyle}"                                  
                                  Width="32"
                                  />
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- =================== -->
    <!-- EOF Scroller styles -->

    <!-- Items styles -->
    <!-- ============ -->
    <Style x:Key="Container_SeparatorStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Foreground" Value="#FFa1acb7"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="IsKeyActivable" Value="False"/>
        <Setter Property="SkipAlternateItem" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Vertical">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackgroundVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Rectangle x:Name="AlternateBackgroundVisual" Fill="#FFE7E7E7" Visibility="Collapsed" />
                        <StackPanel x:Name="VerticalPanel" Orientation="Vertical" Visibility="Visible" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                            <Rectangle Height="1" Stroke="{TemplateBinding Foreground}" Opacity="1" StrokeThickness=".5"/>
                        </StackPanel>
                        <StackPanel x:Name="HorizontalPanel" Orientation="Horizontal" Visibility="Collapsed" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}">
                            <Rectangle Width="1" Stroke="{TemplateBinding Foreground}" Opacity="1" StrokeThickness=".5"/>
                        </StackPanel>
                        <g:GContentPresenter                                     
                              x:Name="ELEMENT_ContentPresenter"
                              />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_ShelfSeparatorStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Foreground" Value="#FFa1acb7"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="IsKeyActivable" Value="False"/>
        <Setter Property="SkipAlternateItem" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Vertical">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Horizontal">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackgroundVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Rectangle x:Name="AlternateBackgroundVisual" Fill="#FFE7E7E7" Visibility="Collapsed" />
                        <StackPanel x:Name="VerticalPanel" Orientation="Vertical" Visibility="Visible" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" >
                            <Rectangle Height="1" Fill="{TemplateBinding Foreground}"/>
                        </StackPanel>
                        <StackPanel x:Name="HorizontalPanel" Orientation="Horizontal" Visibility="Collapsed" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}">
                            <Rectangle Width="1" Fill="{TemplateBinding Foreground}"/>
                        </StackPanel>
                        <g:GContentPresenter                                     
                              x:Name="ELEMENT_ContentPresenter"
                              />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_ItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="3" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="Transparent" x:Name="LayoutRoot">

                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55" />

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal"/>
                                <vsm:VisualState x:Name="Vertical"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_ItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="3" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="Transparent" x:Name="LayoutRoot">

                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55" />

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal"/>
                                <vsm:VisualState x:Name="Vertical"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_ListItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="3" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">

                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55" />

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Rectangle x:Name="backgroundVisual" Fill="White" Stroke="#FFDCDCDC"  StrokeThickness="0.5" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9"  IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>

                            <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_NodeStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="5,1,5,1" />
        <Setter Property="Margin" Value="0,2,0,0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedArrow" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowUnchecked" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="InvertedStates">
                                <vsm:VisualState x:Name="InvertedItemsFlowDirection">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="NormalItemsFlowDirection"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <StackPanel Orientation="Horizontal">
                            <Rectangle Width="{TemplateBinding FullIndentation}" />
                            <Grid MinWidth="16" Margin="0,0,1,0">
                                <Grid x:Name="HasItem" Visibility="Collapsed" Height="16" Width="16" Margin="3,0,0,0">
                                    <Path x:Name="ArrowUnchecked" HorizontalAlignment="Right" Height="7" Width="7" Stroke="#FF333333" Stretch="Fill" Data="M 4 0 L 8 4 L 4 8 Z" />
                                    <Grid x:Name="CheckedArrow" Visibility="Collapsed">
                                        <Path x:Name="ArrowCheckedToBottom" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z" />
                                        <Path x:Name="ArrowCheckedToTop" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z" Visibility="Collapsed"/>
                                    </Grid>
                                    <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="16"  Style="{StaticResource EmptyToggleButtonStyle}" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>

                                </Grid>
                            </Grid>
                            <Grid>
                                <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9"  IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>


                                <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />

                            </Grid>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_NodeStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="5,1,5,1" />
        <Setter Property="Margin" Value="0,2,0,0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedArrow" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowUnchecked" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="InvertedStates">
                                <vsm:VisualState x:Name="InvertedItemsFlowDirection">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="NormalItemsFlowDirection"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <StackPanel Orientation="Horizontal">
                            <Rectangle Width="{TemplateBinding FullIndentation}" />
                            <Grid MinWidth="16" Margin="0,0,1,0">
                                <Grid x:Name="HasItem" Visibility="Collapsed" Height="16" Width="16" Margin="3,0,0,0">
                                    <Path x:Name="ArrowUnchecked" HorizontalAlignment="Right" Height="7" Width="7" Stroke="#FF333333" Stretch="Fill" Data="M 4 0 L 8 4 L 4 8 Z" />
                                    <Grid x:Name="CheckedArrow" Visibility="Collapsed">
                                        <Path x:Name="ArrowCheckedToBottom" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z" />
                                        <Path x:Name="ArrowCheckedToTop" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z" Visibility="Collapsed"/>
                                    </Grid>
                                    <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="16"  Style="{StaticResource EmptyToggleButtonStyle}" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>

                                </Grid>
                            </Grid>
                            <Grid>
                                <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9"  IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>


                                <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />

                            </Grid>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_ShelfNodeStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="5,1,5,1" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0,0,2,0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Opacity" To=".55"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedArrow" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowUnchecked" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="InvertedStates">
                                <vsm:VisualState x:Name="InvertedItemsFlowDirection">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="NormalItemsFlowDirection"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>


                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Rectangle Width="{TemplateBinding FullIndentation}"/>
                            <Grid Grid.Column="1" MinWidth="9" Margin="0,0,1,0">
                                <Grid x:Name="HasItem" Visibility="Collapsed" Height="16" Width="16" Margin="3,0,0,0">
                                    <Path x:Name="ArrowUnchecked" HorizontalAlignment="Right" Margin="2,0,-2,0" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 4 L 4 8 Z" />
                                    <Grid x:Name="CheckedArrow" Visibility="Collapsed">
                                        <Path x:Name="ArrowCheckedToBottom" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z" />
                                        <Path x:Name="ArrowCheckedToTop" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z" Visibility="Collapsed"/>
                                    </Grid>
                                    <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="16"  Style="{StaticResource EmptyToggleButtonStyle}" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>

                                </Grid>
                            </Grid>
                            <Grid  Grid.Column="2" Margin="2,0,1,0">
                                <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Grid x:Name="MouseOverVisual" Opacity="0">
                                    <Border CornerRadius="1,5,5,1" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Border Background="#FF448DCA" />
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                    <Border CornerRadius="1,5,5,1" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                    <Border CornerRadius="1,5,5,1" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Border Background="#FF448DCA" />
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                        <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Grid x:Name="PressedVisual" Opacity="0">
                                    <Border CornerRadius="1,5,5,1" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Border Background="#FF448DCA" />
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                    <Border CornerRadius="1,5,5,1" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                        <Grid Background="{TemplateBinding Background}"  Margin="1">
                                            <Border Background="#FF448DCA" />
                                            <Rectangle>
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                        <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                        <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Grid>
                                    </Border>
                                </Grid>
                                <Border x:Name="FocusVisualElement" CornerRadius="1,5,5,1" Margin="1" BorderBrush="#FF6DBDD1" BorderThickness="1" Opacity="0" IsHitTestVisible="false" />
                                <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        HorizontalAlignment="Stretch"
                                      OrientatedMargin="8,3,5,3"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                <Border x:Name="DisabledVisual" CornerRadius="3" Background="White" Visibility="Collapsed" Opacity=".55" />

                            </Grid>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_CheckBoxStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="Background" Value="#FF448DCA"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="4,1,0,0"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0" />
        <Setter Property="Padding" Value="3,0,3,1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" Margin="{TemplateBinding Padding}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="0.55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentFocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>

                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlayOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackgroundOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddleOver" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="Pressed"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>


                        <!-- CheckBox visual -->

                        <Rectangle x:Name="AlternateBackground" Grid.ColumnSpan="2" Visibility="Collapsed" Fill="#FFF5F5F5" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="Background" Width="14" Height="14" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFFFFFFF" Margin="1"/>
                        <Rectangle x:Name="BackgroundOverlay" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                        <Rectangle x:Name="BoxMiddleBackground" Width="10" Height="10" RadiusX="1" RadiusY="1" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>
                        <Rectangle x:Name="BackgroundOverlayOver" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                        <Rectangle x:Name="BoxMiddleBackgroundOver" Width="10" Height="10" RadiusX="1" RadiusY="1" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>


                        <Rectangle x:Name="BoxMiddleOver" Visibility="Collapsed"  Width="10" Height="10" RadiusX="1" RadiusY="1" StrokeThickness="1" >
                            <Rectangle.Stroke>
                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                </LinearGradientBrush>
                            </Rectangle.Stroke>
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                    <GradientStop Color="#CCFFFFFF" Offset="0.603" />
                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle x:Name="BoxMiddle" Width="10" Height="10" RadiusX="1" RadiusY="1" StrokeThickness="1" >
                            <Rectangle.Stroke>
                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                </LinearGradientBrush>
                            </Rectangle.Stroke>
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                    <GradientStop Color="#EAFFFFFF" Offset="0.603" />
                                    <GradientStop Color="#D8FFFFFF" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle x:Name="BoxMiddleLine" Width="10" Height="10" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" Opacity=".2"/>
                        <Path x:Name="CheckIcon"  Margin="1,2,0,.5" Fill="#FF333333" Stretch="Fill" Opacity="0" Width="10.5" Height="10" Data="M102.03442,598.79645 L105.22962,597.78918 L106.78825,600.42358 C106.78825,600.42358 108.51028,595.74304 110.21724,593.60419 C112.00967,591.35822 114.89314,591.42316 114.89314,591.42316 C114.89314,591.42316 112.67844,593.42645 111.93174,594.44464 C110.7449,596.06293 107.15683,604.13837 107.15683,604.13837 z"/>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="1" RadiusY="1" Width="14" Height="14" Opacity="0" Fill="#FFFFFFFF"/>
                        <Rectangle x:Name="ContentFocusVisualElement" RadiusX="2" RadiusY="2" Stroke="#FF45D6FA" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" Width="16" Height="16" />

                        <g:GContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              Grid.Column="1"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              OrientatedMargin="{TemplateBinding Padding}"
                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                              PresenterOrientation="{TemplateBinding PresenterOrientation}"/>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_CheckBoxStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="Background" Value="#FF448DCA"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="4,1,0,0"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0" />
        <Setter Property="Padding" Value="3,0,3,1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" Margin="{TemplateBinding Padding}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="0.55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentFocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>

                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlayOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackgroundOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddleOver" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="Pressed"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>


                        <!-- CheckBox visual -->

                        <Rectangle x:Name="AlternateBackground" Grid.ColumnSpan="2" Visibility="Collapsed" Fill="#FFF5F5F5" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="Background" Width="14" Height="14" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFFFFFFF" Margin="1"/>
                        <Rectangle x:Name="BackgroundOverlay" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                        <Rectangle x:Name="BoxMiddleBackground" Width="10" Height="10" RadiusX="1" RadiusY="1" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>
                        <Rectangle x:Name="BackgroundOverlayOver" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" RadiusX="1" RadiusY="1" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                        <Rectangle x:Name="BoxMiddleBackgroundOver" Width="10" Height="10" RadiusX="1" RadiusY="1" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>


                        <Rectangle x:Name="BoxMiddleOver" Visibility="Collapsed"  Width="10" Height="10" RadiusX="1" RadiusY="1" StrokeThickness="1" >
                            <Rectangle.Stroke>
                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                </LinearGradientBrush>
                            </Rectangle.Stroke>
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                    <GradientStop Color="#CCFFFFFF" Offset="0.603" />
                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle x:Name="BoxMiddle" Width="10" Height="10" RadiusX="1" RadiusY="1" StrokeThickness="1" >
                            <Rectangle.Stroke>
                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                </LinearGradientBrush>
                            </Rectangle.Stroke>
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                    <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                    <GradientStop Color="#EAFFFFFF" Offset="0.603" />
                                    <GradientStop Color="#D8FFFFFF" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle x:Name="BoxMiddleLine" Width="10" Height="10" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" Opacity=".2"/>
                        <Path x:Name="CheckIcon"  Margin="1,2,0,.5" Fill="#FF333333" Stretch="Fill" Opacity="0" Width="10.5" Height="10" Data="M102.03442,598.79645 L105.22962,597.78918 L106.78825,600.42358 C106.78825,600.42358 108.51028,595.74304 110.21724,593.60419 C112.00967,591.35822 114.89314,591.42316 114.89314,591.42316 C114.89314,591.42316 112.67844,593.42645 111.93174,594.44464 C110.7449,596.06293 107.15683,604.13837 107.15683,604.13837 z"/>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="1" RadiusY="1" Width="14" Height="14" Opacity="0" Fill="#FFFFFFFF"/>
                        <Rectangle x:Name="ContentFocusVisualElement" RadiusX="2" RadiusY="2" Stroke="#FF45D6FA" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" Width="16" Height="16" />

                        <g:GContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              Grid.Column="1"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              OrientatedMargin="{TemplateBinding Padding}"
                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                              PresenterOrientation="{TemplateBinding PresenterOrientation}"/>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_RadioButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Background" Value="#FF448DCA"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="Padding" Value="3,0,3,1"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" Margin="{TemplateBinding Padding}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="0.55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentFocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlayOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackgroundOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddleOver" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="Pressed"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!-- RadioButton visual -->
                        <Rectangle x:Name="AlternateBackground" Grid.ColumnSpan="2" Visibility="Collapsed" Fill="#FFF5F5F5" RadiusX="1" RadiusY="1"/>
                        <Grid>
                            <Ellipse x:Name="Background" Width="14" Height="14" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFFFFFFF" Margin="1"/>
                            <Ellipse x:Name="BackgroundOverlay" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                            <Ellipse x:Name="BoxMiddleBackground" Width="10" Height="10" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>

                            <Ellipse x:Name="BackgroundOverlayOver" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                            <Ellipse x:Name="BoxMiddleBackgroundOver" Width="10" Height="10" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>

                            <Ellipse x:Name="BoxMiddleOver" Width="10" Height="10" Visibility="Collapsed" StrokeThickness="1" >
                                <Ellipse.Stroke>
                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    </LinearGradientBrush>
                                </Ellipse.Stroke>
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                        <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                        <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                        <GradientStop Color="#CCFFFFFF" Offset="0.603" />
                                        <GradientStop Color="#7FFFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Ellipse x:Name="BoxMiddle" Width="10" Height="10" StrokeThickness="1" >
                                <Ellipse.Stroke>
                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    </LinearGradientBrush>
                                </Ellipse.Stroke>
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                        <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                        <GradientStop Color="#EAFFFFFF" Offset="0.603" />
                                        <GradientStop Color="#D8FFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Ellipse x:Name="BoxMiddleLine" Width="10" Height="10" Stroke="#FF333333" StrokeThickness="1" Opacity=".2"/>
                            <Ellipse x:Name="CheckIcon" Fill="#FF333333" Width="4" Height="4" Opacity="0"/>
                            <Ellipse x:Name="DisabledVisualElement" Width="14" Height="14" Opacity="0" Fill="#FFFFFFFF"/>
                            <Ellipse x:Name="ContentFocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" Width="16" Height="16" />

                        </Grid>
                        <!-- RadioButton content -->
                        <g:GContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              Grid.Column="1"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              OrientatedMargin="{TemplateBinding Padding}"
                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                              PresenterOrientation="{TemplateBinding PresenterOrientation}" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_RadioButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Background" Value="#FF448DCA"/>
        <Setter Property="Foreground" Value="#FF333333"/>
        <Setter Property="Padding" Value="3,0,3,1"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" Margin="{TemplateBinding Padding}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="16"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="0.55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentFocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlayOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackgroundOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddleOver" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="Pressed"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundOverlay" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="BoxMiddleBackground" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#6BFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#C6FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#EAFFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#F4FFFFFF"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                        <ColorAnimation Storyboard.TargetName="BoxMiddle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Duration="0" To="#FF45D6FA"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!-- RadioButton visual -->
                        <Rectangle x:Name="AlternateBackground" Grid.ColumnSpan="2" Visibility="Collapsed" Fill="#FFF5F5F5" RadiusX="1" RadiusY="1"/>
                        <Grid>
                            <Ellipse x:Name="Background" Width="14" Height="14" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Fill="#FFFFFFFF" Margin="1"/>
                            <Ellipse x:Name="BackgroundOverlay" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                            <Ellipse x:Name="BoxMiddleBackground" Width="10" Height="10" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>

                            <Ellipse x:Name="BackgroundOverlayOver" Fill="#FFC4DBEE" Opacity="0" Width="14" Height="14" StrokeThickness="1" Margin="1" Stroke="#00000000"/>
                            <Ellipse x:Name="BoxMiddleBackgroundOver" Width="10" Height="10" Fill="{TemplateBinding Background}" Stroke="#00000000" StrokeThickness="1"/>

                            <Ellipse x:Name="BoxMiddleOver" Width="10" Height="10" Visibility="Collapsed" StrokeThickness="1" >
                                <Ellipse.Stroke>
                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    </LinearGradientBrush>
                                </Ellipse.Stroke>
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                        <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                        <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                        <GradientStop Color="#CCFFFFFF" Offset="0.603" />
                                        <GradientStop Color="#7FFFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Ellipse x:Name="BoxMiddle" Width="10" Height="10" StrokeThickness="1" >
                                <Ellipse.Stroke>
                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.375"/>
                                    </LinearGradientBrush>
                                </Ellipse.Stroke>
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0.62,0.15" EndPoint="0.64,0.88">
                                        <GradientStop Color="#FFFFFFFF" Offset="0.013" />
                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                        <GradientStop Color="#EAFFFFFF" Offset="0.603" />
                                        <GradientStop Color="#D8FFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Ellipse x:Name="BoxMiddleLine" Width="10" Height="10" Stroke="#FF333333" StrokeThickness="1" Opacity=".2"/>
                            <Ellipse x:Name="CheckIcon" Fill="#FF333333" Width="4" Height="4" Opacity="0"/>
                            <Ellipse x:Name="DisabledVisualElement" Width="14" Height="14" Opacity="0" Fill="#FFFFFFFF"/>
                            <Ellipse x:Name="ContentFocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" Width="16" Height="16" />

                        </Grid>
                        <!-- RadioButton content -->
                        <g:GContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              Grid.Column="1"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              OrientatedMargin="{TemplateBinding Padding}"
                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                              PresenterOrientation="{TemplateBinding PresenterOrientation}" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_ToggleButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="7" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="NotFocused"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="NormalVisual">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3" Background="#FF6DBDD1" Margin="1" >
                                <Grid>
                                    <Border Background="#FF448DCA" />
                                    <Border CornerRadius="1" BorderBrush="White" BorderThickness="1">
                                        <Border.Background>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Border.Background>
                                    </Border>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="1" Background="#FF6DBDD1" Margin="1" >
                                <Grid>
                                    <Border Background="#FF448DCA" />
                                    <Border CornerRadius="1" BorderBrush="#FF6DBDD1" BorderThickness="1">
                                        <Border.Background>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Border.Background>
                                    </Border>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <g:GContentPresenter
                                Grid.RowSpan="2"
                                  x:Name="ELEMENT_ContentPresenter"
                                    Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="3" RadiusY="3" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                        <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_DropDownListStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Margin" Value="1" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="Transparent" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates"/>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="NormalVisual">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="#FF448DCA"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <g:DropDown Style="{StaticResource Container_DropDownListDropDownStyle}" x:Name="ELEMENT_DropDown" Grid.RowSpan="2" >
                                <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Margin="{TemplateBinding Padding}"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>

                            <Rectangle x:Name="DisabledVisualElement" RadiusX="3" RadiusY="3" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                            <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" IsHitTestVisible="false" />

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_DropDownListStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Margin" Value="1" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="Transparent" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates"/>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="NormalVisual">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="#FF448DCA"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <g:DropDown Style="{StaticResource ToolbarCombo_DropDownListDropDownStyle}" x:Name="ELEMENT_DropDown" Grid.RowSpan="2" IsTabStop="False">
                                <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Margin="{TemplateBinding Padding}"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>

                            <Rectangle x:Name="DisabledVisualElement" RadiusX="3" RadiusY="3" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                            <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" IsHitTestVisible="false" />

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_DropDownButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>


                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid Background="Transparent">
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>

                            <g:DropDown 
                                Style="{StaticResource ContainerDropDownButtonStyle}" 
                                x:Name="ELEMENT_DropDown" 
                                Padding="5,0,5,0"
                                OpenOnEnterSpace="False">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                            <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarCombo_DropDownButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>


                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid Background="Transparent">
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>

                            <g:DropDown 
                                Style="{StaticResource ContainerDropDownButtonStyle}" 
                                x:Name="ELEMENT_DropDown" 
                                Padding="5,0,5,0"
                                OpenOnEnterSpace="False"
                                IsTabStop="False">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                            <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_ItemDetailStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Margin" Value="1" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="7" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        <Rectangle x:Name="DisabledVisualElement" RadiusX="3" RadiusY="3" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" />
                        <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Name="EmptyStyle" TargetType="g:Item">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:Item">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!--<StackPanel Orientation="Horizontal">-->
                        <Grid Background="{TemplateBinding Background}" Margin="{TemplateBinding Margin}">
                            <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"                                                                  
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Grid>
                        <!--</StackPanel>-->
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Name="ToolBarItemContainerStyle" TargetType="g:Item">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="3,0,3,0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="0" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:Item">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!--<StackPanel Orientation="Horizontal">-->
                        <Grid Background="{TemplateBinding Background}" Margin="{TemplateBinding Margin}">
                            <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"                                                                  
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Grid>
                        <!--</StackPanel>-->
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MenuSeparatorStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Foreground" Value="Transparent"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="#FFa1acb7"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="2"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="{TemplateBinding Background}" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Vertical">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <StackPanel Orientation="Vertical" x:Name="VerticalPanel">
                            <Rectangle Height="1" Fill="{TemplateBinding BorderBrush}" />

                        </StackPanel>
                        <StackPanel Orientation="Horizontal" x:Name="HorizontalPanel">
                            <Rectangle Width="1" Fill="{TemplateBinding BorderBrush}" />

                        </StackPanel>
                        <g:GContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MainMenuItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,5,2" />
        <Setter Property="Margin" Value="1" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>

        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownHorizontalAlignment" Value="Left"/>
        <Setter Property="DropDownVerticalAlignment" Value="Bottom"/>
        <Setter Property="AutoOpenDropDownBehavior" Value="AutoIfBrotherItemIsOpened" />
        <Setter Property="AutoOpenDropDownDelay" Value="00:00:00" />
        <Setter Property="AutoOpenDropDownAction" Value="GotFocus" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition To="MouseOver" GeneratedDuration="0:0:0.1" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates"/>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <g:DropDown Style="{StaticResource MainMenuDropDownStyle}" x:Name="ELEMENT_DropDown">
                            <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </g:DropDown>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MainMenuGroupItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="18,2,5,2" />
        <Setter Property="Margin" Value="0,1,0,1"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="False"/>
        <Setter Property="AutoOpenDropDownBehavior" Value="Auto" />
        <Setter Property="AutoOpenDropDownDelay" Value="00:00:00.3" />
        <Setter Property="AutoOpenDropDownAction" Value="MouseOver" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected">
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Path x:Name="CheckIcon" Fill="#FF333333" Stretch="Fill" HorizontalAlignment="Left" Margin="5,0,0,0" Visibility="Collapsed" Width="10.5" Height="10" Data="M102.03442,598.79645 L105.22962,597.78918 L106.78825,600.42358 C106.78825,600.42358 108.51028,595.74304 110.21724,593.60419 C112.00967,591.35822 114.89314,591.42316 114.89314,591.42316 C114.89314,591.42316 112.67844,593.42645 111.93174,594.44464 C110.7449,596.06293 107.15683,604.13837 107.15683,604.13837 z"/>
                            <g:DropDown Style="{StaticResource MenuItemDropDownStyle}" Background="Transparent" x:Name="ELEMENT_DropDown">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MenuItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="18,2,18,2" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="White" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="AutoOpenDropDownBehavior" Value="Auto" />
        <Setter Property="AutoOpenDropDownDelay" Value="00:00:00.3" />
        <Setter Property="AutoOpenDropDownAction" Value="MouseOver" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="OpenOnPress" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor3" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="fillColor3" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>


                        <g:DropDown Style="{StaticResource MenuItemDropDownStyle}" x:Name="ELEMENT_DropDown" Background="Transparent" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}">
                            <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </g:DropDown>
                        <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_ToolbarItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,0,5,0" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="White" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="AutoOpenDropDownBehavior" Value="Auto" />
        <Setter Property="AutoOpenDropDownDelay" Value="00:00:00.3" />
        <Setter Property="AutoOpenDropDownAction" Value="MouseOver" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor3" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                        <Rectangle x:Name="fillColor3" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>

                        <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                       
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                        <Rectangle x:Name="DisabledVisual" Fill="White" Visibility="Collapsed" RadiusX="1" RadiusY="1" Opacity=".55"  />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MenuGroupItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="18,2,18,2" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="White" />
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="AutoOpenDropDownBehavior" Value="Auto" />
        <Setter Property="AutoOpenDropDownDelay" Value="00:00:00.3" />
        <Setter Property="AutoOpenDropDownAction" Value="MouseOver" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem" >
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected">
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckIcon" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid>
                            <Rectangle x:Name="BackgroundVisual" Fill="{TemplateBinding Background}"/>
                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Path x:Name="CheckIcon" Fill="#FF333333" Stretch="Fill" HorizontalAlignment="Left" Margin="3,0,0,0" Visibility="Collapsed" Width="10.5" Height="10" Data="M102.03442,598.79645 L105.22962,597.78918 L106.78825,600.42358 C106.78825,600.42358 108.51028,595.74304 110.21724,593.60419 C112.00967,591.35822 114.89314,591.42316 114.89314,591.42316 C114.89314,591.42316 112.67844,593.42645 111.93174,594.44464 C110.7449,596.06293 107.15683,604.13837 107.15683,604.13837 z"/>

                            <g:DropDown Style="{StaticResource MenuItemDropDownStyle}" Background="Transparent" x:Name="ELEMENT_DropDown">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_MenuBarItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="0" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="AutoOpenDropDownBehavior" Value="Auto" />
        <Setter Property="AutoOpenDropDownDelay" Value="00:00:00.3" />
        <Setter Property="AutoOpenDropDownAction" Value="MouseOver" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem" >
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected">
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>


                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid>
                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <g:DropDown Style="{StaticResource MenuItemDropDownStyle}" Background="Transparent" x:Name="ELEMENT_DropDown">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          Margin="{TemplateBinding Padding}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                            <Rectangle x:Name="DisabledVisual" Fill="White" Visibility="Collapsed" RadiusX="1" RadiusY="1" Opacity=".55"/>

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MenuListNodeStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>

        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="4,1,20,1" />
        <Setter Property="Margin" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedArrow" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowUnchecked" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <StackPanel Orientation="Horizontal">
                            <Rectangle Width="{TemplateBinding FullIndentation}" />
                            <Grid MinWidth="10" Margin="0,0,1,0">
                                <Grid x:Name="HasItem" Visibility="Collapsed" Height="16" Width="10" Margin="1,0,1,0">
                                    <Path x:Name="ArrowUnchecked" HorizontalAlignment="Right" Height="7" Width="7" Stroke="#FF333333" Stretch="Fill" Data="M 4 0 L 8 4 L 4 8 Z" />
                                    <Grid x:Name="CheckedArrow" Visibility="Collapsed">
                                        <Path x:Name="ArrowCheckedToBottom" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z" />
                                        <Path x:Name="ArrowCheckedToTop" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z" Visibility="Collapsed"/>
                                    </Grid>
                                    <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="10"  Style="{StaticResource EmptyToggleButtonStyle}" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>

                                </Grid>
                            </Grid>
                            <Grid>
                                <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9"  IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>

                                <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                            </Grid>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_MenuListContainerNodeStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>

        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="4,1,20,1" />
        <Setter Property="Margin" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor3" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedArrow" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowUnchecked" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <StackPanel Orientation="Horizontal">
                            <Rectangle Width="{TemplateBinding FullIndentation}" />
                            <Grid MinWidth="10" Margin="0,0,1,0">
                                <Grid x:Name="HasItem" Visibility="Collapsed" Height="16" Width="10" Margin="1,0,1,0">
                                    <Path x:Name="ArrowUnchecked" HorizontalAlignment="Right" Height="7" Width="7" Stroke="#FF333333" Stretch="Fill" Data="M 4 0 L 8 4 L 4 8 Z" />
                                    <Grid x:Name="CheckedArrow" Visibility="Collapsed">
                                        <Path x:Name="ArrowCheckedToBottom" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z" />
                                        <Path x:Name="ArrowCheckedToTop" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z" Visibility="Collapsed"/>
                                    </Grid>
                                    <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="10"  Style="{StaticResource EmptyToggleButtonStyle}" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>

                                </Grid>
                            </Grid>
                            <Grid>
                                <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                <Rectangle x:Name="fillColor3" Opacity="0" Fill="#FFBADDE9" Stroke="#FF45D6FA" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>


                                <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                            </Grid>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MainMenuDropDownItemStyle" TargetType="o:HandyListItem">
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <Setter Property="Padding" Value="5,2,5,2" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownHorizontalAlignment" Value="Left"/>
        <Setter Property="DropDownLocation" Value="Bottom"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="False"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Margin="1,2,1,2" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded"/>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <g:DropDown Style="{StaticResource MainMenuDropDownButtonStyle}" x:Name="ELEMENT_DropDown">
                            <g:GContentPresenter
                              x:Name="ELEMENT_ContentPresenter"
                              OrientatedMargin="{TemplateBinding Padding}"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              Cursor="{TemplateBinding Cursor}"
                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                              PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </g:DropDown>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_MenuDropDownItemStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <Setter Property="Padding" Value="18,2,5,2" />

        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownVerticalAlignment" Value="Top"/>
        <Setter Property="DropDownLocation" Value="Right"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Margin="1,2,1,2" Background="Transparent" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_DropDown" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid>
                            <g:DropDown Style="{StaticResource MenuListDropDownButtonStyle}" x:Name="ELEMENT_DropDown">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_AnimatedToolBarSeparatorStyle" TargetType="o:HandyListItem">
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Foreground" Value="Transparent"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Vertical">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <StackPanel Orientation="Vertical" x:Name="VerticalPanel" Visibility="Collapsed">
                            <Rectangle Height="4" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" Opacity="0.8" />
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" x:Name="HorizontalPanel">
                            <Rectangle Width="4" RadiusX="1" RadiusY="1" Stroke="{TemplateBinding BorderBrush}" Opacity="0.8" />
                        </StackPanel>
                        <g:GContentPresenter                                     
                      x:Name="ELEMENT_ContentPresenter"
                      />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_ToolBarSeparatorStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Foreground" Value="Transparent"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="#FFa1acb7"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="1"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Vertical">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <StackPanel Orientation="Vertical" x:Name="VerticalPanel" Visibility="Collapsed">
                            <Rectangle Height="1" Fill="{TemplateBinding BorderBrush}"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" x:Name="HorizontalPanel">
                            <Rectangle Width="1" Fill="{TemplateBinding BorderBrush}"/>
                        </StackPanel>
                        <g:GContentPresenter                                     
                          x:Name="ELEMENT_ContentPresenter"
                          />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_ToolBarButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
        <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,5,2" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="2,0,2,0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>

                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="#FF6DBDD1" Margin="1" >
                                    <Grid>
                                        <Border Background="#FF448DCA" />
                                        <Border CornerRadius="1" BorderBrush="#FF6DBDD1" BorderThickness="1">
                                            <Border.Background>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Border.Background>
                                        </Border>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <g:GContentPresenter                                       
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_ToolBarGroupButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
        <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,5,2" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="NormalVisual">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="#FF6DBDD1" Margin="1" />
                                <Grid Margin="1" >
                                    <Border Background="#FF448DCA" />
                                    <Border CornerRadius="1" BorderBrush="White" BorderThickness="1">
                                        <Border.Background>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Border.Background>
                                    </Border>
                                </Grid>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <g:GContentPresenter                                  
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Grid>
                        <g:LocatedBorder x:Name="DisabledVisual" Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" Visibility="Collapsed" CornerRadius="3" Background="White" Opacity=".55"/>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_ToolBarMenuButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,3,2" />
        <Setter Property="Margin" Value="2,0,2,0"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownHorizontalAlignment" Value="Left"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">

                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                    <Storyboard>
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OpenVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowVisualToTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowVisualToBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="NormalVisual">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="OpenVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <g:DropDown Style="{StaticResource ToolbarDropDownStyle}" x:Name="ELEMENT_DropDown" Grid.RowSpan="2">
                                <StackPanel Orientation="Horizontal" >
                                    <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                    <Path x:Name="ArrowVisualToBottom" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,-2,6,0" Fill="#FF333333" Data="M 0 4 L 8 4 L 4 8 Z"/>
                                    <Path x:Name="ArrowVisualToTop" HorizontalAlignment="Center" Visibility="Collapsed" VerticalAlignment="Center" Margin="0,0,6,0" Fill="#FF333333" Data="M 0 4 L 8 4 L 4 0 Z"/>
                                </StackPanel>
                            </g:DropDown>
                            <Border x:Name="DisabledVisual" CornerRadius="3" Background="White" Opacity=".55" Visibility="Collapsed"  />

                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_ToolBarGroupMenuButtonStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,3,2" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownHorizontalAlignment" Value="Left"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">

                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DropDownStates">
                                <vsm:VisualState x:Name="NotOpen"/>
                                <vsm:VisualState x:Name="Open">
                                    <Storyboard>
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowVisualToTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowVisualToBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">

                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="NormalVisual">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="2">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Grid>
                            <g:DropDown Style="{StaticResource ToolbarDropDownStyle}" Foreground="{TemplateBinding Foreground}" x:Name="ELEMENT_DropDown" Grid.RowSpan="2">
                                <StackPanel Orientation="Horizontal" >
                                    <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                    <Path x:Name="ArrowVisualToBottom" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="1,-2,5,0" Fill="#FF333333" Data="M 0 4 L 8 4 L 4 8 Z"/>
                                    <Path x:Name="ArrowVisualToTop" HorizontalAlignment="Center" Visibility="Collapsed" VerticalAlignment="Center" Margin="1,0,5,0" Fill="#FF333333" Data="M 0 4 L 8 4 L 4 0 Z"/>

                                </StackPanel>
                            </g:DropDown>
                            <g:LocatedBorder x:Name="DisabledVisual" Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" Visibility="Collapsed" CornerRadius="3" Background="White" Opacity=".55"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Command_ToolbarDropDownStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,5,2" />
        <Setter Property="Margin" Value="2,0,2,0"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownHorizontalAlignment" Value="Left"/>
        <Setter Property="DropDownLocation" Value="Bottom"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid x:Name="MouseOverVisual" Opacity="0">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="PressedVisual" Opacity="0">
                                <Border CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="{TemplateBinding Background}"  Margin="1">
                                        <Border Background="#FF448DCA" />
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="#FF448DCA"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                        </Grid>
                        <Grid>
                            <g:DropDown Style="{StaticResource ToolbarDropDownButtonStyle}" Foreground="{TemplateBinding Foreground}" x:Name="ELEMENT_DropDown" Padding="0">
                                <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                            </g:DropDown>
                        </Grid>
                        <Border x:Name="DisabledVisual" CornerRadius="3" Background="White" Visibility="Collapsed" Opacity=".55" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Command_ToolbarGroupDropDownStyle" TargetType="o:HandyListItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Top" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="5,2,5,2" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="DropDownHorizontalAlignment" Value="Left"/>
        <Setter Property="DropDownLocation" Value="Bottom"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates"/>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="NormalVisual">
                            <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                            <Grid Background="{TemplateBinding Background}"  Margin="2">
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Grid>
                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                            <Grid Background="{TemplateBinding Background}"  Margin="2">
                                <Border Background="#FF448DCA" />
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="#FF6DBDD1" Margin="1" />
                            <Grid Margin="1" >
                                <Border Background="#FF448DCA" />
                                <Border CornerRadius="1" BorderBrush="White" BorderThickness="1">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                            <GradientStop Color="#D8FFFFFF" Offset="0" />
                                            <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                            <GradientStop Color="#3FFFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                </Border>
                            </Grid>
                        </Grid>
                        <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                            <Grid Background="{TemplateBinding Background}"  Margin="2">
                                <Border Background="#FF448DCA" />
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <g:LocatedBorder Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" CornerRadius="3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}"/>
                            <Grid Background="{TemplateBinding Background}"  Margin="2">
                                <Border Background="#FF448DCA" />
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#D8FFFFFF" Offset="0" />
                                            <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                            <GradientStop Color="#3FFFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Grid>
                        <g:DropDown Style="{StaticResource ToolbarDropDownButtonStyle}" Foreground="{TemplateBinding Foreground}"  BorderThickness="0,0.5,1,1" Margin="0" x:Name="ELEMENT_DropDown" Padding="0">
                            <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                                                                
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </g:DropDown>
                        <g:LocatedBorder x:Name="DisabledVisual" Style="{StaticResource LocatedBorderStyle}" ChildLocations="{TemplateBinding ChildLocations}" Visibility="Collapsed" CornerRadius="3" Background="White" Opacity=".55"/>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Name="Command_AnimatedToolBarItemStyle" TargetType="o:HandyListItem">
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="2,0,0,0" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="#FF1F3B53" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Margin" Value="2"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Duration="00:00:00.3" Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Opacity" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid Background="{TemplateBinding Background}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <g:GContentPresenter
                              Grid.Row="0"
                              x:Name="ELEMENT_ContentPresenter"                                                                  
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              Cursor="{TemplateBinding Cursor}"
                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              Margin="{TemplateBinding Padding}"
                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                              PresenterOrientation="{TemplateBinding PresenterOrientation}"/>

                            <Grid x:Name="SelectedVisual" Grid.Row="1" Opacity="0"  Margin="1,1,1,1" Height="6" VerticalAlignment="Top" Width="12">
                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="#FF1F3B53"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Name="Command_AnimatedGroupItemStyle" TargetType="o:HandyListItem">
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="2,0,0,0" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="#FF1F3B53" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Margin" Value="2"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Duration="00:00:00.3" Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Opacity" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <g:GContentPresenter
                                  Grid.Row="0"
                                x:Name="ELEMENT_ContentPresenter"      
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>

                            <Grid x:Name="SelectedVisual" Grid.Row="1" Opacity="0"  Margin="1,1,1,1" Height="6" VerticalAlignment="Top" Width="12">

                                <Border CornerRadius="3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                    <Grid Background="#FF1F3B53"  Margin="1">
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                    </Grid>
                                </Border>
                            </Grid>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Navigation_SeparatorStyle" TargetType="o:NavigatorItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Foreground" Value="Transparent"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="#FFa1acb7"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Margin" Value="2"/>
        <Setter Property="g:SelectionStater.CanSelect" Value="Off"/>
        <Setter Property="g:MouseOverStater.CanMouseOver" Value="Off"/>
        <Setter Property="g:PressedStater.CanPress" Value="Off"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid Background="{TemplateBinding Background}" x:Name="LayoutRoot" Margin="{TemplateBinding Margin}">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Vertical">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalPanel" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <StackPanel Orientation="Vertical" x:Name="VerticalPanel" Visibility="Collapsed">
                            <Rectangle Height="1" Fill="{TemplateBinding BorderBrush}"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" x:Name="HorizontalPanel">
                            <Rectangle Width="1" Fill="{TemplateBinding BorderBrush}"/>
                        </StackPanel>
                        <g:GContentPresenter                                     
                          x:Name="ELEMENT_ContentPresenter"
                          />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <!-- TODO -->
    <Style x:Key="Navigation_NodeStyle" TargetType="o:NavigatorItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot">
                        <g:GContentPresenter
                            x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Navigation_TopTabItemStyle" TargetType="o:NavigatorItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
        <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush" Value="#FFA3AEB9"/>
        <Setter Property="Padding" Value="6,3,6,2"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal"/>
        <Setter Property="IsTabStop" Value="True"/>
        <Setter Property="HandyOverflowedStyle" Value="OverflowedItem"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BorderTop" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientTop-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientTop" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientTop" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientTop" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TemplateTopSelected" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!-- TabStripPlacement Top | Selected -->

                        <!-- TabStripPlacement Top | Unselected -->
                        <Grid x:Name="TemplateTopUnselected" >
                            <Border x:Name="BorderTop"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1" 
                                    Margin="0,1,0,0"
                                Background="{TemplateBinding Background}"
                                CornerRadius="3,3,0,0">
                                <Border x:Name="GradientTop" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,1,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>

                                    </Grid>
                                </Border>
                            </Border>
                        </Grid>


                        <Grid x:Name="TemplateTopSelected" Visibility="Collapsed" >
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,1,1,0" 
                                Background="{TemplateBinding Background}"
                                Margin="-2,-1,-2,0"
                                CornerRadius="3,3,0,0">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,1,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>

                                </Border>
                            </Border>

                        </Grid>


                        <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
                            <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"                                      
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"                                    
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"
                                     />
                        </Grid>
                        <Border x:Name="FocusVisualElement" CornerRadius="3,3,0,0" BorderBrush="#FF45D6FA" BorderThickness="1" Margin="-1" Visibility="Collapsed" IsHitTestVisible="false" />

                        <Border x:Name="DisabledVisual" CornerRadius="3,3,0,0" Background="White" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Navigation_LeftTabItemStyle" TargetType="o:NavigatorItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush" Value="#FFA3AEB9"/>
        <Setter Property="Padding" Value="7,2,6,2"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal"/>
        <Setter Property="IsTabStop" Value="True"/>
        <Setter Property="HandyOverflowedStyle" Value="OverflowedItem"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">

                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>

                                        <DoubleAnimation Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <!--GradientLeft-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BorderLeft" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientTop-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientLeft" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientLeft" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientLeft" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TemplateLeftSelected" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- TabStripPlacement Left | Selected -->


                        <!-- TabStripPlacement Left | Unselected -->
                        <Grid x:Name="TemplateLeftUnselected">
                            <Border x:Name="BorderLeft"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}" 
                                Background="{TemplateBinding Background}"
                                    Margin="1,0,0,0"
                                CornerRadius="3,0,0,3">
                                <Border x:Name="GradientLeft" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>

                                </Border>
                            </Border>
                        </Grid>
                        <Grid x:Name="TemplateLeftSelected" Visibility="Collapsed">
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,1,0,1" 
                                Background="{TemplateBinding Background}"
                                Margin="-1,-2,0,-2"
                                CornerRadius="3,0,0,3">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>

                                </Border>
                            </Border>

                        </Grid>
                        <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
                            <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>

                        </Grid>
                        <Border x:Name="FocusVisualElement" CornerRadius="3,0,0,3" BorderBrush="#FF45D6FA" BorderThickness="1" Margin="-1" Visibility="Collapsed" IsHitTestVisible="false" />

                        <Border x:Name="DisabledVisual" CornerRadius="3,0,0,3" Background="White" Opacity="0" IsHitTestVisible="false" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Navigation_RightTabItemStyle" TargetType="o:NavigatorItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush" Value="#FFA3AEB9"/>
        <Setter Property="Padding" Value="6,2,7,2"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Margin" Value="0,0,1,0"/>
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal"/>
        <Setter Property="IsTabStop" Value="True"/>
        <Setter Property="HandyOverflowedStyle" Value="OverflowedItem"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot"  Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>

                                        <DoubleAnimation Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BorderRight" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientTop-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientRight" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientRight" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientRight" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TemplateRightSelected" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- TabStripPlacement Right | Selected -->


                        <!-- TabStripPlacement Right + Unselected -->
                        <Grid x:Name="TemplateRightUnselected">
                            <Border x:Name="BorderRight"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1" 
                                    Margin="0,0,1,0"
                                Background="{TemplateBinding Background}"
                                CornerRadius="0,3,3,0">
                                <Border x:Name="GradientRight" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,1,1,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                </Border>
                            </Border>
                        </Grid>

                        <Grid x:Name="TemplateRightSelected" Visibility="Collapsed">
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="0,1,1,1" 
                                Background="{TemplateBinding Background}"
                                Margin="0,-2,-1,-2"
                                CornerRadius="0,3,3,0">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,1,1,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>

                                </Border>
                            </Border>
                        </Grid>

                        <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
                            <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Grid>
                        <Border x:Name="FocusVisualElement" CornerRadius="0,3,3,0" BorderBrush="#FF45D6FA" BorderThickness="1" Margin="-1" Visibility="Collapsed" IsHitTestVisible="false" />
                        <Border x:Name="DisabledVisual" CornerRadius="0,3,3,0" Background="White" Opacity="0" IsHitTestVisible="false" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Navigation_BottomTabItemStyle" TargetType="o:NavigatorItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush" Value="#FFA3AEB9"/>
        <Setter Property="Padding" Value="6,2,6,3"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="Margin" Value="0,0,0,1"/>
        <Setter Property="PresenterOrientation" Value="Horizontal"/>
        <Setter Property="IsTabStop" Value="True"/>
        <Setter Property="HandyOverflowedStyle" Value="OverflowedItem"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot"  Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BorderBottom" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientTop-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientBottom" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientBottom" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientBottom" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TemplateBottomSelected" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <!-- TabStripPlacement Bottom | Selected -->


                        <!-- TabStripPlacement Bottom + Unselected -->
                        <Grid x:Name="TemplateBottomUnselected" >
                            <Border x:Name="BorderBottom"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1" 
                                    Margin="0,0,0,1"
                                Background="{TemplateBinding Background}"
                                CornerRadius="0,0,3,3">
                                <Border x:Name="GradientBottom" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,0,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderBottomUnselected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>
                        </Grid>

                        <Grid x:Name="TemplateBottomSelected" Visibility="Collapsed" >
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,0,1,1" 
                                Background="{TemplateBinding Background}"
                                Margin="-2,0,-2,-1"
                                CornerRadius="0,0,3,3">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,0,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderBottomSelected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>
                        </Grid>

                        <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
                            <g:GContentPresenter
                                      x:Name="ELEMENT_ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Cursor="{TemplateBinding Cursor}"
                                      OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      OrientatedMargin="{TemplateBinding Padding}"
                                      OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        </Grid>
                        <Border x:Name="FocusVisualElement" CornerRadius="0,0,3,3" BorderBrush="#FF45D6FA" BorderThickness="1" Margin="-1" Visibility="Collapsed" IsHitTestVisible="false" />
                        <Border x:Name="DisabledVisual" CornerRadius="0,0,3,3" Background="White" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Navigation_TabListItemStyle" TargetType="o:NavigatorItem">
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="3,2,6,2" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1,1,0,1"/>
        <Setter Property="Margin" Value="2,1,0,1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="HandyOverflowedStyle" Value="OverflowedItem"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>-->
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>

                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>

                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3,0,0,3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1,1,0,1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3,0,0,3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1,1,0,1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3,0,0,3" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1,1,0,1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="3,0,0,3" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1,1,0,1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <g:GContentPresenter
                                              x:Name="ELEMENT_ContentPresenter"
                                              Content="{TemplateBinding Content}"
                                              ContentTemplate="{TemplateBinding ContentTemplate}"
                                              Cursor="{TemplateBinding Cursor}"
                                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              OrientatedMargin="{TemplateBinding Padding}"
                                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                              PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="Navigation_MenuNodeStyle" TargetType="o:NavigatorItem">
        <!--<Setter Property="IsEnabled" Value="true" />-->
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="ExpandMode" Value="CollapseSiblingNodes"/>
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="0,2,8,2" />
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="ExpandOnUnpress" Value="True" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>

                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ExpandButton" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasChildrenDisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NormalFocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasChildrenFocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                        <DoubleAnimation Storyboard.TargetName="HasChildrenOver" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="HasChildrenOverSelected" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="HasChildrenPressed" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasChildrenSelected" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasChildrenOverSelected" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasChildrenVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ELEMENT_ExpandButton" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasChildrenExpanded" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <g:GStackPanel Orientation="Horizontal" FillEmptySpaceBehavior="LastItemNoShrink" >
                            <Rectangle Width="{TemplateBinding FullIndentation}"/>
                            <Grid>
                                <Grid>
                                    <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                    <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                    <Rectangle x:Name="NormalFocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                                </Grid>
                                <Grid x:Name="HasChildrenVisual" Visibility="Collapsed">
                                    <Grid x:Name="HasChildrenNormal">
                                        <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="HasChildrenOver" Opacity="0" >
                                        <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Border Background="#FF448DCA" />
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="HasChildrenExpanded" Visibility="Collapsed">
                                        <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="HasChildrenSelected" Visibility="Collapsed">
                                        <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="HasChildrenOverSelected" Opacity="0" Visibility="Collapsed" >
                                        <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Border Background="#FF448DCA" />
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                            <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#7FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Grid x:Name="HasChildrenPressed" Opacity="0">
                                        <Border CornerRadius="3,3,0,0" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                            <Grid Background="{TemplateBinding Background}"  Margin="1">
                                                <Border Background="#FF448DCA" />
                                                <Rectangle>
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                            <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                            <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                            <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                            <GradientStop Color="#3FFFFFFF" Offset="1" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <Border x:Name="HasChildrenFocusVisualElement" CornerRadius="2,2,0,0" Margin="1" Visibility="Collapsed" BorderBrush="#FF6DBDD1" BorderThickness="1" IsHitTestVisible="false" />
                                    <Border x:Name="HasChildrenDisabledVisual" CornerRadius="3,3,0,0" Margin="1" Background="White"  Visibility="Collapsed" Opacity=".55" />

                                </Grid>
                                <StackPanel Orientation="Horizontal">
                                    <Grid MinWidth="10">
                                        <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="16" Style="{StaticResource NodeButtonStyle}"  Visibility="Collapsed" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>
                                    </Grid>
                                    <g:GContentPresenter
                                              x:Name="ELEMENT_ContentPresenter"
                                              Content="{TemplateBinding Content}"
                                              ContentTemplate="{TemplateBinding ContentTemplate}"
                                              Cursor="{TemplateBinding Cursor}"
                                              OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              OrientatedMargin="{TemplateBinding Padding}"
                                              OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                              PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                </StackPanel>
                            </Grid>
                        </g:GStackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Navigation_TabMenuItemStyle" TargetType="o:NavigatorItem">
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="Padding" Value="8,2,8,2" />
        <Setter Property="Margin" Value="1"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:NavigatorItem">
                    <Grid x:Name="LayoutRoot" Background="Transparent" >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="PressedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="PressedSelectedVisual" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverSelectedVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid x:Name="NormalVisual">
                            <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="MouseOverVisual" Opacity="0">
                            <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="SelectedVisual" Visibility="Collapsed">
                            <Border CornerRadius="3,3,0,0" Background="#FF6DBDD1" Margin="1" >
                                <Grid>
                                    <Border Background="#FF448DCA" />
                                    <Border CornerRadius="3,3,0,0" BorderBrush="White" BorderThickness="1">
                                        <Border.Background>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Border.Background>
                                    </Border>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="MouseOverSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3,3,0,0" Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                <GradientStop Color="#F2FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#CCFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#7FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedVisual" Opacity="0">
                            <Border CornerRadius="3,3,0,0" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid x:Name="PressedSelectedVisual" Opacity="0" Visibility="Collapsed" >
                            <Border CornerRadius="3,3,0,0" Background="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Grid Background="{TemplateBinding Background}"  Margin="1">
                                    <Border Background="#FF448DCA" />
                                    <Rectangle>
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,1" EndPoint=".7,0">
                                                <GradientStop Color="#D8FFFFFF" Offset="0" />
                                                <GradientStop Color="#C6FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#8CFFFFFF" Offset="0.625" />
                                                <GradientStop Color="#3FFFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                        </Grid>
                        <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                        <Rectangle x:Name="FocusVisualElement" RadiusX="2" RadiusY="2" Margin="1" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                        <Rectangle x:Name="DisabledVisual" Fill="White" Visibility="Collapsed" RadiusX="1" RadiusY="1" Opacity=".55"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- ================ -->
    <!-- EOF Items styles -->

    <!-- ListSeparator styles -->
    <!-- ==================== -->
    <Style x:Key="StandardColSeparatorStyle" TargetType="g:ListSeparator">
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush" Value="#FF718597"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:ListSeparator">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" VerticalAlignment="Stretch" HorizontalAlignment="Center"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="StandardRowSeparatorStyle" TargetType="g:ListSeparator">
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush" Value="#FF718597"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:ListSeparator">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" VerticalAlignment="Center" HorizontalAlignment="Stretch"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- HandyContainer styles -->
    <!-- ===================== -->

    <Style x:Key="ListStyle" TargetType="o:HandyContainer">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyStyle" Value="ListStyle"/>
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="StandardItem"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="SelectionMode" Value="Single"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Container_ItemStyle}"/>
        <Setter Property="ListItemStyle" Value="{StaticResource Container_ListItemStyle}"/>
        <Setter Property="DetailsItemStyle" Value="{StaticResource Container_ItemDetailStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Container_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Container_RadioButtonStyle}"/>
        <Setter Property="ToggleButtonStyle" Value="{StaticResource Container_ToggleButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Container_NodeStyle}"/>

        <Setter Property="DropDownListStyle" Value="{StaticResource Container_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Container_DropDownButtonStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Border 
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        Padding="{TemplateBinding Padding}">
                        <Grid x:Name="ELEMENT_Root">
                            <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="Transparent"
                                BorderThickness="0"
                                Margin="{TemplateBinding Padding}">
                                <g:GItemsPresenter
                                            Opacity="{TemplateBinding Opacity}"
                                            Cursor="{TemplateBinding Cursor}"
                                            HorizontalAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                            </g:Scroller>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ShelfStyle" TargetType="o:HandyContainer">
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyStyle" Value="ListStyle"/>
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="RowSize" Value="29"/>
        <Setter Property="ColSize" Value="50%"/>
        <Setter Property="ColSpace" Value="0"/>
        <Setter Property="RowSpace" Value="0"/>
        <Setter Property="TabNavigation" Value="Local" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_ShelfSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Container_ItemStyle}"/>
        <Setter Property="ListItemStyle" Value="{StaticResource Container_ListItemStyle}"/>
        <Setter Property="DetailsItemStyle" Value="{StaticResource Container_ItemDetailStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Container_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Container_RadioButtonStyle}"/>
        <Setter Property="ToggleButtonStyle" Value="{StaticResource Container_ToggleButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Container_ShelfNodeStyle}"/>

        <Setter Property="DropDownListStyle" Value="{StaticResource Container_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Container_DropDownButtonStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Border 
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        Padding="{TemplateBinding Padding}">
                        <Grid x:Name="ELEMENT_Root">
                            <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="Transparent"
                                BorderThickness="0"
                                Margin="{TemplateBinding Padding}">
                                <g:GItemsPresenter
                                            Opacity="{TemplateBinding Opacity}"
                                            Cursor="{TemplateBinding Cursor}"
                                            HorizontalAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment ="{TemplateBinding VerticalContentAlignment}"
                                            TabNavigation="Local"/>
                            </g:Scroller>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="VerticalShelfStyle" TargetType="o:HandyContainer">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyStyle" Value="ListStyle"/>
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="0"/>
        <Setter Property="RowSpace" Value="0"/>
        <Setter Property="TabNavigation" Value="Local" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Container_ItemStyle}"/>
        <Setter Property="ListItemStyle" Value="{StaticResource Container_ListItemStyle}"/>
        <Setter Property="DetailsItemStyle" Value="{StaticResource Container_ItemDetailStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Container_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Container_RadioButtonStyle}"/>
        <Setter Property="ToggleButtonStyle" Value="{StaticResource Container_ToggleButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Container_ShelfNodeStyle}"/>

        <Setter Property="DropDownListStyle" Value="{StaticResource Container_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Container_DropDownButtonStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Border 
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        Padding="{TemplateBinding Padding}">
                        <Grid x:Name="ELEMENT_Root">
                            <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="Transparent"
                                BorderThickness="0"
                                Margin="{TemplateBinding Padding}">
                                <g:GItemsPresenter
                                    x:Name="ELEMENT_ItemsPresenter"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment ="{TemplateBinding VerticalContentAlignment}"
                                    TabNavigation="Local"/>
                            </g:Scroller>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ComboContentListStyle" TargetType="o:HandyContainer">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyStyle" Value="ListStyle"/>
        <Setter Property="HandyScrollerStyle" Value="NoScrollStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Padding" Value="2,0,0,0"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="ListItemStyle" Value="{StaticResource Container_ListItemStyle}"/>
        <Setter Property="DetailsItemStyle" Value="{StaticResource Container_ItemDetailStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Container_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Container_RadioButtonStyle}"/>
        <Setter Property="ToggleButtonStyle" Value="{StaticResource Container_ToggleButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Container_NodeStyle}"/>

        <Setter Property="DropDownListStyle" Value="{StaticResource Container_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Container_DropDownButtonStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Border 
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        Padding="{TemplateBinding Padding}">
                        <Grid x:Name="ELEMENT_Root">
                            <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="Transparent"
                                BorderThickness="0"
                                >
                                <g:GItemsPresenter
                                            Opacity="{TemplateBinding Opacity}"
                                            Cursor="{TemplateBinding Cursor}"
                                            HorizontalAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                            </g:Scroller>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ComboListStyle" TargetType="o:HandyContainer">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="StandardItem"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalSizeMode" Value="Off" />
        <Setter Property="HorizontalSizeMode" Value="Off" />
        <Setter Property="ContentListControlStyle" Value="{StaticResource ComboContentListStyle}"/>
        <Setter Property="SelectionMode" Value="Single"/>
        <Setter Property="MaxInitialDropDownHeight" Value="300"/>
        <Setter Property="MaxInitialDropDownWidth" Value="300"/>
        <Setter Property="MinDropDownWidth" Value="30"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Left" />
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ForceItemContentFullPath" Value="True"/>

        <Setter Property="MinHeight" Value="20"/>
        <Setter Property="MinWidth" Value="20"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Container_ItemStyle}"/>
        <Setter Property="ListItemStyle" Value="{StaticResource Container_ListItemStyle}"/>
        <Setter Property="DetailsItemStyle" Value="{StaticResource Container_ItemDetailStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Container_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Container_RadioButtonStyle}"/>
        <Setter Property="ToggleButtonStyle" Value="{StaticResource Container_ToggleButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Container_NodeStyle}"/>

        <Setter Property="DropDownListStyle" Value="{StaticResource Container_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Container_DropDownButtonStyle}"/>
        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1">
                        <Grid x:Name="ELEMENT_Root">
                            <g:DropDown
                                Style="{StaticResource ComboDropDownStyle}" 
                                x:Name="ELEMENT_DropDown"
                                >
                                <g:DropDown.Content>
                                    <g:ActiveContainer x:Name="ELEMENT_ActiveContainer">
                                        <Grid x:Name="ELEMENT_Content"/>
                                    </g:ActiveContainer>
                                </g:DropDown.Content>
                                <g:DropDown.DropDownContent>
                                    <Grid x:Name="ELEMENT_ItemsContainer">
                                        <o:HandyWindowSizer 
                                            x:Name="ELEMENT_DropDownSizer" 
                                            VerticalSizeMode="Bottom" >
                                            <g:Scroller 
                                                x:Name="ElementScroller"
                                                Style="{TemplateBinding ScrollerStyle}" 
                                                Background="{TemplateBinding Background}" 
                                                Margin="{TemplateBinding Padding}">
                                                <g:GItemsPresenter
                                                    Background="{TemplateBinding Background}"
                                                    Opacity="{TemplateBinding Opacity}"
                                                    Cursor="{TemplateBinding Cursor}"
                                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                                            </g:Scroller>
                                        </o:HandyWindowSizer>
                                    </Grid>
                                </g:DropDown.DropDownContent>
                            </g:DropDown>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="MenuBarStyle" TargetType="o:HandyCommand">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFDCDCDC" Offset="1"/>
                    <GradientStop Color="#FFF5F5F5" Offset="0"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush" Value="#FF888888"/>
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="None"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="MenuStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="FocusStaterIsSelectionModeFree" Value="True"/>
        <Setter Property="ProcessChildrenDropDownKeyDown" Value="True"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="KeyNavigation" Value="HorizontalCycle" />
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="RowSize" Value="25"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource ToolBarItemContainerStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_MenuSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_MainMenuItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_MainMenuGroupItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_MainMenuGroupItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_MainMenuItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_MainMenuDropDownItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root" Background="{TemplateBinding Background}">
                        <g:ActiveContainer>
                            <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="2">
                                <g:Scroller 
                                    x:Name="ElementScroller"
                                    Background="Transparent" 
                                    Style="{TemplateBinding ScrollerStyle}" 
                                    Margin="{TemplateBinding Padding}"
                                    BorderThickness="0">
                                    <g:GItemsPresenter     
                                            Background="Transparent"                                    
                                            Opacity="{TemplateBinding Opacity}"
                                            Cursor="{TemplateBinding Cursor}"
                                            HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                                </g:Scroller>
                            </Border>
                        </g:ActiveContainer>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="MenuBarGroupStyle" TargetType="o:HandyCommand">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="None"/>
        <Setter Property="HandyItemsPanelModel" Value="InactivePanel" />
        <Setter Property="HandyStatersModel" Value="MenuStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="VerticalAlignment" Value="Stretch"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="FocusStaterIsSelectionModeFree" Value="True"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="Padding" Value="0"/>

        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_MenuSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_MainMenuItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_MainMenuGroupItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_MainMenuGroupItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_MainMenuItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_MainMenuDropDownItemStyle}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root" Margin="{TemplateBinding Padding}" Background="{TemplateBinding Background}">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Background="Transparent"
                            Margin="{TemplateBinding Padding}"
                            Padding="0">
                            <g:GItemsPresenter
                                Margin="0"
                                Padding="0"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="MenuListStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="MenuStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="FocusStaterIsSelectionModeFree" Value="True"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="True" />
        <Setter Property="KeyNavigation" Value="VerticalCycle" />
        <Setter Property="SelectionMode" Value="None" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />

        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_MenuSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_MenuItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_MenuGroupItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_MenuGroupItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_MenuItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_MenuDropDownItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root" Margin="{TemplateBinding Margin}" Background="{TemplateBinding Background}">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Background="{TemplateBinding Background}"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="ToolbarComboContentListStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="NoScrollStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="MenuStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="FocusStaterIsSelectionModeFree" Value="True"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="True" />
        <Setter Property="KeyNavigation" Value="VerticalCycle" />
        <Setter Property="SelectionMode" Value="None" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Padding" Value="2,0,0,0"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />

        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_MenuSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_ToolbarItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_ToolbarItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_MenuItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_MenuDropDownItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root" Margin="{TemplateBinding Margin}" Background="{TemplateBinding Background}">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            Background="Transparent"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Margin="{TemplateBinding Padding}">

                            <g:GItemsPresenter
                                     Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                Padding="{TemplateBinding Padding}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="MenuListGroupStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="MenuStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="FocusStaterIsSelectionModeFree" Value="True"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="False" />
        <Setter Property="SelectionMode" Value="None" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_MenuSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_MenuGroupItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_MenuGroupItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_MenuGroupItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_MenuItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_MenuDropDownItemStyle}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root" Margin="{TemplateBinding Margin}" Background="{TemplateBinding Background}">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Background="Transparent"
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="MenuListContainerStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="MenuStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="FocusStaterIsSelectionModeFree" Value="True"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="False" />
        <Setter Property="SelectionMode" Value="None" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource Command_MenuBarItemStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_MenuSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_MenuBarItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_MenuBarItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_MenuBarItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListContainerNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_MenuItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_MenuDropDownItemStyle}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root" Margin="{TemplateBinding Margin}" Background="{TemplateBinding Background}">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Background="Transparent"
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <Style x:Key="ToolbarStyle" TargetType="o:HandyCommand">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFDCDCDC" Offset="1"/>
                    <GradientStop Color="#FFF5F5F5" Offset="0"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush" Value="#FF888888"/>
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="Calculated"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="ItemsHostIsKeyActivable" Value="False" />
        <Setter Property="Padding" Value="0,2,0,2"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="RowSpace" Value="2"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource ToolBarItemContainerStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_ToolBarSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_ToolBarButtonStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_ToolBarGroupButtonStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_ToolBarGroupButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_ToolBarMenuButtonStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_ToolbarDropDownStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root">
                        <g:ActiveContainer>
                            <Border BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="2">
                                <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="Transparent"
                                 BorderThickness="0"
                                Margin="{TemplateBinding Padding}">
                                    <g:GItemsPresenter      
                                    Background="Transparent"
                                        Opacity="{TemplateBinding Opacity}"
                                        Cursor="{TemplateBinding Cursor}"
                                        HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                                </g:Scroller>
                            </Border>
                        </g:ActiveContainer>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Name="ToolbarGroupStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="None"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemsHostIsKeyActivable" Value="False" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_ToolBarSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_ToolBarGroupButtonStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_ToolBarGroupButtonStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_ToolBarGroupButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_MenuListNodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_ToolBarGroupMenuButtonStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_ToolbarGroupDropDownStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            Background="{TemplateBinding Background}"
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter 
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ToolbarComboStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="ContentListControlStyle" Value="{StaticResource ToolbarComboContentListStyle}"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalSizeMode" Value="Off" />
        <Setter Property="HorizontalSizeMode" Value="Off" />
        <Setter Property="SelectionMode" Value="Single"/>
        <Setter Property="MaxInitialDropDownHeight" Value="300"/>
        <Setter Property="MaxInitialDropDownWidth" Value="300"/>
        <Setter Property="MinDropDownWidth" Value="30"/>
        <Setter Property="DropDownHorizontalAlignment" Value="Left" />
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="True" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ForceItemContentFullPath" Value="True"/>

        <Setter Property="MinHeight" Value="25"/>
        <Setter Property="MinWidth" Value="15"/>
        <!--<Setter Property="MaxHeight" Value="20"/>-->

        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource ToolbarCombo_ItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource ToolbarCombo_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource ToolbarCombo_RadioButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource ToolbarCombo_NodeStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource ToolbarCombo_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource ToolbarCombo_DropDownButtonStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Padding="1">
                        <Grid x:Name="ELEMENT_Root">
                            <g:DropDown Style="{StaticResource ComboDropDownStyle}" x:Name="ELEMENT_DropDown" IsTabStop="False" >
                                <g:DropDown.Content>
                                    <g:ActiveContainer>
                                        <Grid x:Name="ELEMENT_Content"/>
                                    </g:ActiveContainer>
                                </g:DropDown.Content>
                                <g:DropDown.DropDownContent>
                                    <Grid x:Name="ELEMENT_ItemsContainer">
                                        <o:HandyWindowSizer 
                                            x:Name="ELEMENT_DropDownSizer"
                                            Background="{TemplateBinding Background}"
                                            VerticalSizeMode="Bottom" 
                                            IsTabStop="False">
                                            <g:Scroller 
                                                x:Name="ElementScroller"
                                                Background="Transparent"
                                                Style="{TemplateBinding ScrollerStyle}"  
                                                BorderThickness="0"
                                                Margin="{TemplateBinding Padding}"
                                                IsTabStop="False">
                                                <g:GItemsPresenter
                                                    Background="Transparent"
                                                    Opacity="{TemplateBinding Opacity}"
                                                    Cursor="{TemplateBinding Cursor}"
                                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"
                                                    IsTabStop="False"/>
                                            </g:Scroller>
                                        </o:HandyWindowSizer>
                                    </Grid>
                                </g:DropDown.DropDownContent>
                            </g:DropDown>
                        </Grid>

                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="AnimatedToolbarStyle" TargetType="o:HandyCommand">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="ClipMargin" Value="0,-50,0,-30" />
        <Setter Property="HandyScrollerStyle" Value="Calculated"/>
        <Setter Property="HandyItemsPanelModel" Value="AnimatedPanel" />
        <Setter Property="HandyStatersModel" Value="AnimatedBarStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="ItemsHostIsKeyActivable" Value="False" />
        <Setter Property="Padding" Value="0,2,0,2"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="RowSpace" Value="2"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_AnimatedToolBarSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_AnimatedToolBarItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_AnimatedToolBarItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_AnimatedToolBarItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_AnimatedToolBarItemStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_AnimatedToolBarItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_AnimatedToolBarItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root">
                        <g:ActiveContainer>
                            <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="0"
                            Background="{TemplateBinding Background}"
                            Margin="{TemplateBinding Padding}">
                                <g:GItemsPresenter      
                                x:Name="ELEMENT_ItemsPresenter"
                                Opacity="{TemplateBinding Opacity}"
                                Cursor="{TemplateBinding Cursor}"
                                HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                            </g:Scroller>
                        </g:ActiveContainer>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Name="AnimatedToolBarGroupStyle" TargetType="o:HandyCommand">
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="False" />
        <Setter Property="ClipMargin" Value="0,-50,0,-30" />
        <Setter Property="HandyScrollerStyle" Value="SmallScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="AnimatedPanel" />
        <Setter Property="HandyStatersModel" Value="AnimatedBarGroupStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="SelectionMode" Value="None"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Command_AnimatedToolBarSeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Command_AnimatedGroupItemStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Command_AnimatedGroupItemStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Command_AnimatedGroupItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Command_AnimatedGroupItemStyle}"/>
        <Setter Property="DropDownListStyle" Value="{StaticResource Command_AnimatedGroupItemStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Command_AnimatedGroupItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="ELEMENT_Root">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="0"
                            Background="{TemplateBinding Background}"
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter 
                                x:Name="ELEMENT_ItemsPresenter"
                                Opacity="{TemplateBinding Opacity}"
                                Cursor="{TemplateBinding Cursor}"
                                HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="TabStripTopStyle" TargetType="o:HandyNavigator">
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="ClipMargin" Value="-2,-1,-2,-1" />
        <Setter Property="ItemsHostMargin" Value="2,1,0,-1" />
        <Setter Property="SelectionMode" Value="Tab" />
        <Setter Property="RangesFlowDirection" Value="Inverted"/>
        <Setter Property="SelectedRangeLocation" Value="First" />
        <Setter Property="HandyItemsPanelModel" Value="TabPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyScrollerStyle" Value="Calculated"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="Padding" Value="0,1,2,-1" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="0"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_TopTabItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_NodeStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_TabMenuItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root" >
                        <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                BorderThickness="{TemplateBinding BorderThickness}" 
                                BorderBrush="{TemplateBinding BorderBrush}" 
                                Background="{TemplateBinding Background}" 
                                Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter 
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalAlignment}" 
                                    Margin="0,-1,0,1"
                                    />
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="TabStripLeftStyle" TargetType="o:HandyNavigator">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="ClipMargin" Value="-1,-2,-1,-2" />
        <Setter Property="ItemsHostMargin" Value="1,2,-1,0" />
        <Setter Property="SelectionMode" Value="Tab" />
        <Setter Property="RangesFlowDirection" Value="Inverted"/>
        <Setter Property="SelectedRangeLocation" Value="First" />
        <Setter Property="HandyItemsPanelModel" Value="TabPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyScrollerStyle" Value="Calculated"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>

        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="Padding" Value="1,0,-1,2" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="0"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_LeftTabItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_NodeStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_TabMenuItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root" >
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            Background="{TemplateBinding Background}" 
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter 
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"
                                    Margin="-1,0,1,0"
                                    />
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="TabStripBottomStyle" TargetType="o:HandyNavigator">
        <Setter Property="Orientation" Value="Horizontal" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="ClipMargin" Value="-2,-1,-2,-1" />
        <Setter Property="ItemsHostMargin" Value="2,-1,0,1" />
        <Setter Property="SelectionMode" Value="Tab" />
        <Setter Property="RangesFlowDirection" Value="Inverted"/>
        <Setter Property="SelectedRangeLocation" Value="Last" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyItemsPanelModel" Value="TabPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyScrollerStyle" Value="Calculated"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="Padding" Value="0,-1,2,1" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="0"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_BottomTabItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_NodeStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_TabMenuItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root" >
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            Background="{TemplateBinding Background}" 
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter 
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"
                                    Margin="0,1,0,-1"
                                    />
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="TabStripRightStyle" TargetType="o:HandyNavigator">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Padding" Value="-1,0,1,2" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="ClipMargin" Value="-1,-2,-1,-2" />
        <Setter Property="ItemsHostMargin" Value="-1,2,1,0" />
        <Setter Property="SelectionMode" Value="Tab" />
        <Setter Property="RangesFlowDirection" Value="Inverted"/>
        <Setter Property="SelectedRangeLocation" Value="Last" />
        <Setter Property="HandyItemsPanelModel" Value="TabPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyScrollerStyle" Value="Calculated"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="0"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_RightTabItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_NodeStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_TabMenuItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root" >
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            Background="{TemplateBinding Background}" 
                            Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter 
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"
                                    Margin="1,0,-1,0"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="NavigationBarStyle" TargetType="o:HandyNavigator">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="NoScrollStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="SelectionMode" Value="Tab"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="0"/>
        <Setter Property="RowSpace" Value="0"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_TabMenuItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_NodeStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_TabMenuItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root" >
                        <Border BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="2">
                            <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="{TemplateBinding Background}" 
                                Margin="{TemplateBinding Padding}">
                                <g:GItemsPresenter                                        
                                        Background="{TemplateBinding Background}"
                                        Opacity="{TemplateBinding Opacity}"
                                        Cursor="{TemplateBinding Cursor}"
                                        HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                            </g:Scroller>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="TabTreeStyle" TargetType="o:HandyNavigator">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsKeyActivable" Value="False" />
        <Setter Property="ItemsHostIsKeyActivable" Value="True" />
        <Setter Property="KeyNavigation" Value="VerticalCycle" />
        <Setter Property="SelectionMode" Value="Tab" />
        <Setter Property="OverflowPartialyDisplayedItems" Value="True" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Padding" Value="2"/>
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_MenuNodeStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_MenuNodeStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_MenuNodeStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root">
                        <g:Scroller x:Name="ElementScroller" Style="{TemplateBinding ScrollerStyle}" Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Margin="{TemplateBinding Padding}">
                            <g:GItemsPresenter
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="TabListStyle" TargetType="o:HandyNavigator">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="SelectionMode" Value="Tab" />
        <Setter Property="HandyItemsPanelModel" Value="StandardPanel" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyDefaultItemStyle" Value="StandardItem"/>
        <Setter Property="HandyItemContainerStyle" Value="ItemContainer"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Navigation_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Navigation_TabListItemStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Navigation_TabListItemStyle}"/>
        <Setter Property="OverflowedItemStyle" Value="{StaticResource Navigation_TabListItemStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="ELEMENT_Root">
                        <g:Scroller 
                            x:Name="ElementScroller"
                            Style="{TemplateBinding ScrollerStyle}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            Background="{TemplateBinding Background}"
                            HorizontalAlignment ="{TemplateBinding HorizontalAlignment}">
                            <g:GItemsPresenter 
                                    Background="{TemplateBinding Background}"
                                    Opacity="{TemplateBinding Opacity}"
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalContentAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment ="{TemplateBinding VerticalContentAlignment}"                                    
                                    />
                        </g:Scroller>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- EOF HandyContainer styles -->
    <!-- ========================= -->

    <!-- GContentControl -->
    <!-- =============== -->

    <Style x:Key="GContentControlStyle" TargetType="g:GContentControl">
        <Setter Property="IsEnabled" Value="true" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Cursor" Value="Arrow" />
        <!--<Setter Property="TextAlignment" Value="Left" />
            <Setter Property="TextWrapping" Value="NoWrap" />-->
        <Setter Property="FontSize" Value="11" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:GContentControl">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                Cursor="{TemplateBinding Cursor}"
                                OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                OrientatedMargin="{TemplateBinding Padding}"
                                OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--      =============== -->
    <!-- EOF  GContentControl -->


    <!--===========================================================================================================-->
    <!--===================================== DEFAULT GOA CONTROLS STYLES =========================================-->
    <!--===========================================================================================================-->
    <Style TargetType="o:HandyContentControl" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContentControl">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyLocatedBorder">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyLocatedBorder">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyScroller">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyScroller">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandySizer">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandySizer">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyWindowSizer">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyWindowSizer" >
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                            x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyDropDown">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyDropDown">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <Style TargetType="o:HandyDataPresenter">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyDataPresenter">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--    used when StyleBindingMode == Late 
            In this case, the "final style" is binded only when this style has been loaded
            When the style is applied the size must not be 0 
            Furthermore, the initial size must be "large enough" to avoid unecessary drawing in virtual mode-->
    <Style TargetType="o:HandyContainer">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Grid x:Name="LayoutRoot" MinHeight="50" MinWidth="50"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyNavigator">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyNavigator">
                    <Grid x:Name="LayoutRoot" MinHeight="50" MinWidth="50"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyCommand">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCommand">
                    <Grid x:Name="LayoutRoot" MinHeight="50" MinWidth="50"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--===========================================================================================================-->
    <!--===========================================================================================================-->
    <!--===============================  EXTENDED SILVERLIGHT CONTROLS ============================================-->
    <!--===========================================================================================================-->
    <!--===========================================================================================================-->

    <!-- Calendar Style-->
    <!-- ============== -->
    <Style x:Key="CalendarDayButtonStyle" TargetType="eprimitives:CalendarDayButton">
        <Setter Property="Background" Value="#FFBADDE9"/>
        <Setter Property="MinWidth" Value="5"/>
        <Setter Property="MinHeight" Value="5"/>
        <Setter Property="FontSize" Value="10"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="eprimitives:CalendarDayButton">
                    <Grid x:Name="Root">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="0" Duration="0" />
                                        <DoubleAnimation Storyboard.TargetName="NormalText" Storyboard.TargetProperty="Opacity" To=".35" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectionStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Unselected" />
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="SelectedBackground" Storyboard.TargetProperty="Opacity" To=".75" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="CalendarButtonFocusStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="CalendarButtonFocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DayButtonFocusVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="CalendarButtonUnfocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DayButtonFocusVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="ActiveStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Active" />
                                <vsm:VisualState x:Name="Inactive">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="selectedText" Storyboard.TargetProperty="Color" To="#FF777777"></ColorAnimation>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="DayStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="RegularDay" />
                                <vsm:VisualState x:Name="Today">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="TodayBackground" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                        <ColorAnimation Duration="0" Storyboard.TargetName="selectedText" Storyboard.TargetProperty="Color" To="#FFFFFFFF"></ColorAnimation>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="BlackoutDayStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="NormalDay" />
                                <vsm:VisualState x:Name="BlackoutDay">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="Blackout" Storyboard.TargetProperty="Opacity" To=".2"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Rectangle x:Name="TodayBackground" RadiusX="1" RadiusY="1" Opacity="0" Fill="#FFAAAAAA"/>
                        <Rectangle x:Name="SelectedBackground" RadiusX="1" RadiusY="1" Opacity="0" Fill="{TemplateBinding Background}"/>
                        <Rectangle x:Name="Background" RadiusX="1" RadiusY="1" Opacity="0" Fill="{TemplateBinding Background}"/>
                        <ContentControl
                                x:Name="NormalText"
                                IsTabStop="False"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                FontSize="{TemplateBinding FontSize}"
                                Margin="5,1,5,1">
                            <ContentControl.Foreground>
                                <SolidColorBrush x:Name="selectedText" Color="#FF333333"/>
                            </ContentControl.Foreground>
                        </ContentControl>
                        <Path x:Name="Blackout" Opacity="0" Margin="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" RenderTransformOrigin="0.5,0.5" Fill="#FF000000" Stretch="Fill" Data="M8.1772461,11.029181 L10.433105,11.029181 L11.700684,12.801641 L12.973633,11.029181 L15.191895,11.029181 L12.844727,13.999395 L15.21875,17.060919 L12.962891,17.060919 L11.673828,15.256231 L10.352539,17.060919 L8.1396484,17.060919 L10.519043,14.042364 z"/>
                        <Rectangle x:Name="DayButtonFocusVisual" Visibility="Collapsed" IsHitTestVisible="false" RadiusX="1" RadiusY="1" Stroke="#FF6DBDD1"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--Calendar Button-->
    <Style x:Key="CalendarButtonStyle" TargetType="eprimitives:CalendarButton">
        <Setter Property="Background" Value="#FFBADDE9"/>
        <Setter Property="MinWidth" Value="40"/>
        <Setter Property="MinHeight" Value="42"/>
        <Setter Property="FontSize" Value="10"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="eprimitives:CalendarButton">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectionStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Unselected" />
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="SelectedBackground" Storyboard.TargetProperty="Opacity" To=".75" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="ActiveStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Active" />
                                <vsm:VisualState x:Name="Inactive">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="selectedText" Storyboard.TargetProperty="Color" To="#FF777777"></ColorAnimation>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="CalendarButtonFocusStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="CalendarButtonFocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CalendarButtonFocusVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="CalendarButtonUnfocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CalendarButtonFocusVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Rectangle x:Name="SelectedBackground" RadiusX="1" RadiusY="1" Opacity="0" Fill="{TemplateBinding Background}"/>
                        <Rectangle x:Name="Background" RadiusX="1" RadiusY="1" Opacity="0" Fill="{TemplateBinding Background}"/>
                        <ContentControl
                                x:Name="NormalText"
                                IsTabStop="False"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                FontSize="{TemplateBinding FontSize}"
                                Margin="1,0,1,1">
                            <ContentControl.Foreground>
                                <SolidColorBrush x:Name="selectedText" Color="#FF333333"/>
                            </ContentControl.Foreground>
                        </ContentControl>
                        <Rectangle x:Name="CalendarButtonFocusVisual" Visibility="Collapsed" IsHitTestVisible="false" RadiusX="1" RadiusY="1" Stroke="#FF6DBDD1"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--CalendarItemStyle-->
    <Style x:Key="CalendarItemStyle" TargetType="eprimitives:CalendarItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="eprimitives:CalendarItem">
                    <Grid Name="Root" >
                        <Grid.Resources>
                            <SolidColorBrush x:Key="DisabledColor" Color="#8CFFFFFF" />
                        </Grid.Resources>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Margin="0,2,0,2" CornerRadius="1">
                            <Border CornerRadius="1" BorderBrush="#FFFFFFFF" BorderThickness="2">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="*"/>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>

                                    <Grid.Resources>
                                        <ControlTemplate x:Key="PreviousButtonTemplate" TargetType="Button">
                                            <Grid Cursor="Hand">
                                                <vsm:VisualStateManager.VisualStateGroups>
                                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                                        <vsm:VisualState x:Name="Normal" />
                                                        <vsm:VisualState x:Name="MouseOver">
                                                            <Storyboard>
                                                                <ColorAnimation Storyboard.TargetName="TextColor" Storyboard.TargetProperty="Color" To="#FF73A9D8" Duration="0" />
                                                            </Storyboard>
                                                        </vsm:VisualState>
                                                        <vsm:VisualState x:Name="Disabled">
                                                            <Storyboard>
                                                                <DoubleAnimation Storyboard.TargetName="TextColor" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                                            </Storyboard>
                                                        </vsm:VisualState>
                                                    </vsm:VisualStateGroup>
                                                </vsm:VisualStateManager.VisualStateGroups>
                                                <Rectangle Fill="#11E5EBF1" Stretch="Fill" Opacity="1"/>
                                                <Grid>
                                                    <Path Margin="14,-6,0,0" Height="10" Width="6" VerticalAlignment="Center" HorizontalAlignment="Left" Stretch="Fill" Data="M288.75,232.25 L288.75,240.625 L283,236.625 z">
                                                        <Path.Fill>
                                                            <SolidColorBrush x:Name="TextColor" Color="#FF333333" />
                                                        </Path.Fill>
                                                    </Path>
                                                </Grid>
                                            </Grid>
                                        </ControlTemplate>

                                        <ControlTemplate x:Key="NextButtonTemplate" TargetType="Button">
                                            <Grid Cursor="Hand">
                                                <vsm:VisualStateManager.VisualStateGroups>
                                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                                        <vsm:VisualState x:Name="Normal" />
                                                        <vsm:VisualState x:Name="MouseOver">
                                                            <Storyboard>
                                                                <ColorAnimation Storyboard.TargetName="TextColor" Storyboard.TargetProperty="Color" To="#FF73A9D8" Duration="0" />
                                                            </Storyboard>
                                                        </vsm:VisualState>
                                                        <vsm:VisualState x:Name="Disabled">
                                                            <Storyboard>
                                                                <DoubleAnimation Storyboard.TargetName="TextColor" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                                            </Storyboard>
                                                        </vsm:VisualState>
                                                    </vsm:VisualStateGroup>
                                                </vsm:VisualStateManager.VisualStateGroups>
                                                <Rectangle Fill="#11E5EBF1" Stretch="Fill" Opacity="1"/>
                                                <Grid>
                                                    <Path Margin="0,-6,14,0" Height="10" Width="6" VerticalAlignment="Center" HorizontalAlignment="Right" Stretch="Fill" Data="M282.875,231.875 L282.875,240.375 L288.625,236 z">
                                                        <Path.Fill>
                                                            <SolidColorBrush x:Name="TextColor" Color="#FF333333" />
                                                        </Path.Fill>
                                                    </Path>
                                                </Grid>
                                            </Grid>
                                        </ControlTemplate>

                                        <ControlTemplate x:Key="HeaderButtonTemplate" TargetType="Button">
                                            <Grid Cursor="Hand">
                                                <vsm:VisualStateManager.VisualStateGroups>
                                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                                        <vsm:VisualState x:Name="Normal" />
                                                        <vsm:VisualState x:Name="MouseOver">
                                                            <Storyboard>
                                                                <ColorAnimation Storyboard.TargetName="TextColor" Storyboard.TargetProperty="Color" To="#FF73A9D8" Duration="0" />
                                                            </Storyboard>
                                                        </vsm:VisualState>
                                                        <vsm:VisualState x:Name="Disabled">
                                                            <Storyboard>
                                                                <DoubleAnimation Storyboard.TargetName="buttonContent" Storyboard.TargetProperty="Opacity" To=".5" Duration="0" />
                                                            </Storyboard>
                                                        </vsm:VisualState>
                                                    </vsm:VisualStateGroup>
                                                </vsm:VisualStateManager.VisualStateGroups>
                                                <ContentControl
                                                  x:Name="buttonContent"
                                                  IsTabStop="False"
                                                  Content="{TemplateBinding Content}"
                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                                  Margin="1,5,1,9"
                                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                                    <ContentControl.Foreground>
                                                        <SolidColorBrush x:Name="TextColor" Color="#FF333333"/>
                                                    </ContentControl.Foreground>
                                                </ContentControl>
                                            </Grid>
                                        </ControlTemplate>

                                        <DataTemplate x:Name="DayTitleTemplate">
                                            <TextBlock
                                                FontWeight="Bold" 
                                                FontSize="9.5" 
                                                HorizontalAlignment="Center"
                                                Text="{Binding}"
                                                Margin="0,4,0,4"
                                                VerticalAlignment="Center"/>
                                        </DataTemplate>
                                    </Grid.Resources>

                                    <Button x:Name="PreviousButton" Height="20" Width="28" HorizontalAlignment="Left" Template="{StaticResource PreviousButtonTemplate}" Visibility="Collapsed"/>
                                    <Button x:Name="HeaderButton" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" FontSize="10.5" Template="{StaticResource HeaderButtonTemplate}" Grid.Column="1"/>
                                    <Button x:Name="NextButton" Height="20" Width="28" HorizontalAlignment="Right" Template="{StaticResource NextButtonTemplate}" Grid.Column="2" Visibility="Collapsed" />
                                    <Grid x:Name="MonthView" Grid.Row="1" Grid.ColumnSpan="3" Visibility="Collapsed" Margin="6,-1,6,6">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
                                    </Grid>
                                    <Grid x:Name="YearView" Grid.Row="1" Grid.ColumnSpan="3" Visibility="Collapsed" Margin="6,-3,7,6">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="Auto"/>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
                                    </Grid>
                                </Grid>
                            </Border>
                        </Border>
                        <Rectangle x:Name="DisabledVisual" Opacity="0" Visibility="Collapsed" Stretch="Fill" StrokeThickness="1" RadiusX="2" RadiusY="2" Stroke="#FFFFFFFF" Margin="0,2,0,2"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--Calendar-->
    <Style x:Key="CalendarStyle" TargetType="e:Calendar">
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFD3DEE8" Offset="0"/>
                    <GradientStop Color="#FFD3DEE8" Offset="0.16"/>
                    <GradientStop Color="#FFFCFCFD" Offset="0.16"/>
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"></Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="e:Calendar">
                    <StackPanel Name="Root" HorizontalAlignment="Center">
                        <eprimitives:CalendarItem Name="CalendarItem" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- End Calendar Style -->
    <!-- ================== -->

    <!-- DatePicker Style -->
    <!-- ================ -->

    <Style x:Key="DatePickerTextBoxStyle" TargetType="eprimitives:DatePickerTextBox">
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="eprimitives:DatePickerTextBox">
                    <Grid x:Name="Root" >
                        <Grid.Resources>
                            <SolidColorBrush x:Key="WatermarkBrush" Color="#FFAAAAAA"/>
                        </Grid.Resources>
                        <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>
                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF99C1E2"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="ContentElement2" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF99C1E2"/>
                                        </ColorAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="WatermarkStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Unwatermarked" />
                                <vsm:VisualState x:Name="Watermarked">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="Opacity" To="0" Duration="0" />
                                        <DoubleAnimation Storyboard.TargetName="Watermark" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Unfocused" />
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>


                        <!--Start UI-->
                        <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="1" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid x:Name="WatermarkContent" Background="{TemplateBinding Background}">
                                <Border x:Name="ContentElement" Background="{TemplateBinding Background}" BorderThickness="1" Padding="{TemplateBinding Padding}">
                                    <Border.BorderBrush>
                                        <SolidColorBrush Color="#FFFFFFFF"/>
                                    </Border.BorderBrush>
                                </Border>
                                <Border x:Name="ContentElement2" BorderThickness="1">
                                    <Border.BorderBrush>
                                        <SolidColorBrush Color="#FFFFFFFF"/>
                                    </Border.BorderBrush>
                                    <ContentControl
                                  x:Name="Watermark"
                                  Opacity="0"
                                  IsTabStop="False"
                                  IsHitTestVisible="False"
                                  Content="{TemplateBinding Watermark}"
                                  Foreground="{StaticResource WatermarkBrush}"
                                  FontSize="{TemplateBinding FontSize}"
                                  Background="{TemplateBinding Background}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                  Padding="2"/>
                                </Border>
                                <Border x:Name="FocusVisual" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="0" IsHitTestVisible="False"/>
                            </Grid>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--DatePicker-->
    <Style x:Key="DatePickerStyle" TargetType="o:HandyDatePicker">
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Background" Value="#FFFFFFFF" />
        <Setter Property="Padding" Value="2"/>
        <Setter Property="SelectionBackground" Value="#FF444444"/>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint=".5,0" StartPoint=".5,1">
                    <GradientStop Color="#FF617584" Offset="0"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FFA3AEB9" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="e:DatePicker">
                    <Grid x:Name="Root">
                        <Grid.Resources>
                            <!-- Main DatePicker Brushes -->
                            <SolidColorBrush x:Key="DisabledBrush" Color="#8CFFFFFF" />

                            <!-- Button Template -->
                            <ControlTemplate x:Key="DropDownButtonTemplate" TargetType="Button">
                                <Grid>
                                    <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:VisualTransition To="Pressed" GeneratedDuration="0:0:0.1" />
                                            </vsm:VisualStateGroup.Transitions>
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <ColorAnimation Duration="0" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#FF448DCA"/>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                    <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                        <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                    </DoubleAnimationUsingKeyFrames>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                    <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                        <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                    </ColorAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                        <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                    </DoubleAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>

                                    <!--Start UI-->
                                    <Grid Height="18" Width="19" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0" Background="#11FFFFFF">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="20*"/>
                                            <ColumnDefinition Width="20*"/>
                                            <ColumnDefinition Width="20*"/>
                                            <ColumnDefinition Width="20*"/>
                                        </Grid.ColumnDefinitions>
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="23*"/>
                                            <RowDefinition Height="19*"/>
                                            <RowDefinition Height="19*"/>
                                            <RowDefinition Height="19*"/>
                                        </Grid.RowDefinitions>
                                        <Border Margin="-1" Grid.ColumnSpan="4" Grid.Row="0" Grid.RowSpan="4" BorderThickness="1" BorderBrush="#FF6DBDD1" Opacity="0" CornerRadius="0,0,1,1" x:Name="Highlight"/>
                                        <Border x:Name="Background" Margin="0,-1,0,0" Grid.ColumnSpan="4" Grid.Row="1" Grid.RowSpan="3" BorderThickness="1" BorderBrush="#FFFFFFFF" Opacity="1" CornerRadius=".5" Background="#FF1F3B53"/>
                                        <Border x:Name="BackgroundGradient" Margin="0,-1,0,0" Grid.ColumnSpan="4" Grid.Row="1" Grid.RowSpan="3" BorderThickness="1" BorderBrush="#BF000000" Opacity="1" CornerRadius=".5">
                                            <Border.Background>
                                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0" />
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                </LinearGradientBrush>
                                            </Border.Background>
                                        </Border>
                                        <Rectangle Grid.ColumnSpan="4" Grid.RowSpan="1" StrokeThickness="1">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint="0.48,-1" StartPoint="0.48,1.25">
                                                    <GradientStop Color="#FF494949"/>
                                                    <GradientStop Color="#FF9F9F9F" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush EndPoint="0.3,-1.1" StartPoint="0.46,1.6">
                                                    <GradientStop Color="#FF4084BD"/>
                                                    <GradientStop Color="#FFAFCFEA" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Path HorizontalAlignment="Center" Margin="4,3,4,3" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Grid.Column="0" Grid.Row="1" Fill="#FF2F2F2F" Stretch="Fill" Data="M11.426758,8.4305077 L11.749023,8.4305077 L11.749023,16.331387 L10.674805,16.331387 L10.674805,10.299648 L9.0742188,11.298672 L9.0742188,10.294277 C9.4788408,10.090176 9.9094238,9.8090878 10.365967,9.4510155 C10.82251,9.0929432 11.176106,8.7527733 11.426758,8.4305077 z M14.65086,8.4305077 L18.566387,8.4305077 L18.566387,9.3435936 L15.671368,9.3435936 L15.671368,11.255703 C15.936341,11.058764 16.27293,10.960293 16.681133,10.960293 C17.411602,10.960293 17.969301,11.178717 18.354229,11.615566 C18.739157,12.052416 18.931622,12.673672 18.931622,13.479336 C18.931622,15.452317 18.052553,16.438808 16.294415,16.438808 C15.560365,16.438808 14.951641,16.234707 14.468243,15.826504 L14.881817,14.929531 C15.368796,15.326992 15.837872,15.525723 16.289043,15.525723 C17.298809,15.525723 17.803692,14.895514 17.803692,13.635098 C17.803692,12.460618 17.305971,11.873379 16.310528,11.873379 C15.83071,11.873379 15.399232,12.079271 15.016094,12.491055 L14.65086,12.238613 z" Grid.ColumnSpan="4" Grid.RowSpan="3"/>
                                        <Ellipse HorizontalAlignment="Center" VerticalAlignment="Center" Fill="#FFFFFFFF" StrokeThickness="0" Grid.ColumnSpan="4" Width="3" Height="3"/>
                                        <Border Grid.ColumnSpan="4" Grid.Row="0" Grid.RowSpan="4" BorderThickness="1" BorderBrush="#B2FFFFFF" Opacity="0" CornerRadius="0,0,.5,.5" x:Name="DisabledVisual"/>
                                    </Grid>
                                    <!--End UI-->
                                </Grid>
                            </ControlTemplate>
                        </Grid.Resources>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <eprimitives:DatePickerTextBox x:Name="TextBox" SelectionBackground="{TemplateBinding SelectionBackground}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" Grid.Column="0" />
                        <Button x:Name="Button" Template="{StaticResource DropDownButtonTemplate}" Grid.Column="1" Width="20" Foreground="{TemplateBinding Foreground}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Margin="2,0,2,0"/>
                        <Grid x:Name="DisabledVisual" Opacity="0" IsHitTestVisible="False" Grid.ColumnSpan="2">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Rectangle RadiusX="1" RadiusY="1" Fill="#8CFFFFFF"/>
                            <Rectangle RadiusX="1" RadiusY="1" Fill="#8CFFFFFF" Grid.Column="1" Height="18" Width="19" Margin="2,0,2,0" />
                        </Grid>
                        <Popup x:Name="Popup"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- End DatePicker Style -->
    <!-- ==================== -->

    <!--TabItem-->
    <Style x:Key="TabItemStyle" TargetType="o:HandyTabItem">
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Background" Value="#FF1F3B53"/>
        <Setter Property="BorderBrush" Value="#FFA3AEB9"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="6,2,6,2"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="MinWidth" Value="5"/>
        <Setter Property="MinHeight" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="e:TabItem">
                    <Grid x:Name="Root">
                        <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>
                                        <!-- For some reason, it animates all Borders with just this line.
                                            If I add code for each then it crashes SL. -->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="BorderTop" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientTop-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientTop" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientTop" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientTop" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientBottom-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientBottom" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientBottom" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientBottom" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientLeft-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientLeft" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientLeft" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientLeft" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--GradientRight-->
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientRight" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientRight" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="GradientRight" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>

                                        <!--FocusVisual-->
                                        <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="FocusVisualTop" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="FocusVisualBottom" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="FocusVisualLeft" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.001" Storyboard.TargetName="FocusVisualRight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
                                        </DoubleAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualTopSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualTopUnSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualBottomSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualBottomUnSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualLeftSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualLeftUnSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualRightSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualRightUnSelected" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectionStates">
                                <vsm:VisualState x:Name="Unselected"/>
                                <vsm:VisualState x:Name="Selected" />
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualLeft" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualRight" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- TabStripPlacement Top | Selected -->
                        <Grid x:Name="TemplateTopSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,1,1,0" 
                                Background="{TemplateBinding Background}"
                                Margin="-2,-2,-2,0"
                                CornerRadius="3,3,0,0">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,1,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="0,0,0,-2" />
                                        <ContentControl x:Name="HeaderTopSelected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>

                            <!--Focus Visual-->
                            <Border x:Name="FocusVisualTop" 
                                    CornerRadius="3,3,0,0" 
                                    BorderBrush="#FF6DBDD1" 
                                    BorderThickness="1,1,1,0" 
                                    Margin="-2,-2,-2,0" 
                                    Visibility="Collapsed" 
                                    IsHitTestVisible="false" />
                            <Border Margin="-2,-2,-2,0" x:Name="DisabledVisualTopSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF"  CornerRadius="3,3,0,0" />
                        </Grid>

                        <!-- TabStripPlacement Top | Unselected -->
                        <Grid x:Name="TemplateTopUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderTop"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1" 
                                Background="{TemplateBinding Background}"
                                CornerRadius="3,3,0,0">
                                <Border x:Name="GradientTop" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,1,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderTopUnselected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualTopUnSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="3,3,0,0" />
                        </Grid>

                        <!-- TabStripPlacement Bottom | Selected -->
                        <Grid x:Name="TemplateBottomSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,0,1,1" 
                                Background="{TemplateBinding Background}"
                                Margin="-2,0,-2,-2"
                                CornerRadius="0,0,3,3">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,0,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="0,-2,0,0" />
                                        <ContentControl x:Name="HeaderBottomSelected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>

                            <!--Focus Visual-->
                            <Border x:Name="FocusVisualBottom" 
                                    CornerRadius="0,0,3,3" 
                                    BorderBrush="#FF6DBDD1" 
                                    BorderThickness="1,0,1,1" 
                                    Margin="-2,0,-2,-2"
                                    Visibility="Collapsed" 
                                    IsHitTestVisible="false" />
                            <Border Margin="-2,0,-2,-2" x:Name="DisabledVisualBottomSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="0,0,3,3" />
                        </Grid>

                        <!-- TabStripPlacement Bottom + Unselected -->
                        <Grid x:Name="TemplateBottomUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderBottom"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1" 
                                Background="{TemplateBinding Background}"
                                CornerRadius="0,0,3,3">
                                <Border x:Name="GradientBottom" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,0,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderBottomUnselected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualBottomUnSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="0,0,3,3" />
                        </Grid>

                        <!-- TabStripPlacement Left | Selected -->
                        <Grid x:Name="TemplateLeftSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,1,0,1" 
                                Background="{TemplateBinding Background}"
                                Margin="-2,-2,0,-2"
                                CornerRadius="3,0,0,3">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="0,0,-2,0" />
                                        <ContentControl x:Name="HeaderLeftSelected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>

                            <!--Focus Visual-->
                            <Border x:Name="FocusVisualLeft" 
                                    CornerRadius="3,0,0,3" 
                                    BorderBrush="#FF6DBDD1" 
                                    BorderThickness="1,1,0,1" 
                                    Margin="-2,-2,0,-2"
                                    Visibility="Collapsed" 
                                    IsHitTestVisible="false" />
                            <Border Margin="-2,-2,0,-2" x:Name="DisabledVisualLeftSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="3,0,0,3" />
                        </Grid>

                        <!-- TabStripPlacement Left | Unselected -->
                        <Grid x:Name="TemplateLeftUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderLeft"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}" 
                                Background="{TemplateBinding Background}"
                                CornerRadius="3,0,0,3">
                                <Border x:Name="GradientLeft" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="1,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderLeftUnselected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualLeftUnSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="3,0,0,3" />
                        </Grid>

                        <!-- TabStripPlacement Right | Selected -->
                        <Grid x:Name="TemplateRightSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="0,1,1,1" 
                                Background="{TemplateBinding Background}"
                                Margin="0,-2,-2,-2"
                                CornerRadius="0,3,3,0">
                                <Border BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,1,1,0">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="-2,0,0,0" />
                                        <ContentControl x:Name="HeaderRightSelected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>

                            <!--Focus Visual-->
                            <Border x:Name="FocusVisualRight" 
                                    CornerRadius="0,3,3,0" 
                                    BorderBrush="#FF6DBDD1" 
                                    BorderThickness="0,1,1,1" 
                                    Margin="0,-2,-2,-2" 
                                    Visibility="Collapsed" 
                                    IsHitTestVisible="false" />
                            <Border Margin="0,-2,-2,-2" x:Name="DisabledVisualRightSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="0,3,3,0" />
                        </Grid>

                        <!-- TabStripPlacement Right + Unselected -->
                        <Grid x:Name="TemplateRightUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderRight"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1" 
                                Background="{TemplateBinding Background}"
                                CornerRadius="0,3,3,0">
                                <Border x:Name="GradientRight" BorderThickness="1" BorderBrush="#FFFFFFFF" CornerRadius="0,1,1,0">
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                            <GradientStop Color="#FFFFFFFF" Offset="0" />
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625" />
                                            <GradientStop Color="#C6FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderRightUnselected"
                                            IsTabStop="False"
                                            Foreground="{TemplateBinding Foreground}" 
                                            FontSize="{TemplateBinding FontSize}"
                                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                            Margin="{TemplateBinding Padding}"
                                            Cursor="{TemplateBinding Cursor}" />
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualRightUnSelected" IsHitTestVisible="false" Opacity="0" 
                                    Background="#8CFFFFFF" CornerRadius="0,3,3,0"/>
                        </Grid>

                        <Border x:Name="FocusVisualElement" CornerRadius="3,3,0,0" BorderBrush="#FF6DBDD1" BorderThickness="1" Margin="-1" Visibility="Collapsed" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--TabControl-->
    <Style x:Key="TabControlStyle" TargetType="o:HandyTabControl">
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFEFEFE" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0" />
                    <GradientStop Color="#FF8399A9" Offset="0.375" />
                    <GradientStop Color="#FF718597" Offset="0.375" />
                    <GradientStop Color="#FF617584" Offset="1" />
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="5"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="e:TabControl">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualTop" Storyboard.TargetProperty="Opacity">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualBottom" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualLeft" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualRight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- TabStripPlacement Top -->
                        <Grid x:Name="TemplateTop" Visibility="Collapsed">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>

                            <eprimitives:TabPanel x:Name="TabPanelTop" Canvas.ZIndex="1" Margin="2,2,2,-1" />

                            <Border 
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Background="{TemplateBinding Background}" 
                                Grid.Row="1" 
                                MinHeight="10" MinWidth="10" 
                                CornerRadius="0,0,3,3">

                                <ContentPresenter x:Name="ContentTop"
                                    HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                    Margin="{TemplateBinding Padding}"
                                    Cursor="{TemplateBinding Cursor}" />
                            </Border>
                            <Border x:Name="DisabledVisualTop" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1" 
                                    Background="#8CFFFFFF" Grid.RowSpan="2" CornerRadius="0,0,3,3" Grid.Row="1" />
                        </Grid>

                        <!-- TabStripPlacement Bottom -->
                        <Grid x:Name="TemplateBottom" Visibility="Collapsed">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <eprimitives:TabPanel x:Name="TabPanelBottom" Canvas.ZIndex="1" Grid.Row="1" Margin="2,-1,2,2" />

                            <Border
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Background="{TemplateBinding Background}"
                                MinHeight="10" MinWidth="10" 
                                CornerRadius="3,3,0,0">

                                <ContentPresenter x:Name="ContentBottom"
                                    HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                    Margin="{TemplateBinding Padding}"
                                    Cursor="{TemplateBinding Cursor}" />
                            </Border>
                            <Border x:Name="DisabledVisualBottom" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1" 
                                    Background="#8CFFFFFF" CornerRadius="3,3,0,0" />
                        </Grid>

                        <!-- TabStripPlacement Left -->
                        <Grid x:Name="TemplateLeft" Visibility="Collapsed">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <eprimitives:TabPanel x:Name="TabPanelLeft" Canvas.ZIndex="1" Margin="2,2,-1,2" />

                            <Border 
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Background="{TemplateBinding Background}"
                                Grid.Column="1"
                                MinHeight="10" MinWidth="10" 
                                CornerRadius="0,3,3,0">

                                <ContentPresenter x:Name="ContentLeft"
                                    HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                    Margin="{TemplateBinding Padding}"
                                    Cursor="{TemplateBinding Cursor}" />
                            </Border>
                            <Border x:Name="DisabledVisualLeft" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1" 
                                    Background="#8CFFFFFF" CornerRadius="0,3,3,0" Grid.Column="1" />
                        </Grid>

                        <!-- TabStripPlacement Right -->
                        <Grid x:Name="TemplateRight" Visibility="Collapsed">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <eprimitives:TabPanel x:Name="TabPanelRight" Grid.Column="1" Canvas.ZIndex="1" Margin="-1,2,2,2" />

                            <Border 
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Background="{TemplateBinding Background}"
                                MinHeight="10" MinWidth="10" 
                                CornerRadius="3,0,0,3">

                                <ContentPresenter x:Name="ContentRight"
                                    HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                    Margin="{TemplateBinding Padding}"
                                    Cursor="{TemplateBinding Cursor}" />
                            </Border>
                            <Border x:Name="DisabledVisualRight" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1" 
                                    Background="#8CFFFFFF" CornerRadius="3,0,0,3" Margin="0" />
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- SL GridSplitterStyle -->
    <!-- ==================== -->
    <Style x:Key="GridSplitterPreviewStyle" TargetType="Control">
        <Setter Property="Background" Value="#FF868686"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Control">
                    <Grid x:Name="Root" Opacity=".5">

                        <!-- Background -->
                        <Rectangle Fill="{TemplateBinding Background}" />

                        <!-- Horizontal Template -->
                        <Grid x:Name="HorizontalTemplate" Height="6">
                            <!-- Just show the faint gray grid splitter rectangle with no other details -->
                        </Grid>

                        <!-- Vertical Template -->
                        <Grid x:Name="VerticalTemplate" Visibility="Collapsed" Width="6">
                            <!-- Just show the faint gray grid splitter rectangle with no other details -->
                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="GridSplitterStyle" TargetType="o:HandyGridSplitter">
        <Setter Property="Background" Value="#FFFFFFFF"/>
        <Setter Property="IsTabStop" Value="true"/>
        <Setter Property="PreviewStyle" Value="{StaticResource GridSplitterPreviewStyle}"/>
        <Setter Property="HorizontalAlignment" Value="Right"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="e:GridSplitter">
                    <Grid x:Name="Root" IsHitTestVisible="{TemplateBinding IsEnabled}">

                        <!-- VSM -->
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0.5" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Unfocused" />
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <!-- Background -->
                        <Rectangle Fill="{TemplateBinding Background}" StrokeThickness="0" />

                        <!-- Horizontal Template -->
                        <Grid x:Name="HorizontalTemplate" Height="10">
                            <StackPanel Height="6" VerticalAlignment="Center">
                                <Rectangle Height="1" Margin="1" Width="10" StrokeThickness="0" Fill="#FF868686" />
                                <Rectangle Height="1" Margin="1" Width="10" StrokeThickness="0" Fill="#FF868686" />
                            </StackPanel>
                        </Grid>

                        <!-- Vertical Template -->
                        <Grid x:Name="VerticalTemplate" Visibility="Collapsed" Width="10">
                            <StackPanel Width="6" VerticalAlignment="Center" Orientation="Horizontal">
                                <Rectangle Width="1" Margin="1" Height="10" StrokeThickness="0" Fill="#FF868686" />
                                <Rectangle Width="1" Margin="1" Height="10" StrokeThickness="0" Fill="#FF868686" />
                            </StackPanel>
                        </Grid>

                        <!-- Focus Visual -->
                        <Rectangle x:Name="FocusVisual" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- End SL GridSplitterStyle -->
    <!-- ======================== -->

    <!--===========================================================================================================-->
    <!--=========================== DEFAULT SILVERLIGHT EXTENDED CONTROLS STYLES ==================================-->
    <!--===========================================================================================================-->

    <Style TargetType="o:HandyGridSplitter" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyGridSplitter">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyCalendar" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyCalendar">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyDatePicker" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyDatePicker">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyTabItem" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyTabItem">
                    <Grid x:Name="LayoutRoot"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:HandyTabControl" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyTabControl">
                    <Grid x:Name="LayoutRoot"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--===========================================================================================================-->
    <!--===========================================================================================================-->
    <!--===============================  DATA SILVERLIGHT CONTROLS ================================================-->
    <!--===========================================================================================================-->
    <!--===========================================================================================================-->

    <Style x:Key="DataGridCellStyle" TargetType="d:DataGridCell">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="d:DataGridCell">
                    <Grid Name="Root" Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CurrentStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Regular" />
                                <vsm:VisualState x:Name="Current">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <!-- TODO Refactor this if SL ever gets a FocusVisualStyle on FrameworkElement -->
                        <Rectangle Name="FocusVisual" Stroke="#FF6DBDD1" StrokeThickness="1" Fill="#66FFFFFF" HorizontalAlignment="Stretch" 
                                   VerticalAlignment="Stretch" IsHitTestVisible="false" Opacity="0" />

                        <ContentPresenter
                            Content="{TemplateBinding Content}"
                            ContentTemplate="{TemplateBinding ContentTemplate}"
                            Cursor="{TemplateBinding Cursor}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Margin="{TemplateBinding Padding}" />


                        <Rectangle Name="RightGridLine" Grid.Column="1" VerticalAlignment="Stretch" Width="1" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="DataGridColumnHeaderStyle" TargetType="dPrimitives:DataGridColumnHeader">
        <Setter Property="Foreground" Value="#FF444444" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="FontSize" Value="10.5" />
        <Setter Property="FontWeight" Value="Bold" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="SeparatorBrush" Value="#FFC9CACA" />
        <Setter Property="Padding" Value="4,4,5,4" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dPrimitives:DataGridColumnHeader">
                    <Grid Name="Root">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:0.1" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                        </ColorAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SortStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:0.1" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Unsorted" />
                                <vsm:VisualState x:Name="SortAscending">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="SortIcon" Storyboard.TargetProperty="Opacity" Duration="0" To="1.0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="SortDescending">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="SortIcon" Storyboard.TargetProperty="Opacity" Duration="0" To="1.0"/>
                                        <DoubleAnimation Storyboard.TargetName="SortIconTransform" Storyboard.TargetProperty="ScaleY" Duration="0" To="-.9"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Rectangle x:Name="BackgroundRectangle" Stretch="Fill" Fill="#FF1F3B53" Grid.ColumnSpan="2" Grid.RowSpan="2"/>

                        <Rectangle x:Name="BackgroundGradient" Stretch="Fill" Grid.ColumnSpan="2" Grid.RowSpan="2">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                    <GradientStop Color="#FFFFFFFF" Offset="0.015" />
                                    <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                    <GradientStop Color="#E5FFFFFF" Offset="0.6" />
                                    <GradientStop Color="#C6FFFFFF" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>

                        <ContentPresenter
                            Grid.RowSpan="2"
                            Content="{TemplateBinding Content}"
                            Cursor="{TemplateBinding Cursor}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Margin="{TemplateBinding Padding}"/>

                        <Rectangle Name="VerticalSeparator" Grid.RowSpan="2" Grid.Column="2" Width="1" VerticalAlignment="Stretch" Fill="{TemplateBinding SeparatorBrush}" Visibility="{TemplateBinding SeparatorVisibility}" />

                        <Path Grid.RowSpan="2" Name="SortIcon" RenderTransformOrigin=".5,.5" HorizontalAlignment="Left" VerticalAlignment="Center" Opacity="0" Grid.Column="1" Stretch="Uniform" Width="8" Data="F1 M -5.215,6.099L 5.215,6.099L 0,0L -5.215,6.099 Z ">
                            <Path.Fill>
                                <SolidColorBrush Color="#FF444444" />
                            </Path.Fill>
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform x:Name="SortIconTransform" ScaleX=".9" ScaleY=".9" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="DataGridRowStyle" TargetType="d:DataGridRow">
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="d:DataGridRow">
                    <dPrimitives:DataGridFrozenGrid Name="Root">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="0" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="Normal AlternatingRow">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="Opacity" Duration="0" To=".5"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="MouseOver Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                            <SplineColorKeyFrame KeyTime="0" Value="#FFE1E7EC"/>
                                        </ColorAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <Grid.Resources>
                            <Storyboard x:Key="DetailsVisibleTransition">
                                <DoubleAnimation Storyboard.TargetName="DetailsPresenter" Storyboard.TargetProperty="ContentHeight" Duration="00:00:0.1" />
                            </Storyboard>
                        </Grid.Resources>

                        <Rectangle x:Name="BackgroundRectangle" Grid.RowSpan="2" Grid.ColumnSpan="2" Opacity="0" Fill="#FFBADDE9"/>

                        <dPrimitives:DataGridRowHeader Grid.RowSpan="3" Name="RowHeader" dPrimitives:DataGridFrozenGrid.IsFrozen="True" />
                        <dPrimitives:DataGridCellsPresenter Grid.Column="1" Name="CellsPresenter" dPrimitives:DataGridFrozenGrid.IsFrozen="True" />
                        <dPrimitives:DataGridDetailsPresenter Grid.Row="1" Grid.Column="1" Name="DetailsPresenter" />
                        <Rectangle Grid.Row="2" Grid.Column="1" Name="BottomGridLine" HorizontalAlignment="Stretch" Height="1" />
                    </dPrimitives:DataGridFrozenGrid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="DataGridRowHeaderStyle" TargetType="dPrimitives:DataGridRowHeader">
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="SeparatorBrush" Value="#FFFFFFFF" />
        <Setter Property="SeparatorVisibility" Value="Collapsed"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dPrimitives:DataGridRowHeader">
                    <Grid Name="Root">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualTransition GeneratedDuration="00:00:0.2" />
                                </vsm:VisualStateGroup.Transitions>
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="BackgroundColor" Storyboard.TargetProperty="Color" Duration="0" To="#99D5EAF1"/>
                                        <DoubleAnimation Storyboard.TargetName="CurrentRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                        <DoubleAnimation Storyboard.TargetName="EditingRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="MouseOver CurrentRow Selected">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="BackgroundColor" Storyboard.TargetProperty="Color" Duration="0" To="#FFD5EAF1"/>
                                        <DoubleAnimation Storyboard.TargetName="CurrentRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="EditingRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal CurrentRow">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="CurrentRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="EditingRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal Selected">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="BackgroundColor" Storyboard.TargetProperty="Color" Duration="0" To="#FFD5EAF1"/>
                                        <DoubleAnimation Storyboard.TargetName="CurrentRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                        <DoubleAnimation Storyboard.TargetName="EditingRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Normal EditingRow">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="BackgroundColor" Storyboard.TargetProperty="Color" Duration="0" To="#FFD5EAF1"/>
                                        <DoubleAnimation Storyboard.TargetName="CurrentRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="EditingRowGlyph" Storyboard.TargetProperty="Opacity" Duration="0" To="0"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <Border BorderBrush="#FFFFFFFF" BorderThickness="1, 0, 1, 0" Grid.RowSpan="3" Grid.ColumnSpan="2">
                            <Rectangle Stretch="Fill" Grid.RowSpan="3" Grid.ColumnSpan="2">
                                <Rectangle.Fill>
                                    <SolidColorBrush x:Name="BackgroundColor" Color="#99E9EEF4"/>
                                </Rectangle.Fill>
                            </Rectangle>
                        </Border>
                        <Rectangle Name="HorizontalSeparator" Grid.ColumnSpan="2" Grid.Row="2" Height="1" Margin="1, 0, 1, 0" HorizontalAlignment="Stretch" Fill="{TemplateBinding SeparatorBrush}" Visibility="{TemplateBinding SeparatorVisibility}" />

                        <ContentPresenter Content="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" Grid.Column="1" Grid.RowSpan="2" />

                        <Path Name="CurrentRowGlyph" VerticalAlignment="Center" HorizontalAlignment="Center" Width="6" Height="10"  Margin="8,0,8,0" Grid.RowSpan="2" Stretch="Fill" Opacity="0" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0,-.15" EndPoint="0,1.75">
                                    <GradientStop Color="#FF84E3FF" Offset="0"/>
                                    <GradientStop Color="#FF6ABFD8" Offset="0.5"/>
                                    <GradientStop Color="#FF5297AB" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>

                        <Path Name="EditingRowGlyph" VerticalAlignment="Center" HorizontalAlignment="Center" Width="6" Height="10"  Margin="8,0,8,0" Grid.RowSpan="2" Stretch="Fill" Opacity="0" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0,-.15" EndPoint="0,1.75">
                                    <GradientStop Color="#FF84E3FF" Offset="0"/>
                                    <GradientStop Color="#FF6ABFD8" Offset="0.5"/>
                                    <GradientStop Color="#FF5297AB" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="DataGridStyle" TargetType="o:HandyDataGrid">
        <Setter Property="RowBackground" Value="#AAEAEFF4" />
        <Setter Property="AlternatingRowBackground" Value="#00FFFFFF" />
        <Setter Property="Background" Value="#FFFFFFFF" />
        <Setter Property="HeadersVisibility" Value="Column" />
        <Setter Property="HorizontalScrollBarVisibility" Value="Auto" />
        <Setter Property="VerticalScrollBarVisibility" Value="Auto" />
        <Setter Property="SelectionMode" Value="Extended" />
        <Setter Property="CanUserReorderColumns" Value="True" />
        <Setter Property="CanUserResizeColumns" Value="True" />
        <Setter Property="CanUserSortColumns" Value="True" />
        <Setter Property="AutoGenerateColumns" Value="True" />
        <Setter Property="RowDetailsVisibilityMode" Value="VisibleWhenSelected" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="DragIndicatorStyle">
            <Setter.Value>

                <Style TargetType="ContentControl">
                    <Setter Property="FontSize" Value="10.5" />
                    <Setter Property="FontWeight" Value="Bold" />
                    <Setter Property="Foreground" Value="#7FFFFFFF" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="ContentControl">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>

                                    <Rectangle x:Name="BackgroundRectangle" Stretch="Fill" Fill="#66808080" Grid.ColumnSpan="2" Grid.RowSpan="2"/>

                                    <Rectangle x:Name="BackgroundGradient" Stretch="Fill" Grid.ColumnSpan="2" Grid.RowSpan="2" Opacity="0">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                <GradientStop Color="#FFFFFFFF" Offset="0.015" />
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                <GradientStop Color="#E5FFFFFF" Offset="0.6" />
                                                <GradientStop Color="#C6FFFFFF" Offset="1" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>

                                    <ContentPresenter Margin="4,4,5,4" VerticalAlignment="Center"/>

                                    <Rectangle Grid.RowSpan="2" Grid.Column="2" Width="1" VerticalAlignment="Stretch" Fill="#FFAAAAAA" Visibility="Visible" />

                                    <Path Name="SortIcon" RenderTransformOrigin=".5,.5" HorizontalAlignment="Left" VerticalAlignment="Center" Opacity="0" Grid.Column="1" Stretch="Uniform" Width="8" Data="F1 M -5.215,0.0L 5.215,0.0L 0,6.099L -5.215,0.0 Z ">
                                        <Path.Fill>
                                            <SolidColorBrush Color="#7FFFFFFF" />
                                        </Path.Fill>
                                        <Path.RenderTransform>
                                            <TransformGroup>
                                                <ScaleTransform ScaleX=".9" ScaleY=".9" />
                                                <RotateTransform x:Name="SortIconTransform" />
                                            </TransformGroup>
                                        </Path.RenderTransform>
                                    </Path>
                                </Grid>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Setter.Value>
        </Setter>
        <Setter Property="DropLocationIndicatorStyle">
            <Setter.Value>
                <Style TargetType="Control">
                    <Setter Property="Background" Value="#FF3F4346"/>
                    <Setter Property="Width" Value="2"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="Control">
                                <Rectangle Fill="{TemplateBinding Background}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}"/>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Setter.Value>
        </Setter>
        <Setter Property="GridLinesVisibility" Value="Vertical" />
        <Setter Property="HorizontalGridLinesBrush" Value="#FFC9CACA" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="VerticalGridLinesBrush" Value="#FFC9CACA" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="d:DataGrid">
                    <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="2">
                        <Grid Name="Root" Background="{TemplateBinding Background}">
                            <Grid.Resources>

                                <ControlTemplate x:Key="TopLeftHeaderTemplate" TargetType="dPrimitives:DataGridColumnHeader">
                                    <Grid Name="Root">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                        <Border BorderThickness="0,0,1,0" BorderBrush="#FFC9CACA" Background="#FF1F3B53" Grid.RowSpan="2">
                                            <Rectangle Stretch="Fill" StrokeThickness="1">
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0.015" />
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.6" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Border>
                                        <Rectangle VerticalAlignment="Bottom" Width="Auto" StrokeThickness="1" Height="1" Fill="#FFDBDCDC" Grid.RowSpan="2"/>
                                    </Grid>
                                </ControlTemplate>

                                <ControlTemplate x:Key="TopRightHeaderTemplate" TargetType="dPrimitives:DataGridColumnHeader">
                                    <Grid Name="RootElement">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                        <Border BorderThickness="1,0,0,0" BorderBrush="#FFC9CACA" Background="#FF1F3B53" Grid.RowSpan="2">
                                            <Rectangle Stretch="Fill">
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0.015" />
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375" />
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.6" />
                                                        <GradientStop Color="#C6FFFFFF" Offset="1" />
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                        </Border>
                                    </Grid>
                                </ControlTemplate>
                            </Grid.Resources>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <dPrimitives:DataGridColumnHeader Name="TopLeftCornerHeader" Template="{StaticResource TopLeftHeaderTemplate}" Width="22" />
                            <dPrimitives:DataGridColumnHeadersPresenter Name="ColumnHeadersPresenter" Grid.Column="1"/>
                            <dPrimitives:DataGridColumnHeader Name="TopRightCornerHeader" Grid.Column="2" Template="{StaticResource TopRightHeaderTemplate}" />
                            <Rectangle Name="ColumnHeadersAndRowsSeparator" Grid.ColumnSpan="3" VerticalAlignment="Bottom" Width="Auto" StrokeThickness="1" Height="1" Fill="#FFDBDCDC"/>

                            <dPrimitives:DataGridRowsPresenter Name="RowsPresenter" Grid.ColumnSpan="2" Grid.Row="1" />
                            <Rectangle Name="BottomRightCorner" Fill="#FFE9EEF4" Grid.Column="2" Grid.Row="2" />
                            <Rectangle Name="BottomLeftCorner" Fill="#FFE9EEF4" Grid.Row="2" Grid.ColumnSpan="2" />
                            <ScrollBar Name="VerticalScrollbar" Orientation="Vertical" Grid.Column="2" Grid.Row="1" Width="18" Margin="0,-1,-1,-1"/>

                            <Grid Grid.Column="1" Grid.Row="2">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Rectangle Name="FrozenColumnScrollBarSpacer" />
                                <ScrollBar Name="HorizontalScrollbar" Grid.Column="1" Orientation="Horizontal" Height="18" Margin="-1,0,-1,-1"/>
                            </Grid>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <!--===========================================================================================================-->
    <!--============================= DEFAULT SILVERLIGHT DATA CONTROLS STYLES ====================================-->
    <!--===========================================================================================================-->

    <Style TargetType="o:HandyDataGrid" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyDataGrid">
                    <Grid  x:Name="LayoutRoot">
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--===========================================================================================================-->
    <!--===========================================================================================================-->
    <!--===============================================  GRID =====================================================-->
    <!--===========================================================================================================-->
    <!--===========================================================================================================-->
    <LinearGradientBrush x:Key="DefaultReflectVertical" EndPoint="0,1" StartPoint="0,0">
        <GradientStop Color="#CCFFFEED" Offset="0"/>
        <GradientStop Color="#33FFFFFF" Offset="1"/>
    </LinearGradientBrush>

    <SolidColorBrush x:Key="DefaultDisabled" Color="#FFE8E9EA"/>
    <LinearGradientBrush x:Key="DefaultDarkGradientBottomVertical" EndPoint="0,1" StartPoint="0,0">
        <GradientStop Color="#00044164" Offset="0"/>
        <GradientStop Color="#4C044164" Offset="1"/>
    </LinearGradientBrush>

    <SolidColorBrush x:Key="DefaultListControlStroke" Color="#FF99B0BB" />
    
    <LinearGradientBrush x:Key="DefaultBackground" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FF81A4BB" Offset="0"/>
        <GradientStop Color="#FFD9EBF7" Offset="1"/>
    </LinearGradientBrush>

    <Style x:Key="CellTextBoxStyle" TargetType="TextBox">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Foreground" Value="#FF000000" />
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Padding" Value="0" />
        <Setter Property="BorderBrush" Value="#C9CACA" />
        <!--<Setter Property="SelectionBackground" Value="{StaticResource DefaultDownColor}" />
        <Setter Property="SelectionForeground" Value="{StaticResource DefaultForeground}" />-->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TextBox">
                    <Grid x:Name="RootElement">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" 
                                             Storyboard.TargetName="ContentElement" 
                                             Storyboard.TargetProperty="Opacity" To="0.6"/>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border x:Name="DisabledVisualElement" Background="#A5F7F7F7" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}" Opacity="0" IsHitTestVisible="False"/>
                        <ScrollViewer x:Name="ContentElement" 
                                  Style="{StaticResource ScrollViewerStyle}" 
                                  Padding="{TemplateBinding Padding}" 
                                  IsTabStop="False"
                                  BorderThickness="{TemplateBinding BorderThickness}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <Style TargetType="o:TextCell">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="BorderBrush" Value="#C9CACA" />            
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="5,4,4,4" />
        <Setter Property="Width" Value="100"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:TextCell">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Standard"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="FocusElement" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>                                        
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Edited">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextElement" 
                                                                   Storyboard.TargetProperty="Visibility" 
                                                                   Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="FocusElement" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="ValidStates">
                                <vsm:VisualState x:Name="Valid"/>
                                <vsm:VisualState x:Name="NotValid">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="ValidElement" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>                        
                        <Rectangle Name="FocusElement" 
                                   Stroke="#FF6DBDD1" StrokeThickness="1" Fill="#66FFFFFF" HorizontalAlignment="Stretch" 
                                   VerticalAlignment="Stretch" IsHitTestVisible="false" Visibility="Collapsed" 
                                   Margin="1,2,2,1"/>
                        <Rectangle 
                            Name="ValidElement" 
                            Stroke="Red" 
                            StrokeThickness="1.5"
                            IsHitTestVisible="false"
                            Margin="1,2,2,1"
                            Visibility="Collapsed"
                            Opacity="0.5"/>
                        <Grid x:Name="TextContainerElement">
                            <TextBlock 
                                x:Name="TextElement" 
                                Text="{TemplateBinding Text}"
                                Margin="{TemplateBinding Padding}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
                        </Grid>
                        <Rectangle Name="CellRightBorder" 
                                   StrokeThickness="0.5" 
                                   Stroke="{TemplateBinding BorderBrush}"
                                   Width="1" 
                                   HorizontalAlignment="Right"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:CheckBoxCell">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="#C9CACA" />
        <Setter Property="BorderThickness" Value="1"/>
        <!--<Setter Property="Foreground" Value="{StaticResource DefaultForeground}"/>-->
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Width" Value="21"/>
        <Setter Property="Padding" Value="4,4,5,4"/>
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:CheckBoxCell">
                    <Grid Background="Transparent">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Standard"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="FocusElement" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Edited">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                        Storyboard.TargetName="FocusElement" 
                                        Storyboard.TargetProperty="Visibility" 
                                        Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="ValidStates">
                                <vsm:VisualState x:Name="Valid"/>
                                <vsm:VisualState x:Name="NotValid">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                        Storyboard.TargetName="ValidElement" 
                                        Storyboard.TargetProperty="Visibility" 
                                        Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>                        
                        <Rectangle Name="FocusElement" 
                           Stroke="#FF6DBDD1" StrokeThickness="1" Fill="#66FFFFFF" HorizontalAlignment="Stretch" 
                           VerticalAlignment="Stretch" IsHitTestVisible="false" Visibility="Collapsed" 
                           Margin="1,2,2,1"/>                        
                        <Rectangle Name="ValidElement" 
                            Stroke="Red" 
                            StrokeThickness="2"
                            Margin="1,2,2,1" 
                            IsHitTestVisible="false"
                            Visibility="Collapsed"
                            Opacity="0.5"/>
                        <Grid HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}">
                            <Border 
                                x:Name="BackgroundVisual" 
                                Background="{TemplateBinding Background}" 
                                Height="12" 
                                Width="12" 
                                BorderBrush="{TemplateBinding BorderBrush}" 
                                CornerRadius="2" 
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Margin="{TemplateBinding Padding}"/>                        
                            <Grid 
                                x:Name="CheckMark" 
                                Width="9" 
                                Height="9" 
                                Visibility="{TemplateBinding CheckMarkVisibility}" >
                                <Path 
                                    Stretch="Fill" 
                                    Stroke="{TemplateBinding Foreground}" 
                                    StrokeThickness="2" 
                                    Data="M129.13295,140.87834 L132.875,145 L139.0639,137" />
                            </Grid>
                        </Grid>                                            
                        <Rectangle 
                            Name="CellRightBorder" 
                            Stroke="{TemplateBinding BorderBrush}" 
                            StrokeThickness="0.5" 
                            Width="1" 
                            HorizontalAlignment="Right"
                            Margin="0,-1,0,-1"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Container_RowItemStyle" TargetType="o:HandyListItem">
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="BorderBrush" Value="#C9CACA" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="10" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid Background="Transparent" x:Name="LayoutRoot">

                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55" />

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="OrientationStates">
                                <vsm:VisualState x:Name="Horizontal"/>
                                <vsm:VisualState x:Name="Vertical"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="ValidStates">
                                <vsm:VisualState x:Name="Valid"/>
                                <vsm:VisualState x:Name="NotValid">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="ValidElement" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid>
                            <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <g:GContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  OrientatedMargin="{TemplateBinding Padding}"
                                  OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                                  PresenterOrientation="{TemplateBinding PresenterOrientation}"/>                            
                            <Rectangle x:Name="BorderElement" Grid.RowSpan="2" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Margin="-1,0,0,-1"/>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" Margin="0,1,1,0"/>
                            <Rectangle Name="ValidElement" 
                                   Stroke="Red" 
                                   StrokeThickness="2"
                                   IsHitTestVisible="false" 
                                   Visibility="Collapsed"
                                   Margin="0,1,1,0"
                                   Grid.RowSpan="2"
                                   Opacity="0.5"/>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:ItemTitle">
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Background" Value="{StaticResource DefaultDarkGradientBottomVertical}" />
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="BorderBrush" Value="{StaticResource DefaultListControlStroke}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="5,4,4,3" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:ItemTitle">
                    <Grid x:Name="LayoutRoot">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="1*" />
                            <RowDefinition Height="1*" />
                        </Grid.RowDefinitions>
                        <Rectangle x:Name="BackgroundVisual"  Fill="{TemplateBinding Background}" Grid.RowSpan="2"/>
                        <Rectangle Fill="{StaticResource DefaultReflectVertical}" Margin="1,1,1,0" />
                        <g:GContentPresenter
                          x:Name="ELEMENT_ContentPresenter"
                          Content="{TemplateBinding Content}"
                          ContentTemplate="{TemplateBinding ContentTemplate}"
                          OrientatedHorizontalAlignment="Left"
                          OrientatedMargin="{TemplateBinding Padding}"
                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}"  
                          PresenterOrientation="{TemplateBinding PresenterOrientation}"
                            Grid.RowSpan="2"/>
                        <Rectangle x:Name="BorderElement" 
                                   Stroke="{TemplateBinding BorderBrush}" 
                                   StrokeThickness="{TemplateBinding BorderThickness}" 
                                   Margin="-1,0,0,-1"
                                   Grid.RowSpan="2"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <Style x:Key="Container_RowNodeStyle" TargetType="o:HandyListItem">
        <Setter Property="BorderBrush" Value="#C9CACA" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Margin" Value="0"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="Indentation" Value="30" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="IsKeyActivable" Value="True"/>
        <Setter Property="ItemUnpressDropDownBehavior" Value="CloseAll" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyListItem">
                    <Grid x:Name="LayoutRoot">
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>
                                        <DoubleAnimation Storyboard.TargetName="ELEMENT_ContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To=".55"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="NotFocused"/>
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverStates">
                                <vsm:VisualState x:Name="NotMouseOver"/>
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="PressedStates">
                                <vsm:VisualState x:Name="NotPressed"/>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="SelectedStates">
                                <vsm:VisualState x:Name="NotSelected"/>
                                <vsm:VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="HasItemsStates">
                                <vsm:VisualState x:Name="NotHasItems"/>
                                <vsm:VisualState x:Name="HasItems">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HasItem" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="IsExpandedStates">
                                <vsm:VisualState x:Name="NotIsExpanded"/>
                                <vsm:VisualState x:Name="IsExpanded">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CheckedArrow" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowUnchecked" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="AlternateStates">
                                <vsm:VisualState x:Name="NotIsAlternate"/>
                                <vsm:VisualState x:Name="IsAlternate">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="AlternateBackground" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="InvertedStates">
                                <vsm:VisualState x:Name="InvertedItemsFlowDirection">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToTop" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ArrowCheckedToBottom" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="NormalItemsFlowDirection"/>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="ValidStates">
                                <vsm:VisualState x:Name="Valid"/>
                                <vsm:VisualState x:Name="NotValid">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="ValidElement" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="NodeLevelActionStates">
                                <vsm:VisualState x:Name="NormalLevelNode"/>
                                <vsm:VisualState x:Name="JumpLevelNode">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="NodeSpacerRectangle" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="MouseOverHeadingStates">
                                <vsm:VisualState x:Name="NotMouseOverHeading"/>
                                <vsm:VisualState x:Name="MouseOverHeading">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames 
                                            Storyboard.TargetName="fillColor" 
                                            Storyboard.TargetProperty="Visibility" 
                                            Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>                                    
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Rectangle x:Name="NodeSpacerRectangle" Height="6" Grid.Row="0" Visibility="Collapsed"/>
                        <StackPanel Orientation="Horizontal" Grid.Row="1">
                            <Rectangle Width="{TemplateBinding FullIndentation}" />
                            <Grid MinWidth="22" Margin="0,0,1,0">
                                <Grid x:Name="HasItem" Visibility="Collapsed" Height="16" Width="16" Margin="3,0,0,3" HorizontalAlignment="Left">
                                    <Path x:Name="ArrowUnchecked" HorizontalAlignment="Right" Height="7" Width="7" Stroke="#FF333333" Stretch="Fill" Data="M 4 0 L 8 4 L 4 8 Z" />
                                    <Grid x:Name="CheckedArrow" Visibility="Collapsed">
                                        <Path x:Name="ArrowCheckedToBottom" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 0 4 L 4 4 L 4 0 Z" />
                                        <Path x:Name="ArrowCheckedToTop" HorizontalAlignment="Right" Height="7" Width="7" Fill="#FF333333" Stretch="Fill" Data="M 4 0 L 8 0 L 8 4 Z" Visibility="Collapsed"/>
                                    </Grid>
                                    <ToggleButton x:Name="ELEMENT_ExpandButton" Height="16" Width="16"  Style="{StaticResource EmptyToggleButtonStyle}" IsChecked="{TemplateBinding IsExpanded}" IsThreeState="False" IsTabStop="False"/>

                                </Grid>
                            </Grid>
                            <g:GDockPanel Background="Transparent">
                                <o:ItemTitle g:GDockPanel.Dock="Top" Visibility="Collapsed" x:Name="ItemTitle" />
                                <Grid g:GDockPanel.Dock="Top" Visibility="Collapsed" x:Name="Headers"/>
                                <Grid g:GDockPanel.Dock="Fill">                            
                                    <Rectangle x:Name="AlternateBackground" Visibility="Collapsed" Fill="#FFF5F5F5" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                    <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1" Visibility="Visible"/>
                                    <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9"  IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                                    <g:GContentPresenter
                                          x:Name="ELEMENT_ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Cursor="{TemplateBinding Cursor}"
                                          OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          OrientatedMargin="{TemplateBinding Padding}"
                                          OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                    <Rectangle x:Name="BorderElement" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}" Margin="-1,0,0,-1"/>
                                    <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" Margin="1,2,2,1"/>
                                    <Rectangle 
                                       Name="ValidElement" 
                                       Stroke="Red" 
                                       StrokeThickness="1.5"
                                       IsHitTestVisible="false" 
                                       Visibility="Collapsed"
                                       Margin="1,2,2,1"
                                       Opacity="0.5"/>
                                </Grid>
                            </g:GDockPanel>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="GridBodyStyle" TargetType="o:HandyContainer">
        <Setter Property="Orientation" Value="Vertical" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFA3AEB9" Offset="0"/>
                    <GradientStop Color="#FF8399A9" Offset="0.375"/>
                    <GradientStop Color="#FF718597" Offset="0.375"/>
                    <GradientStop Color="#FF617584" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="RestoreFocusMode" Value="LastFocusedItem" />
        <Setter Property="AutoClipContent" Value="True" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HandyStyle" Value="ListStyle"/>
        <!-- needed for combo-->
        <Setter Property="HandyScrollerStyle" Value="StandardScrollerStyle"/>
        <Setter Property="HandyItemsPanelModel" Value="None" />
        <Setter Property="HandyStatersModel" Value="StandardStaters"/>
        <Setter Property="HandyDefaultItemStyle" Value="Calculated"/>
        <Setter Property="HandyItemContainerStyle" Value="StandardItem"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="SelectionMode" Value="Single"/>
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="ShowColSeparators" Value="False"/>
        <Setter Property="ShowRowSeparators" Value="False"/>
        <Setter Property="ColSpace" Value="5"/>
        <Setter Property="RowSpace" Value="5"/>
        <Setter Property="ItemContainerDefinedStyle" Value="{StaticResource EmptyStyle}"/>
        <Setter Property="SeparatorStyle" Value="{StaticResource Container_SeparatorStyle}"/>
        <Setter Property="StandardItemStyle" Value="{StaticResource Container_RowItemStyle}"/>
        <Setter Property="ListItemStyle" Value="{StaticResource Container_ListItemStyle}"/>
        <Setter Property="DetailsItemStyle" Value="{StaticResource Container_ItemDetailStyle}"/>
        <Setter Property="CheckBoxStyle" Value="{StaticResource Container_CheckBoxStyle}"/>
        <Setter Property="RadioButtonStyle" Value="{StaticResource Container_RadioButtonStyle}"/>
        <Setter Property="ToggleButtonStyle" Value="{StaticResource Container_ToggleButtonStyle}"/>
        <Setter Property="NodeStyle" Value="{StaticResource Container_RowNodeStyle}"/>

        <Setter Property="DropDownListStyle" Value="{StaticResource Container_DropDownListStyle}"/>
        <Setter Property="DropDownButtonStyle" Value="{StaticResource Container_DropDownButtonStyle}"/>

        <Setter Property="ColSeparatorsStyle" Value="{StaticResource StandardColSeparatorStyle}"/>
        <Setter Property="RowSeparatorsStyle" Value="{StaticResource StandardRowSeparatorStyle}"/>
        <Setter Property="ItemsPanelModel">
            <Setter.Value>
                <g:GStackPanelModel>
                    <g:GStackPanelModel.KeyNavigator>
                        <o:GridSpatialNavigator/>
                    </g:GStackPanelModel.KeyNavigator>
                </g:GStackPanelModel>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HandyContainer">
                    <Border 
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        Padding="{TemplateBinding Padding}">
                        <Grid x:Name="ELEMENT_Root">
                            <g:Scroller 
                                x:Name="ElementScroller"
                                Style="{TemplateBinding ScrollerStyle}" 
                                Background="Transparent"
                                BorderThickness="0"
                                Margin="{TemplateBinding Padding}"
                                ScrollerOperator="ELEMENT_ItemsPresenter">
                                <Grid>
                                    <g:GItemsPresenter
                                        x:Name="ELEMENT_ItemsPresenter"
                                        Opacity="{TemplateBinding Opacity}"
                                        Cursor="{TemplateBinding Cursor}"
                                        HorizontalAlignment ="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment ="{TemplateBinding VerticalContentAlignment}"/>
                                    <Grid Margin="-1,0,0,0">
                                        <g:GCanvas x:Name="HeadersCanvas" Margin="{TemplateBinding Padding}"/>
                                    </Grid>
                                </Grid>
                            </g:Scroller>
                            <o:GridLastFocusControl Width="0" Height="0" Visibility="Collapsed" x:Name="LastFocusControl"/>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:GridLastFocusControl">
    </Style>
    
    <Style TargetType="o:HeadersContainer">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HeadersContainer">
                    <Grid  x:Name="LayoutRoot">
                        <g:GContentPresenter
                                x:Name="ELEMENT_ContentPresenter"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="HeadersContainerStyle" TargetType="o:HeadersContainer">
        <Setter Property="IsEnabled" Value="true" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="BorderBrush" Value="{StaticResource DefaultListControlStroke}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="Background" Value="{StaticResource DefaultDarkGradientBottomVertical}" />
        <Setter Property="Foreground" Value="#FF000000"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="PresenterOrientation" Value="Horizontal" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Indentation" Value="30" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:HeadersContainer">
                    <g:GCanvas Name="RootCanvas" Margin="0,0,-1,-1">
                        <Grid x:Name="LayoutRoot">
                            <g:GStackPanel Orientation="Horizontal">
                                <Rectangle Width="{TemplateBinding FullIndentation}"/>
                                <Rectangle Width="22" Margin="0,0,1,0"/>
                                <Rectangle Stroke="{TemplateBinding BorderBrush}" StrokeThickness="0.5" Width="1"/>
                                <Grid>
                                    <Rectangle Fill="{TemplateBinding Background}" />
                                    <Rectangle Fill="{StaticResource DefaultReflectVertical}" Margin="1,1,1,0" />
                                    <Rectangle Stroke="{TemplateBinding BorderBrush}" Margin="-1,0,0,0" />
                                    <g:GContentPresenter
                                        x:Name="ELEMENT_ContentPresenter"
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        Cursor="{TemplateBinding Cursor}"
                                        OrientatedHorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        OrientatedMargin="{TemplateBinding Padding}"
                                        OrientatedVerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                        PresenterOrientation="{TemplateBinding PresenterOrientation}"/>
                                </Grid>
                            </g:GStackPanel>
                        </Grid>
                    </g:GCanvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <ControlTemplate x:Key="EmptyBorderTemplate" TargetType="g:SizerBorder">
        <Rectangle Fill="Transparent"/>
    </ControlTemplate>

    <Style x:Key="HeaderWindowSizerStyle" TargetType="g:WindowSizer">
        <Setter Property="VerticalSizeMode" Value="Bottom" />
        <Setter Property="HorizontalSizeMode" Value="Right" />
        <Setter Property="IsEnabled" Value="True" />
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="Cursor" Value="Arrow" />
        <Setter Property="MinWidth" Value="20"/>
        <Setter Property="MinHeight" Value="20"/>
        <Setter Property="FontSize" Value="11" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="g:WindowSizer" >
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal"/>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>

                        <Grid x:Name="ELEMENT_GridContainer">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <ContentPresenter
                                  x:Name="ELEMENT_ContentPresenter"
                                  Grid.ColumnSpan="3"
                                  Grid.RowSpan="3"
                                  Content="{TemplateBinding Content}"
                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Cursor="{TemplateBinding Cursor}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"                                  
                                  Margin="{TemplateBinding Padding}"  />

                            <g:SizerBorder 
                              x:Name="ELEMENT_RightSizeBorder" 
                              Grid.Column="2"
                              Grid.Row="1"
                              Width="5"
                              Cursor="SizeWE"
                                Template="{StaticResource EmptyBorderTemplate}"
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_LeftSizeBorder" 
                              Grid.Column="0"
                              Grid.Row="1"
                              Width="5"
                              Cursor="SizeWE"
                              Template="{StaticResource EmptyBorderTemplate}"
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_BottomSizeBorder" 
                              Grid.Column="1"
                              Grid.Row="2"
                              Height="5"
                              Cursor="SizeNS"
                                Template="{StaticResource EmptyBorderTemplate}"
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_TopSizeBorder" 
                              Grid.Column="1"
                              Grid.Row="0"
                              Height="5"
                              Cursor="SizeNS"
                                Template="{StaticResource EmptyBorderTemplate}"
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_BottomRightSizeCorner"
                              Grid.Column="2"
                              Grid.Row="2"
                              Width="5"
                              Height="5"
                              Cursor="Hand"
                              Template="{StaticResource EmptyBorderTemplate}"  
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_BottomLeftSizeCorner"
                              Grid.Column="0"
                              Grid.Row="2"
                              Width="5"
                              Height="5"
                              Cursor="Hand"
                              Template="{StaticResource EmptyBorderTemplate}"  
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_TopRightSizeCorner"
                              Grid.Column="2"
                              Grid.Row="0"
                              Width="5"
                              Height="5"
                              Cursor="Hand"
                              Template="{StaticResource EmptyBorderTemplate}"  
                                />

                            <g:SizerBorder 
                              x:Name="ELEMENT_TopLeftSizeCorner"
                              Grid.Column="0"
                              Grid.Row="0"
                              Width="5"
                              Height="5"
                              Cursor="Hand"
                              Template="{StaticResource EmptyBorderTemplate}"  
                                />
                            <Rectangle x:Name="DisabledVisual" Grid.RowSpan="3" Grid.ColumnSpan="3" StrokeThickness="6"  Stroke="{StaticResource DefaultDisabled}" Visibility="Collapsed" Opacity="0.6" />

                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="o:Header">
        <Setter Property="Foreground" Value="#FF444444" />
        <Setter Property="Background" Value="{StaticResource DefaultBackground}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="FontSize" Value="11" />
        <Setter Property="FontWeight" Value="Normal" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Padding" Value="5,4,4,3" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="o:Header">
                    <Grid >
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Visibility" Duration="0">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <g:WindowSizer 
                            x:Name="SizerElement" 
                                VerticalSizeMode="{TemplateBinding VerticalSizeMode}" 
                                HorizontalSizeMode="{TemplateBinding HorizontalSizeMode}"
                                MinWidth="{TemplateBinding MinWidth}"
                                MaxWidth="{TemplateBinding MaxWidth}"
                                MinHeight="{TemplateBinding MinHeight}"
                                MaxHeight="{TemplateBinding MaxHeight}"
                                Style="{StaticResource HeaderWindowSizerStyle}">
                            <Grid Background="Transparent" >
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Grid Grid.ColumnSpan="3" Grid.RowSpan="3">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="1*" />
                                            <RowDefinition Height="1*" />
                                        </Grid.RowDefinitions>
                                        <Rectangle x:Name="MouseOverVisual" Fill="{StaticResource DefaultDarkGradientBottomVertical}" Grid.Row="1" Margin="1,1,2,2" Visibility="Collapsed"/>
                                    </Grid>
                                    <ContentPresenter
                                        Grid.RowSpan="3"
                                        Content="{TemplateBinding Content}"
                                        Cursor="{TemplateBinding Cursor}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        Margin="{TemplateBinding Padding}"/>
                                </Grid>
                                <Rectangle Width="1" Fill="#FFC9CACA" HorizontalAlignment="Right"/>
                            </Grid>
                        </g:WindowSizer>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
</ResourceDictionary>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Web Developer
Belgium Belgium
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions