how to write the styles in silverlight

<ResourceDictionary
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
    xmlns:water="clr-namespace:Microsoft.Windows.Controls;assembly=Microsoft.Windows.Controls.WatermarkedTextBox"
    >

    <!-- ******MAIN PAGE STYLES****** -->
    <!-- **************************** -->
    <!-- Primary Color Brushes -->
    <SolidColorBrush x:Key="NavigationBackgroundColorBrush" Color="#FF484848"/>
    <SolidColorBrush x:Key="NavigationForegroundColorBrush" Color="#FFFFFFFF"/>
    <SolidColorBrush x:Key="HighLightColorBrush" Color="#FF0097FC"/>
    <SolidColorBrush x:Key="HoverHyperlinkForegroundColorBrush" Color="#FFEBF7FF"/>
    <SolidColorBrush x:Key="HoverHyperLinkBackgroundColorBrush" Color="#FF747474"/>
    <SolidColorBrush x:Key="BodyTextColorBrush" Color="#FF313131"/>


    <!-- LayoutRoot Grid Style -->
    <Style x:Key="LayoutRootGridStyle" TargetType="Grid">
        <Setter Property="Background" Value="#FFFFFFFF"/>
    </Style>

    <!-- Content Border Style -->
    <Style x:Key="ContentBorderStyle" TargetType="Border">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="#FFFFFFFF"/>
        <Setter Property="BorderThickness" Value="0,0,0,0"/>
        <Setter Property="Margin" Value="0,33,0,0"/>
        <Setter Property="VerticalAlignment" Value="Stretch"/>
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
    </Style>

    <!-- Content Frame Style -->
    <Style x:Key="ContentFrameStyle" TargetType="navigation:Frame">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="Padding" Value="0,0,0,0"/>

    </Style>

    <!-- Navigation Grid Style -->
    <Style x:Key="NavigationGridStyle" TargetType="Grid">
        <Setter Property="Background" Value="{StaticResource NavigationBackgroundColorBrush}"/>
        <Setter Property="Height" Value="42"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="VerticalAlignment" Value="Top"/>
    </Style>

    <!-- Branding Border Style -->
    <Style x:Key="BrandingBorderStyle" TargetType="Border">
        <Setter Property="Height" Value="42"/>
        <Setter Property="Margin" Value="25,0,25,0"/>
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
    </Style>



    <!-- Links Border Style -->
    <Style x:Key="LinksBorderStyle" TargetType="Border">
        <Setter Property="Height" Value="42"/>
        <Setter Property="Margin" Value="25,0,5,0"/>
        <Setter Property="HorizontalAlignment" Value="Right"/>
    </Style>



    <!-- ******CONTENT PAGE STYLES****** -->
    <!-- ******************************* -->
    <!-- Page Style -->
    <Style x:Key="PageStyle" TargetType="navigation:Page"/>

    <!-- Page ScrollViewer Style -->
    <Style x:Key="PageScrollViewerStyle" TargetType="ScrollViewer">
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0,1,0,1"/>
        <Setter Property="Margin" Value="-58,-15,-58,-15"/>
        <Setter Property="Padding" Value="58,0,58,0"/>
        <Setter Property="VerticalScrollBarVisibility" Value="Auto"/>
        <Setter Property="HorizontalScrollBarVisibility" Value="Auto"/>
    </Style>

    <!-- Content Panel Style -->
    <Style x:Key="ContentPanelStyle" TargetType="StackPanel"/>

    <!-- Header Text Style -->
    <Style x:Key="HeaderTextStyle" TargetType="TextBlock">
        <Setter Property="Foreground" Value="{StaticResource BodyTextColorBrush}"/>
        <Setter Property="FontSize" Value="15"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="TextWrapping" Value="Wrap"/>
        <Setter Property="Margin" Value="0,15,0,4"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
    </Style>

    <!-- Content Text Style -->
    <Style x:Key="ContentTextStyle" TargetType="TextBlock">
        <Setter Property="Foreground" Value="{StaticResource BodyTextColorBrush}"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="TextWrapping" Value="Wrap"/>
        <Setter Property="Margin" Value="0,2,0,2"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
    </Style>

    <!-- Page HyperlinkButton Style -->
    <Style x:Key="PageHyperlinkButtonStyle" TargetType="HyperlinkButton">
        <Setter Property="TargetName" Value="_new"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="VerticalAlignment" Value="Center"/>
    </Style>

    <!--SiteMap link-->

    <Style x:Key="SiteMapLink" TargetType="HyperlinkButton">
        <Setter Property="FontSize" Value="12"></Setter>
        <Setter Property="Foreground" Value="Black"/>

    </Style>
    <Style x:Key="SiteMapLable" TargetType="TextBlock">
        <Setter Property="FontSize" Value="12"></Setter>

    </Style>


    <!--Heading-->
    <Style x:Key="headings" TargetType="TextBlock">
        <Setter Property="Foreground" Value="#9C00FF"/>
        <Setter Property="FontSize" Value="19"/>
        <Setter Property="FontWeight" Value="Bold"></Setter>
    </Style>

    <!--Hyperlink buttons for Add New-->
    <Style x:Key="Hyperlink" TargetType="HyperlinkButton">
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="FontSize" Value="12"/>
    </Style>


    <!--TextBlock-->
    <Style x:Key="Textblock" TargetType="TextBlock">
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="TextAlignment" Value="Right"></Setter>
        <Setter Property="FontWeight" Value="Bold"></Setter>

    </Style>

    <!-- Hyperlink Button In DataGrid-->
    <Style x:Key="HyperlinkInDataGrid" TargetType="HyperlinkButton">
        <Setter Property="Foreground" Value="Aqua"/>
        <Setter Property="FontWeight" Value="Bold"></Setter>
        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
    </Style>

    <!--TextBox-->
    <Style x:Key="Textboxstyle" TargetType="water:WatermarkedTextBox">
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="Height" Value="25"></Setter>
        <Setter Property="Margin" Value="20,0"></Setter>
        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
    </Style>

    <!--buttons styles-->
    <Style x:Key="Buttonstyle" TargetType="Button">
        <Setter Property="Foreground" Value="#FDD11B"/>
        <Setter Property="Width" Value="100"></Setter>
        <Setter Property="Height" Value="26"></Setter>
        <Setter Property="Background" Value="Black"></Setter>
        <Setter Property="BorderBrush" Value="Black"></Setter>
        <Setter Property="BorderThickness" Value="13"></Setter>
        <Setter Property="FontSize" Value="12"></Setter>
    </Style>

    <Style x:Key="ComboStyle" TargetType="ComboBox">
        <Setter Property="Width" Value="250"></Setter>
        <Setter Property="Margin" Value="20,0"/>
    </Style>


