<?xml version="1.0" encoding="utf-8"?>
<c1:C1TabControl x:Class="C1_Demo.ClearStyleTabControl" TabItemClose="InEachTab" TabItemClosing="tabs_TabClosing" x:Name="tc" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:demo="clr-namespace:C1_Demo">

    <c1:C1TabItem Header="Sales Per Month">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="50" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid HorizontalAlignment="Right" Margin="10,6,15,6" Width="38" Height="38">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.138*" />
                    <ColumnDefinition Width="0.862*" />
                </Grid.ColumnDefinitions>
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="7,3,13,0" Grid.Column="1" Fill="#FF507494" />
                <Rectangle Stroke="Black" StrokeThickness="0" HorizontalAlignment="Right" Width="13" Grid.Column="1" Height="15" VerticalAlignment="Bottom" Fill="#FF507494" />
                <Rectangle Stroke="Black" StrokeThickness="0" HorizontalAlignment="Left" Margin="-5,12,0,0" Width="12" Grid.Column="1" Fill="#FF507494" />
                <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Margin="-3,14,26,2" Grid.Column="1" />
                <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Margin="9,5,15,2" Grid.Column="1" />
                <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Height="11" HorizontalAlignment="Right" Margin="0,0,2,2" VerticalAlignment="Bottom" Width="11" Grid.Column="1" RenderTransformOrigin="0.317,0.491" />
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="-1,16,0,4" HorizontalAlignment="Left" Width="6" Grid.Column="1">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.791,0.899" StartPoint="0.056,0.085">
                            <GradientStop Color="#FFCD3D0B" Offset="0" />
                            <GradientStop Color="#FFC13B08" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="11,7,0,4" Grid.Column="1" HorizontalAlignment="Left" Width="5">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFCBEC05" Offset="0" />
                            <GradientStop Color="#FF5B9200" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle Stroke="Black" StrokeThickness="0" Height="7" HorizontalAlignment="Right" Margin="0,0,4,4" VerticalAlignment="Bottom" Width="7" Grid.Column="1">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF89B9E7" Offset="0" />
                            <GradientStop Color="#FF4775A9" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
            </Grid>
            <TextBlock Margin="15,0,1,0" Text="Sales Per Month" TextWrapping="NoWrap" FontFamily="Trebuchet MS" FontSize="24" HorizontalAlignment="Left" VerticalAlignment="Center" />
            <c1:C1Chart x:Name="salesChart" ChartType="ColumnStacked" Grid.Row="1" Margin="15" BorderThickness="0" Foreground="{Binding ElementName=tc, Path=Foreground}">
                <c1:C1Chart.View>
                    <c1:ChartView>
                        <c1:ChartView.AxisY>
                            <c1:Axis AnnoFormat="c0" Max="4000" />
                        </c1:ChartView.AxisY>
                    </c1:ChartView>
                </c1:C1Chart.View>
                <c1:C1Chart.Data>
                    <c1:ChartData ItemNames="January February March April">
                        <c1:DataSeries Values="1000 1500 110 1300" Label="Bikes" />
                        <c1:DataSeries Values="700 650 610 600" Label="Mountain Bikes" />
                        <c1:DataSeries Values="300 310 440 500" Label="Carrier Bikes" />
                        <c1:DataSeries Values="250 300 400 500" Label="Motos" />
                    </c1:ChartData>
                </c1:C1Chart.Data>
            </c1:C1Chart>
        </Grid>

    </c1:C1TabItem>
    <c1:C1TabItem Header="Sales Per Sales Agent">
        <Grid Background="White">
            <Grid.RowDefinitions>
                <RowDefinition Height="50" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid HorizontalAlignment="Right" Margin="10,6,15,6" Width="38" Height="38">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.138*" />
                    <ColumnDefinition Width="0.862*" />
                </Grid.ColumnDefinitions>
                <Ellipse Fill="#FF507494" Stroke="Black" StrokeThickness="0" Grid.ColumnSpan="2" />
                <Ellipse Fill="White" Stroke="Black" StrokeThickness="0" Margin="2" Grid.ColumnSpan="2" />
                <Path Stretch="Fill" Stroke="Black" StrokeThickness="0" Height="14.67" Margin="14.647,3.683,3.683,0" VerticalAlignment="Top" UseLayoutRounding="False" Grid.Column="1" Data="M2.9057262E-06,0 C9.3888426,0 17.000002,7.6111584 17.000002,16.999998 L0,17 z">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF89B9E7" Offset="0" />
                            <GradientStop Color="#FF4775A9" Offset="1" />
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
                <Path Stretch="Fill" Stroke="Black" StrokeThickness="0" HorizontalAlignment="Left" Margin="-1.317,3.71,0,5.918" Width="14.094" UseLayoutRounding="False" Grid.Column="1" Data="M15.999996,0 L15.999996,17.449839 C15.999996,17.449839 9.4539824,32.207588 9.4539824,32.207588 C3.8512123,29.427641 0,23.648544 0,16.969946 C0,8.0212078 6.9143362,0.68739891 15.692011,0.019517422 z">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFCBEC05" Offset="0" />
                            <GradientStop Color="#FF5B9200" Offset="1" />
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
                <Path Stretch="Fill" Stroke="Black" StrokeThickness="0" Height="13.954" Margin="8.705,0,3.71,3.683" VerticalAlignment="Bottom" UseLayoutRounding="False" Grid.Column="1" Data="M-0.129338,0 L16.96995,0 L16.950432,0.30798525 C16.282549,9.0856609 8.948741,15.999998 2.8312204E-06,15.999998 C-2.5099769,15.90144 -4.6997151,15.38966 -6.6337628,14.547951 z">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="0.791,0.899" StartPoint="0.056,0.085">
                            <GradientStop Color="#FFCD3D0B" Offset="0" />
                            <GradientStop Color="#FFC13B08" Offset="1" />
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
            </Grid>
            <TextBlock Margin="15,0,1,0" Text="Sales Per Sales Agent" TextWrapping="NoWrap" FontFamily="Trebuchet MS" FontSize="24" Foreground="#FF507494" HorizontalAlignment="Left" VerticalAlignment="Center" />
            <c1:C1Chart ChartType="Pie" x:Name="salesPieChart" Margin="15" Grid.Row="1" BorderThickness="0" Foreground="{Binding ElementName=tc, Path=Foreground}">
                <c1:C1Chart.Data>
                    <c1:ChartData ItemNames="Harnpadoungsataya Hunter Johnson Wright Northup">
                        <c1:DataSeries Values="5892 2300 3412 976 400" />
                    </c1:ChartData>
                </c1:C1Chart.Data>
                <c1:C1ChartLegend x:Name="legend" FontSize="11" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="152" Width="165" Grid.Row="1" />
            </c1:C1Chart>
        </Grid>
    </c1:C1TabItem>
    <c1:C1TabItem Header="Sales Agents">
        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" BorderThickness="0" Background="Transparent" Margin="0" Padding="0">
            <demo:SalesAgents />
        </ScrollViewer>
    </c1:C1TabItem>
    <c1:C1TabItem Header="Report Summary">
        <Grid Background="White">
            <Grid.RowDefinitions>
                <RowDefinition Height="50" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid HorizontalAlignment="Right" Margin="10,6,15,6" Width="38" Height="38">
                <Path Fill="#FF507494" Stretch="Fill" Stroke="Black" StrokeThickness="0" Data="M0,0 L22.139252,0 L28,6.0017438 L28,38 L0,38 z" Margin="5,0" UseLayoutRounding="False" />
                <Path Fill="White" Stretch="Fill" Stroke="Black" StrokeThickness="0" Margin="7,2" UseLayoutRounding="False" Data="M0,0 L19.005226,0 L24,4.9467611 L24,34 L0,34 z" />
                <Rectangle Fill="#FFCFDFEE" Stroke="Black" StrokeThickness="0" Margin="8,3,15,3" />
                <Rectangle Fill="#FFCFDFEE" Stroke="Black" StrokeThickness="0" HorizontalAlignment="Right" Margin="0,10,8,3" Width="10" />
                <Rectangle Stroke="Black" StrokeThickness="0" HorizontalAlignment="Right" Width="6" Height="7" VerticalAlignment="Bottom" Fill="#FF507494" Margin="0,0,9,4" />
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="10,0,0,4" Fill="#FF507494" Height="11" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="6" />
                <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Margin="11,0,22,5" Height="9" VerticalAlignment="Bottom" />
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="16,0,15,4" Fill="#FF507494" Height="14" VerticalAlignment="Bottom" />
                <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Margin="17,0,16,5" Height="12" VerticalAlignment="Bottom" />
                <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Height="5" HorizontalAlignment="Right" Margin="0,0,10,5" VerticalAlignment="Bottom" Width="5" RenderTransformOrigin="0.317,0.491" />
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="12,0,0,6" Height="7" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="3">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.791,0.899" StartPoint="0.056,0.085">
                            <GradientStop Color="#FFCD3D0B" Offset="0" />
                            <GradientStop Color="#FFC13B08" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle Stroke="Black" StrokeThickness="0" Margin="18,0,17,6" Height="10" VerticalAlignment="Bottom">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFCBEC05" Offset="0" />
                            <GradientStop Color="#FF5B9200" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle Stroke="Black" StrokeThickness="0" Height="3" HorizontalAlignment="Right" Margin="0,0,11,6" VerticalAlignment="Bottom" Width="3">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF89B9E7" Offset="0" />
                            <GradientStop Color="#FF4775A9" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle Fill="#FF507494" Stroke="Black" StrokeThickness="0" Height="1" Margin="10,12,10,0" VerticalAlignment="Top" />
                <Rectangle Fill="#FF507494" Stroke="Black" StrokeThickness="0" Height="1" Margin="10,16,13,0" VerticalAlignment="Top" />
                <Rectangle Fill="#FF507494" Stroke="Black" StrokeThickness="0" Height="1" Margin="10,8,16,0" VerticalAlignment="Top" />
                <Rectangle Fill="#FF507494" Stroke="Black" StrokeThickness="0" Height="7" HorizontalAlignment="Right" Margin="0,2,12,0" VerticalAlignment="Top" Width="2" />
                <Rectangle Fill="#FF507494" Stroke="Black" StrokeThickness="0" Height="2" HorizontalAlignment="Right" Margin="0,7,7,0" VerticalAlignment="Top" Width="6" />
            </Grid>
            <TextBlock Margin="15,0,1,0" Text="Report Summary" TextWrapping="NoWrap" FontFamily="Trebuchet MS" FontSize="24" Foreground="#FF507494" HorizontalAlignment="Left" VerticalAlignment="Center" />

            <c1:C1Chart x:Name="salesChart1" ChartType="AreaStacked" Grid.Row="1" Foreground="{Binding ElementName=tc, Path=Foreground}" Margin="15" BorderThickness="0">
                <c1:C1Chart.View>
                    <c1:ChartView>
                        <c1:ChartView.AxisY>
                            <c1:Axis AnnoFormat="c0" Max="9000" />
                        </c1:ChartView.AxisY>
                    </c1:ChartView>
                </c1:C1Chart.View>
                <c1:C1Chart.Data>
                    <c1:ChartData ItemNames="Q1/09 Q2/09 Q3/09 Q4/09 Q1/10 Q2/10 Q3/10 Q4/10">
                        <c1:DataSeries Label="Bikes" Values="3008 2409 705 612 4102 3604 2402 1001" />
                        <c1:DataSeries Label="Mountain Bikes" Values="2500 1400 1000 1043 2309 1801 1200 987" />
                        <c1:DataSeries Label="Carrier Bikes" Values="50 70 92 97 130 123 110 98" />
                        <c1:DataSeries Label="Motos" Values="120 131 101 140 280 312 305 402" />
                    </c1:ChartData>
                </c1:C1Chart.Data>
            </c1:C1Chart>
        </Grid>
    </c1:C1TabItem>
</c1:C1TabControl>