<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	x:Class="SilverlightDataApp.MainPage"
    xmlns:SilverlightDataApp="clr-namespace:SilverlightDataApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" 
    Width="Auto" Height="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
    x:Name="MainUC">

    <Grid x:Name="MainUCRoot" Width="Auto" Height="Auto">
        <Grid x:Name="Bubbles" Height="100" d:LayoutOverrides="Height" Width="460" HorizontalAlignment="Center" VerticalAlignment="Center">
            <!--The markup for the buttons-->
            <Button x:Name="btnA1" Content="Button" d:LayoutOverrides="Height" Click="openDesc_A" HorizontalAlignment="Left" Style="{StaticResource BtnAStyle}">
                <!--Markup for the button's shadow effect. Direction is set to -90, so the shadow is positioned below the button, 
                blur radius is 20px, the depth of the shadow is 10px and opacity is 10.-->
                <Button.Effect>
                    <DropShadowEffect
                    Direction="-90"
                    Color="Black"
                    BlurRadius="20"
                    ShadowDepth="3" Opacity="10" />
                </Button.Effect>
            </Button>
            <Button Content="Button" x:Name="btnB1" d:LayoutOverrides="Height" HorizontalAlignment="Left" Margin="120,0,0,0" Style="{StaticResource BtnBStyle}" Click="openReg_B">
                <Button.Effect>
                    <DropShadowEffect
                    Direction="-90"
                    Color="Black"
                    BlurRadius="20"
                    ShadowDepth="3" Opacity="10" />
                </Button.Effect>
            </Button>
            <Button x:Name="btnC1" Content="Button" d:LayoutOverrides="Width, Height" HorizontalAlignment="Left" Margin="240,0,0,0" Style="{StaticResource BtnCStyle}" Click="openRegistered_C">
                <Button.Effect>
                    <DropShadowEffect
                    Direction="-90"
                    Color="Black"
                    BlurRadius="20"
                    ShadowDepth="3" Opacity="10" />
                </Button.Effect>
            </Button>
            <Button Content="Button" x:Name="btnD1" d:LayoutOverrides="Width, Height" HorizontalAlignment="Left" Margin="359,0,0,0" Style="{StaticResource BtnDStyle}" Click="openGallery_D">
                <Button.Effect>
                    <DropShadowEffect
                    Direction="-90"
                    Color="Black"
                    BlurRadius="20"
                    ShadowDepth="3" Opacity="10" />
                </Button.Effect>
            </Button>
        </Grid>       
    </Grid>
</UserControl>