</ResourceDictionary>

dynamically create an agmenus in silverlight

foreach (var row in menulists)
            {
                 if(row.Pid==null || row.Pid==0)
                {
                    parentItem = new AgMenuItem();
                    parentItem.Header = row.Text;
                    parentItem.Tag = row.Url;
                    parentItem.Click += new EventHandler(parentItem_Click);
                    SPMenus.Items.Add(parentItem);

                }
                else
                {
                    DevExpress.AgMenu.AgMenuItem objSubitem = new AgMenuItem();
                    objSubitem.Header = row.Text;
                    objSubitem.Tag = row.Url;
                    objSubitem.Click += new EventHandler(objSubitem_Click);
                    parentItem.Items.Add(objSubitem);
                    objSubitem.Visibility = Visibility.Visible;
                }
            }

 void parentItem_Click(object sender, EventArgs e)
        {
            //var item = sender as DevExpress.AgMenu.AgMenuItem;

            //string str = "http://203.193.129.34/reports";

            //Uri objUri = new Uri(str, UriKind.RelativeOrAbsolute);
            //ContentFrame.Navigate(objUri);

            var item = sender as DevExpress.AgMenu.AgMenuItem;

            SPSubItemsofAgMenus.Children.Clear();

            foreach (DevExpress.AgMenu.AgMenuItem row in item.ParentItem.Items)
            {
                Button button = new Button();
                button.Content = "";
                button.Height = 30;
                button.Content = row.Header;
                button.Tag = row.Tag;
                SPSubItemsofAgMenus.Children.Add(button);
                button.Click += new RoutedEventHandler(button_Click);
            }
        }

Editable gridview in silverlight

