hi
i have a new project and added Diagramlite dll to references.
plz find the my attached xml file:

<UserControl xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Co
ntrols.Toolkit"  x:Class="BPOILSMART.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ;   
    xmlns:d="clr-namespace:MindFusion.Diagramming.Silverlight;assembly=DiagramLite"
    xmlns:fc="clr-namespace:BPOILSMART;assembly=BPOILSMART"
    xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Cont
rols"
    Background="Yellow" Width="1200" Height="600">
    <Grid>               
    <fc:LayoutContainer>
       <StackPanel Orientation="Horizontal" x:Name="navPanel">          
           <ComboBox x:Name="comboSteps"/>
       </StackPanel>
           <ScrollViewer Grid.Row="1" Margin="0,0,150,0" HorizontalScrollBarVisibility="Auto" HorizontalAlignment="Left"
          VerticalAlignment="Stretch" x:Name="scroller" VerticalScrollBarVisibility="Auto">
               <d:Diagram x:Name="d" MinWidth="200" MinHeight="200" DeserializeControl="OnDeserializeControl"/>
       </ScrollViewer>         
       <StackPanel x:Name="panelStepContols" Grid.Row="2"/>            
       </fc:LayoutContainer>   
       <basics:TabControl Margin="0, 30, 160, 0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="210" Height="300"
                          FontFamily="Verdana" FontSize="12">
           <basics:TabControl.Background>
               <SolidColorBrush Color="White" Opacity="0.30"/>
           </basics:TabControl.Background>
       </basics:TabControl>                           
       <basics:TabControl Name="tabAbout" Margin="05, 540, 100,0" Width="500" Height="220" FontFamily="Verdana" FontSize="12" VerticalAlignment="Top"
                  HorizontalAlignment="Left" >
           <basics:TabControl.Background>
               <SolidColorBrush Color="Green" Opacity="0.30"/>
           </basics:TabControl.Background>
           <basics:TabItem Header="About">
               <StackPanel>
                  
               </StackPanel>
           </basics:TabItem>
           <basics:TabItem Header="Work Packages">
               <StackPanel>

               </StackPanel>
           </basics:TabItem>
           <basics:TabItem Header="Deliverables">
               <StackPanel>

               </StackPanel>
           </basics:TabItem>            
       </basics:TabControl>          
    </Grid>
</UserControl>

when i tried to add my tab control below the image it is overlapping with image.
how can view total page with my tabcontrol?

cheers
ram