<Style TargetType="TextBlock" x:Key="infoBox">
        <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeSmall}"/>
        <Setter Property="Foreground" Value="{StaticResource PhoneBackgroundBrush}"/>
    </Style>

    <Style TargetType="local:TrackBallInfoControl">
        <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeSmall}"/>
        <Setter Property="Foreground" Value="{StaticResource PhoneBackgroundBrush}"/>
        <Setter Property="Background" Value="{StaticResource PhoneForegroundBrush}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="local:TrackBallInfoControl">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="12"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="12"/>
                        </Grid.ColumnDefinitions>
                        <Rectangle Width="12" Height="12" VerticalAlignment="Top">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                    <GradientStop Color="Transparent" Offset="0.5"/>
                                    <GradientStop Color="{StaticResource PhoneForegroundColor}" Offset="0.5"/>
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Border VerticalAlignment="Stretch" Width="12" HorizontalAlignment="Left" Background="{TemplateBinding Background}" Margin="0,12,0,0"/>
                        <Grid Grid.Column="1" Background="{TemplateBinding Background}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <ContentPresenter x:Name="header" Content="{TemplateBinding Header}" 
                                              ContentTemplate="{TemplateBinding HeaderTemplate}" 
                                              HorizontalAlignment="Stretch" 
                                              VerticalAlignment="Stretch"/>
                            <StackPanel x:Name="panel" Grid.Row="1"/>
                        </Grid>
                        <Border VerticalAlignment="Stretch" Width="12" HorizontalAlignment="Right" Background="{TemplateBinding Background}" Margin="0,0,0,12" Grid.Column="2"/>
                        <Rectangle Width="12" Height="12" Grid.Column="2" VerticalAlignment="Bottom">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                    <GradientStop Color="{StaticResource PhoneForegroundColor}" Offset="0.5"/>
                                    <GradientStop Color="Transparent" Offset="0.5"/>
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="DataPointInfoTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <TextBlock Text="{Binding Path=DisplayHeader}" Style="{StaticResource infoBox}" FontWeight="Bold" Margin="4,2,4,0"/>
                        <TextBlock Text="{Binding Path=DisplayContent}" Style="{StaticResource infoBox}" Grid.Row="1" Margin="4,0,4,2"/>
                    </Grid>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>