<sdk:DataGrid  x:Name="DgAssignFee" AutoGenerateColumns="False" FontWeight="Bold"
                                       Height="200" Width="600" RowDetailsVisibilityMode="Collapsed" SelectionChanged="DgAssignFee_SelectionChanged"  >
                            <sdk:DataGrid.Columns>
                                <sdk:DataGridTemplateColumn Header="Provision Name" Width="200" SortMemberPath="Provision">
                                    <sdk:DataGridTemplateColumn.CellEditingTemplate>
                                        <DataTemplate>
                                            <TextBlock x:Name="TbProvision" Text="{Binding Provision}" FontWeight="Normal"></TextBlock>
                                        </DataTemplate>
                                    </sdk:DataGridTemplateColumn.CellEditingTemplate>
                                </sdk:DataGridTemplateColumn>
                                <sdk:DataGridTemplateColumn Header="Facilities Name" Width="200" SortMemberPath="Residualfee">
                                    <sdk:DataGridTemplateColumn.CellEditingTemplate>
                                        <DataTemplate>
                                            <TextBlock x:Name="TbResidualfee" Text="{Binding Residualfee}" FontWeight="Normal"></TextBlock>
                                        </DataTemplate>
                                    </sdk:DataGridTemplateColumn.CellEditingTemplate>
                                </sdk:DataGridTemplateColumn>

                                <sdk:DataGridTemplateColumn  Width="95">
                                    <sdk:DataGridTemplateColumn.CellEditingTemplate>
                                        <DataTemplate>
                                            <HyperlinkButton x:Name="HyperEdit" Content="Edit" Tag="{Binding Slno}"
                                                FontWeight="Normal" Click="HyperEdit_Click"></HyperlinkButton>
                                        </DataTemplate>
                                    </sdk:DataGridTemplateColumn.CellEditingTemplate>
                                </sdk:DataGridTemplateColumn>
                                <sdk:DataGridTemplateColumn  Width="95">
                                    <sdk:DataGridTemplateColumn.CellEditingTemplate>
                                        <DataTemplate>
                                            <HyperlinkButton x:Name="HyperDelete" Content="Delete" Tag="{Binding Slno}"
                                                FontWeight="Normal" Click="HyperDelete_Click"></HyperlinkButton>
                                        </DataTemplate>
                                    </sdk:DataGridTemplateColumn.CellEditingTemplate>
                                </sdk:DataGridTemplateColumn>
                            </sdk:DataGrid.Columns>

                            <sdk:DataGrid.RowDetailsTemplate>
                                <DataTemplate>
                                    <Border  BorderBrush="Black" BorderThickness="1" CornerRadius="1">
                                        <StackPanel Orientation="Vertical" Background="White" >
                                            <StackPanel Margin="25,10" >
                                                <TextBlock Text="Edit Assign Fees" Height="30" Width="400" ></TextBlock>
                                            </StackPanel>
                                            <StackPanel Orientation="Horizontal" Margin="20,20">
                                                <TextBlock Text="Provision Name : " Width="150" Height="30"></TextBlock>
                                                <!--<TextBox x:Name="TxtProvision" Text="{Binding Provision}"  FontWeight="Normal" Width="300" TextChanged="TxtProvision_TextChanged"></TextBox>-->
                                                <ComboBox x:Name="CBProvision"   Width="300" Loaded="CBProvision_Loaded" Style="{Binding Provision,Mode=TwoWay}"  FontWeight="Normal" SelectionChanged="CBProvision_SelectionChanged">
                                                </ComboBox>
                                            </StackPanel>
                                           
                                            <StackPanel Orientation="Horizontal" Margin="20,20">
                                                <TextBlock Text="Facilities Name : " Width="150" Height="30"></TextBlock>
                                                <!--<TextBox x:Name="TxtResidualfee" Text="{Binding Residualfee}"  FontWeight="Normal" Width="300" TextChanged="TxtResidualfee_TextChanged"></TextBox>-->
                                                <ComboBox x:Name="CBResidualfee"   Width="300" Loaded="CBResidualfee_Loaded" Style="{Binding Residualfee,Mode=TwoWay}"  FontWeight="Normal" SelectionChanged="CBResidualfee_SelectionChanged">
                                                </ComboBox>
                                            </StackPanel>

                                            <StackPanel>
                                                <StackPanel Orientation="Horizontal" Margin="170,20">
                                                    <Button x:Name="BtnUpdate" Content="Update" Height="30" Width="80"  Click="BtnUpdate_Click"></Button>
                                                    <Button x:Name="BtnClose" Content="Close" Height="30" Width="80" Margin="10,0" Click="BtnClose_Click"></Button>
                                                </StackPanel>
                                            </StackPanel>
                                        </StackPanel>
                                    </Border>
                                </DataTemplate>
                            </sdk:DataGrid.RowDetailsTemplate>
                        </sdk:DataGrid>
                        <sdk:DataPager x:Name="dataPager"
                                    Source="{Binding Path=ItemsSource,ElementName=DgAssignFee}"
                        PageSize="15"    DisplayMode="FirstLastPreviousNext" ></sdk:DataPager>